@dfosco/storyboard-core 4.2.0-beta.2 → 4.2.0-beta.21

package/src/comments/ui/Composer.svelte

@@ -1,65 +0,0 @@
-<!--
-  Composer — inline comment textarea at click position.
-  Uses shadcn Textarea, Button, Avatar.
--->
-
-<script lang="ts">
-  import { Button } from '../../lib/components/ui/button/index.js'
-  import { Textarea } from '../../lib/components/ui/textarea/index.js'
-  import * as Avatar from '../../lib/components/ui/avatar/index.js'
-  import { saveDraft, getDraft, clearDraft, composerDraftKey } from '../commentDrafts.js'
-
-  interface Props {
-    user?: { login: string; avatarUrl: string } | null
-    route?: string
-    onCancel?: () => void
-    onSubmit?: (text: string) => void
-  }
-
-  let { user = null, route = '', onCancel, onSubmit }: Props = $props()
-  const draftKey = $derived(composerDraftKey(route))
-  // svelte-ignore state_referenced_locally
-  let text = $state(getDraft(draftKey)?.text ?? '')
-
-  function submit() {
-    const val = text.trim()
-    if (!val) return
-    onSubmit?.(val)
-  }
-
-  function cancel() {
-    onCancel?.()
-  }
-
-  function handleBlur() {
-    if (text.trim()) {
-      saveDraft(draftKey, { type: 'comment', text })
-    } else {
-      clearDraft(draftKey)
-    }
-  }
-
-  function handleKeydown(e: KeyboardEvent) {
-    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) { e.preventDefault(); submit() }
-  }
-</script>
-
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div class="flex flex-col font-sans" onkeydown={handleKeydown}>
-  {#if user}
-    <div class="flex items-center px-3 pt-2 gap-2">
-      <Avatar.Root class="h-5 w-5">
-        <Avatar.Image src={user.avatarUrl} alt={user.login} />
-        <Avatar.Fallback class="text-[10px]">{user.login[0]?.toUpperCase()}</Avatar.Fallback>
-      </Avatar.Root>
-      <span class="text-xs text-muted-foreground font-medium">{user.login}</span>
-    </div>
-  {/if}
-  <div class="px-3 pt-3">
-    <Textarea class="min-h-[60px] max-h-[160px] resize-y text-sm" placeholder="Leave a comment…" bind:value={text} onblur={handleBlur} />
-  </div>
-  <div class="flex items-center justify-end p-3 gap-1">
-    <Button variant="outline" size="sm" class="border border-input text-foreground" onclick={cancel}>Cancel</Button>
-    <Button size="sm" onclick={submit}>Comment</Button>
-  </div>
-</div>

package/src/lib/components/ui/alert/alert-action.svelte

@@ -1,19 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="alert-action"
-	class={cn("absolute top-2 right-2", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/alert/alert-description.svelte

@@ -1,22 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="alert-description"
-	class={cn(
-		"text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/alert/alert-title.svelte

@@ -1,22 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="alert-title"
-	class={cn(
-		"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/alert/alert.svelte

@@ -1,38 +0,0 @@
-<script module>
-	import { tv } from "tailwind-variants";
-
-	export const alertVariants = tv({
-		base: "grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 group/alert relative w-full",
-		variants: {
-			variant: {
-				default: "bg-card text-card-foreground",
-				destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	});
-</script>
-
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		variant = "default",
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="alert"
-	role="alert"
-	class={cn(alertVariants({ variant }), className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/avatar/avatar-badge.svelte

@@ -1,25 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<span
-	bind:this={ref}
-	data-slot="avatar-badge"
-	class={cn(
-		"bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none",
-		"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
-		"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
-		"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</span>

package/src/lib/components/ui/avatar/avatar-fallback.svelte

@@ -1,20 +0,0 @@
-<script>
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<AvatarPrimitive.Fallback
-	bind:ref
-	data-slot="avatar-fallback"
-	class={cn(
-		"bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs",
-		className
-	)}
-	{...restProps}
-/>

package/src/lib/components/ui/avatar/avatar-group-count.svelte

@@ -1,22 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="avatar-group-count"
-	class={cn(
-		"bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/avatar/avatar-group.svelte

@@ -1,22 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="avatar-group"
-	class={cn(
-		"cn-avatar-group *:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/avatar/avatar-image.svelte

@@ -1,17 +0,0 @@
-<script>
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<AvatarPrimitive.Image
-	bind:ref
-	data-slot="avatar-image"
-	class={cn("rounded-full aspect-square size-full object-cover", className)}
-	{...restProps}
-/>

package/src/lib/components/ui/avatar/avatar.svelte

@@ -1,24 +0,0 @@
-<script>
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		loadingStatus = $bindable("loading"),
-		size = "default",
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<AvatarPrimitive.Root
-	bind:ref
-	bind:loadingStatus
-	data-slot="avatar"
-	data-size={size}
-	class={cn(
-		"size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten",
-		className
-	)}
-	{...restProps}
-/>

package/src/lib/components/ui/badge/badge.svelte

@@ -1,44 +0,0 @@
-<script module>
-	import { tv } from "tailwind-variants";
-
-	export const badgeVariants = tv({
-		base: "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none",
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-				secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-				destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
-				outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-				ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-				link: "text-primary underline-offset-4 hover:underline",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	});
-</script>
-
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		href,
-		class: className,
-		variant = "default",
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<svelte:element
-	this={href ? "a" : "span"}
-	bind:this={ref}
-	data-slot="badge"
-	{href}
-	class={cn(badgeVariants({ variant }), className)}
-	{...restProps}
->
-	{@render children?.()}
-</svelte:element>

package/src/lib/components/ui/button/button.svelte

@@ -1,108 +0,0 @@
-<script module>
-	import { cn } from "../../../utils/index.js";
-	import { tv } from "tailwind-variants";
-
-	export const buttonVariants = tv({
-		base: "focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 rounded-lg font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 group/button inline-flex size-full shrink-0 items-center justify-center whitespace-nowrap transition-colors outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-				outline: "bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground",
-				trigger: "focus-visible:ring-0",
-				secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-				ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
-				destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive dark:hover:bg-destructive/30",
-				link: "text-primary underline-offset-4 hover:underline",
-			},
-			size: {
-				default: "text-sm gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-				xs: "text-xs gap-1 rounded-[min(var(--sb--radius-md),10px)] px-2 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-				sm: "text-[0.8rem] gap-1 rounded-[min(var(--sb--radius-md),12px)] px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-				lg: "text-sm gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
-				xl: "text-base gap-2 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 [&_svg:not([class*='size-'])]:size-5",
-				"2xl": "text-lg gap-2.5 px-5 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 [&_svg:not([class*='size-'])]:size-6",
-				icon: "text-sm",
-				"icon-xs": "text-xs rounded-[min(var(--sb--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-				"icon-sm": "text-[0.8rem] rounded-[min(var(--sb--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-				"icon-lg": "text-sm",
-				"icon-xl": "text-base [&_svg:not([class*='size-'])]:size-5",
-				"icon-2xl": "text-lg [&_svg:not([class*='size-'])]:size-6",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-			size: "default",
-		},
-	});
-
-	export const wrapperVariants = tv({
-		base: "inline-flex shrink-0 transition-transform",
-		variants: {
-			size: {
-				default: "h-8",
-				xs: "h-6 rounded-[min(var(--sb--radius-md),10px)] in-data-[slot=button-group]:rounded-lg",
-				sm: "h-7 rounded-[min(var(--sb--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-				lg: "h-9",
-				xl: "h-11",
-				"2xl": "h-14",
-				icon: "size-8",
-				"icon-xs": "size-6 rounded-[min(var(--sb--radius-md),10px)] in-data-[slot=button-group]:rounded-lg",
-				"icon-sm": "size-7 rounded-[min(var(--sb--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-				"icon-lg": "size-9",
-				"icon-xl": "size-11",
-				"icon-2xl": "size-14",
-			},
-		},
-		defaultVariants: {
-			size: "default",
-		},
-	});
-
-</script>
-
-<script>
-	let {
-		class: className,
-		wrapperClass = "",
-		variant = "default",
-		size = "default",
-		ref = $bindable(null),
-		href = undefined,
-		type = "button",
-		disabled,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<span
-	data-slot="button-wrapper"
-	class={cn(wrapperVariants({ size }), wrapperClass)}
-	style="background: var(--sb--sc-border-color, transparent); padding: var(--sb--sc-border-width, 0px);"
->
-	{#if href}
-		<a
-			bind:this={ref}
-			class={cn(buttonVariants({ variant, size }), className)}
-			href={disabled ? undefined : href}
-			aria-disabled={disabled}
-			role={disabled ? "link" : undefined}
-			tabindex={disabled ? -1 : undefined}
-			{...restProps}
-			data-slot="button"
-		>
-			{@render children?.()}
-		</a>
-	{:else}
-		<button
-			bind:this={ref}
-			class={cn(buttonVariants({ variant, size }), className)}
-			{type}
-			{disabled}
-			{...restProps}
-			data-slot="button"
-		>
-			{@render children?.()}
-		</button>
-	{/if}
-</span>

package/src/lib/components/ui/card/card-action.svelte

@@ -1,21 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-action"
-	class={cn(
-		"cn-card-action col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/card/card-content.svelte

@@ -1,19 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-content"
-	class={cn("px-4 group-data-[size=sm]/card:px-3", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/card/card-description.svelte

@@ -1,19 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<p
-	bind:this={ref}
-	data-slot="card-description"
-	class={cn("text-muted-foreground text-sm", className)}
-	{...restProps}
->
-	{@render children?.()}
-</p>

package/src/lib/components/ui/card/card-footer.svelte

@@ -1,18 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-footer"
-	class={cn("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/card/card-header.svelte

@@ -1,21 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-header"
-	class={cn(
-		"gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/card/card-title.svelte

@@ -1,14 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div bind:this={ref} data-slot="card-title" class={cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className)} {...restProps}>
-	{@render children?.()}
-</div>

package/src/lib/components/ui/card/card.svelte

@@ -1,21 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		size = "default",
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card"
-	data-size={size}
-	class={cn("ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/checkbox/checkbox.svelte

@@ -1,39 +0,0 @@
-<script>
-	import { Checkbox as CheckboxPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-	import CheckIcon from '@lucide/svelte/icons/check';
-	import MinusIcon from '@lucide/svelte/icons/minus';
-
-	let {
-		ref = $bindable(null),
-		checked = $bindable(false),
-		indeterminate = $bindable(false),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<CheckboxPrimitive.Root
-	bind:ref
-	data-slot="checkbox"
-	class={cn(
-		"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50",
-		className
-	)}
-	bind:checked
-	bind:indeterminate
-	{...restProps}
->
-	{#snippet children({ checked, indeterminate })}
-		<div
-			data-slot="checkbox-indicator"
-			class="[&>svg]:size-3.5 grid place-content-center text-current transition-none"
-		>
-			{#if checked}
-				<CheckIcon  />
-			{:else if indeterminate}
-				<MinusIcon  />
-			{/if}
-		</div>
-	{/snippet}
-</CheckboxPrimitive.Root>

package/src/lib/components/ui/collapsible/collapsible-content.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps } = $props();
-</script>
-
-<CollapsiblePrimitive.Content bind:ref data-slot="collapsible-content" {...restProps} />

package/src/lib/components/ui/collapsible/collapsible-trigger.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps } = $props();
-</script>
-
-<CollapsiblePrimitive.Trigger bind:ref data-slot="collapsible-trigger" {...restProps} />

package/src/lib/components/ui/collapsible/collapsible.svelte

@@ -1,11 +0,0 @@
-<script>
-	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		open = $bindable(false),
-		...restProps
-	} = $props();
-</script>
-
-<CollapsiblePrimitive.Root bind:ref bind:open data-slot="collapsible" {...restProps} />