first commit

resources/js/components/ui/collapsible/Collapsible.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte';
+
+    let {
+        open = $bindable(false),
+        disabled = false,
+        children,
+    }: {
+        open?: boolean;
+        disabled?: boolean;
+        children?: Snippet;
+    } = $props();
+</script>
+
+<div data-slot="collapsible" data-state={open ? 'open' : 'closed'} data-disabled={disabled || undefined}>
+    {@render children?.()}
+</div>

resources/js/components/ui/collapsible/CollapsibleContent.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte';
+
+    let {
+        children,
+        ...rest
+    }: {
+        children?: Snippet;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<div data-slot="collapsible-content" {...rest}>
+    {@render children?.()}
+</div>

resources/js/components/ui/collapsible/CollapsibleTrigger.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte';
+
+    let {
+        children,
+        ...rest
+    }: {
+        children?: Snippet;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<button type="button" data-slot="collapsible-trigger" {...rest}>
+    {@render children?.()}
+</button>

resources/js/components/ui/collapsible/index.ts

@@ -0,0 +1,3 @@
+export { default as Collapsible } from './Collapsible.svelte';
+export { default as CollapsibleContent } from './CollapsibleContent.svelte';
+export { default as CollapsibleTrigger } from './CollapsibleTrigger.svelte';