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

package/src/lib/components/ui/dialog/dialog-close.svelte

@@ -1,11 +0,0 @@
-<script>
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		type = "button",
-		...restProps
-	} = $props();
-</script>
-
-<DialogPrimitive.Close bind:ref data-slot="dialog-close" {type} {...restProps} />

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

@@ -1,42 +0,0 @@
-<script>
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import DialogPortal from "./dialog-portal.svelte";
-	import * as Dialog from "./index.js";
-	import { cn } from "../../../utils/index.js";
-	import { Button } from "../../../components/ui/button/index.js";
-	import XIcon from '@lucide/svelte/icons/x';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		portalProps,
-		children,
-		showCloseButton = true,
-		...restProps
-	} = $props();
-</script>
-
-<DialogPortal {...portalProps}>
-	<Dialog.Overlay />
-	<DialogPrimitive.Content
-		bind:ref
-		data-slot="dialog-content"
-		class={cn(
-			"font-sans bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		{#if showCloseButton}
-			<DialogPrimitive.Close data-slot="dialog-close">
-				{#snippet child({ props })}
-					<Button variant="ghost" class="absolute top-2 right-2" size="icon-sm" {...props}>
-						<XIcon  />
-						<span class="sr-only">Close</span>
-					</Button>
-				{/snippet}
-			</DialogPrimitive.Close>
-		{/if}
-	</DialogPrimitive.Content>
-</DialogPortal>

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

@@ -1,17 +0,0 @@
-<script>
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<DialogPrimitive.Description
-	bind:ref
-	data-slot="dialog-description"
-	class={cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className)}
-	{...restProps}
-/>

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

@@ -1,29 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { Button } from "../../../components/ui/button/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		showCloseButton = false,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="dialog-footer"
-	class={cn("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
-	{...restProps}
->
-	{@render children?.()}
-	{#if showCloseButton}
-		<DialogPrimitive.Close>
-			{#snippet child({ props })}
-				<Button variant="outline" {...props}>Close</Button>
-			{/snippet}
-		</DialogPrimitive.Close>
-	{/if}
-</div>

package/src/lib/components/ui/dialog/dialog-header.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="dialog-header"
-	class={cn("gap-2 flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/dialog/dialog-overlay.svelte

@@ -1,17 +0,0 @@
-<script>
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<DialogPrimitive.Overlay
-	bind:ref
-	data-slot="dialog-overlay"
-	class={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className)}
-	{...restProps}
-/>

package/src/lib/components/ui/dialog/dialog-portal.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let { ...restProps } = $props();
-</script>
-
-<DialogPrimitive.Portal {...restProps} />

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

@@ -1,17 +0,0 @@
-<script>
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<DialogPrimitive.Title
-	bind:ref
-	data-slot="dialog-title"
-	class={cn("text-base leading-none font-medium", className)}
-	{...restProps}
-/>

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

@@ -1,11 +0,0 @@
-<script>
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		type = "button",
-		...restProps
-	} = $props();
-</script>
-
-<DialogPrimitive.Trigger bind:ref data-slot="dialog-trigger" {type} {...restProps} />

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

@@ -1,7 +0,0 @@
-<script>
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps } = $props();
-</script>
-
-<DialogPrimitive.Root bind:open {...restProps} />

package/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte

@@ -1,16 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable([]),
-		...restProps
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.CheckboxGroup
-	bind:ref
-	bind:value
-	data-slot="dropdown-menu-checkbox-group"
-	{...restProps}
-/>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -1,40 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import MinusIcon from '@lucide/svelte/icons/minus';
-	import CheckIcon from '@lucide/svelte/icons/check';
-	import { cn } from "../../../utils/index.js";
-	let {
-		ref = $bindable(null),
-		checked = $bindable(false),
-		indeterminate = $bindable(false),
-		class: className,
-		children: childrenProp,
-		...restProps
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.CheckboxItem
-	bind:ref
-	bind:checked
-	bind:indeterminate
-	data-slot="dropdown-menu-checkbox-item"
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2 rounded-[4px] py-2 pr-8 pl-2.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{#snippet children({ checked, indeterminate })}
-		<span
-			class="absolute right-2 flex items-center justify-center pointer-events-none"
-			data-slot="dropdown-menu-checkbox-item-indicator"
-		>
-			{#if indeterminate}
-				<MinusIcon  />
-			{:else if checked}
-				<CheckIcon  />
-			{/if}
-		</span>
-		{@render childrenProp?.()}
-	{/snippet}
-</DropdownMenuPrimitive.CheckboxItem>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte

@@ -1,27 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-	import DropdownMenuPortal from "./dropdown-menu-portal.svelte";
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	let {
-		ref = $bindable(null),
-		sideOffset = 8,
-		align = "start",
-		portalProps,
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<DropdownMenuPortal {...portalProps}>
-	<DropdownMenuPrimitive.Content
-		bind:ref
-		data-slot="dropdown-menu-content"
-		{sideOffset}
-		{align}
-		class={cn(
-			"font-sans data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 w-(--bits-dropdown-menu-anchor-width) data-closed:overflow-hidden z-[10000] bg-popover border-3 border-border text-popover-foreground fill-popover-foreground min-w-40 rounded-xl p-2 shadow-xl duration-100 overflow-x-hidden overflow-y-auto",
-			className
-		)}
-		{...restProps}
-	/>
-</DropdownMenuPortal>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte

@@ -1,18 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset,
-		...restProps
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.GroupHeading
-	bind:ref
-	data-slot="dropdown-menu-group-heading"
-	data-inset={inset}
-	class={cn("px-2 py-1.5 text-sm font-semibold data-[inset]:ps-8", className)}
-	{...restProps}
-/>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps } = $props();
-</script>
-
-<DropdownMenuPrimitive.Group bind:ref data-slot="dropdown-menu-group" {...restProps} />

package/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte

@@ -1,24 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset,
-		variant = "default",
-		...restProps
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.Item
-	bind:ref
-	data-slot="dropdown-menu-item"
-	data-inset={inset}
-	data-variant={variant}
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-[4px] px-2.5 py-2 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
-/>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte

@@ -1,20 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="dropdown-menu-label"
-	data-inset={inset}
-	class={cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7 data-[inset]:pl-8", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let { ...restProps } = $props();
-</script>
-
-<DropdownMenuPrimitive.Portal {...restProps} />

package/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte

@@ -1,16 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		...restProps
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.RadioGroup
-	bind:ref
-	bind:value
-	data-slot="dropdown-menu-radio-group"
-	{...restProps}
-/>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -1,34 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import CheckIcon from '@lucide/svelte/icons/check';
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children: childrenProp,
-		...restProps
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.RadioItem
-	bind:ref
-	data-slot="dropdown-menu-radio-item"
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{#snippet children({ checked })}
-		<span
-			class="absolute right-2 flex items-center justify-center pointer-events-none"
-			data-slot="dropdown-menu-radio-item-indicator"
-		>
-			{#if checked}
-				<CheckIcon  />
-			{/if}
-		</span>
-		{@render childrenProp?.({ checked })}
-	{/snippet}
-</DropdownMenuPrimitive.RadioItem>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte

@@ -1,17 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.Separator
-	bind:ref
-	data-slot="dropdown-menu-separator"
-	class={cn("bg-border -mx-1.5 my-1 h-px", className)}
-	{...restProps}
-/>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte

@@ -1,19 +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="dropdown-menu-shortcut"
-	class={cn("text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className)}
-	{...restProps}
->
-	{@render children?.()}
-</span>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte

@@ -1,17 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.SubContent
-	bind:ref
-	data-slot="dropdown-menu-sub-content"
-	class={cn("font-sans data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[10000] bg-popover border-3 border-border text-popover-foreground fill-popover-foreground min-w-[96px] rounded-xl p-2 shadow-xl duration-100 w-auto", className)}
-	{...restProps}
-/>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte

@@ -1,27 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.SubTrigger
-	bind:ref
-	data-slot="dropdown-menu-sub-trigger"
-	data-inset={inset}
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-2.5 py-2 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-	<ChevronRightIcon class="ml-auto" />
-</DropdownMenuPrimitive.SubTrigger>

package/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps } = $props();
-</script>
-
-<DropdownMenuPrimitive.Sub bind:open {...restProps} />

package/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte

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

package/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps } = $props();
-</script>
-
-<DropdownMenuPrimitive.Root bind:open {...restProps} />

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

@@ -1,40 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		type,
-		files = $bindable(),
-		class: className,
-		"data-slot": dataSlot = "input",
-		...restProps
-	} = $props();
-</script>
-
-{#if type === "file"}
-	<input
-		bind:this={ref}
-		data-slot={dataSlot}
-		class={cn(
-			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-			className
-		)}
-		type="file"
-		bind:files
-		bind:value
-		{...restProps}
-	/>
-{:else}
-	<input
-		bind:this={ref}
-		data-slot={dataSlot}
-		class={cn(
-			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-			className
-		)}
-		{type}
-		bind:value
-		{...restProps}
-	/>
-{/if}

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

@@ -1,20 +0,0 @@
-<script>
-	import { Label as LabelPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<LabelPrimitive.Root
-	bind:ref
-	data-slot="label"
-	class={cn(
-		"gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
-		className
-	)}
-	{...restProps}
-/>

package/src/lib/components/ui/panel/panel-body.svelte

@@ -1,13 +0,0 @@
-<script>
-  import { cn } from "../../../utils/index.js";
-
-  let { class: className, children, ...restProps } = $props();
-</script>
-
-<div
-  data-slot="panel-body"
-  class={cn("flex-1 overflow-auto px-4 py-2", className)}
-  {...restProps}
->
-  {@render children?.()}
-</div>

package/src/lib/components/ui/panel/panel-close.svelte

@@ -1,16 +0,0 @@
-<script>
-  import { Dialog as DialogPrimitive } from "bits-ui";
-  import { Button } from "../../../components/ui/button/index.js";
-  import XIcon from '@lucide/svelte/icons/x';
-
-  let { class: className, ...restProps } = $props();
-</script>
-
-<DialogPrimitive.Close data-slot="panel-close">
-  {#snippet child({ props })}
-    <Button variant="ghost" size="icon-sm" class={className} {...props} {...restProps}>
-      <XIcon />
-      <span class="sr-only">Close</span>
-    </Button>
-  {/snippet}
-</DialogPrimitive.Close>

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

@@ -1,33 +0,0 @@
-<script>
-  import { Dialog as DialogPrimitive } from "bits-ui";
-  import { cn } from "../../../utils/index.js";
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  } = $props();
-</script>
-
-<DialogPrimitive.Portal>
-  <DialogPrimitive.Content
-    bind:ref
-    data-slot="panel-content"
-    trapFocus={false}
-    onInteractOutside={(e) => e.preventDefault()}
-    onFocusOutside={(e) => e.preventDefault()}
-    class={cn(
-      "font-sans fixed z-[10000] bottom-28 right-6 w-[400px] max-h-[90vh] flex flex-col",
-      "bg-popover text-popover-foreground border-3 border-slate-400",
-      "rounded-xl shadow-xl overflow-x-hidden overflow-y-auto",
-      "data-open:animate-in data-open:fade-in-0 data-open:slide-in-from-bottom-4",
-      "data-closed:animate-out data-closed:fade-out-0 data-closed:slide-out-to-bottom-4",
-      "duration-150",
-      className
-    )}
-    {...restProps}
-  >
-    {@render children?.()}
-  </DialogPrimitive.Content>
-</DialogPrimitive.Portal>