Initial commit

src/lib/components/layout/CollapsibleSection.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  let { 
+    title,
+    open = $bindable(false),
+    ...restProps
+  } = $props();
+</script>
+
+<div class="collapse collapse-arrow bg-base-200 rounded-lg mb-2" {...restProps}>
+  <input type="checkbox" bind:checked={open} />
+  <div class="collapse-title text-lg font-medium">
+    {title}
+  </div>
+  <div class="collapse-content">
+    <slot />
+  </div>
+</div>