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

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

@@ -1,13 +0,0 @@
-<script>
-  import { cn } from "../../../utils/index.js";
-
-  let { class: className, children, ...restProps } = $props();
-</script>
-
-<div
-  data-slot="panel-footer"
-  class={cn("flex items-center justify-end gap-2 px-4 pt-2 pb-4", className)}
-  {...restProps}
->
-  {@render children?.()}
-</div>

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

@@ -1,16 +0,0 @@
-<script>
-  import { cn } from "../../../utils/index.js";
-
-  let { class: className, children, ...restProps } = $props();
-</script>
-
-<div
-  data-slot="panel-header"
-  class={cn(
-    "flex items-center justify-between gap-2 px-4 pt-4 pb-2",
-    className
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</div>

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

@@ -1,14 +0,0 @@
-<script>
-  import { Dialog as DialogPrimitive } from "bits-ui";
-  import { cn } from "../../../utils/index.js";
-
-  let { class: className, children, ...restProps } = $props();
-</script>
-
-<DialogPrimitive.Title
-  data-slot="panel-title"
-  class={cn("text-sm font-semibold", className)}
-  {...restProps}
->
-  {@render children?.()}
-</DialogPrimitive.Title>

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

@@ -1,15 +0,0 @@
-<!--
-  Panel — bottom-right anchored floating panel.
-  Opens above the CoreUIBar trigger area. Not a centered modal.
-  Uses bits-ui Dialog primitive for accessibility (focus trap, escape to close)
-  but positions content as a fixed bottom-right panel instead of centered.
-  Styled to match dropdown menus: thick borders, shadow, no overlay.
--->
-
-<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/popover/popover-close.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { Popover as PopoverPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps } = $props();
-</script>
-
-<PopoverPrimitive.Close bind:ref data-slot="popover-close" {...restProps} />

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

@@ -1,27 +0,0 @@
-<script>
-	import { Popover as PopoverPrimitive } from "bits-ui";
-	import PopoverPortal from "./popover-portal.svelte";
-	import { cn } from "../../../utils/index.js";
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 4,
-		align = "center",
-		portalProps,
-		...restProps
-	} = $props();
-</script>
-
-<PopoverPortal {...portalProps}>
-	<PopoverPrimitive.Content
-		bind:ref
-		data-slot="popover-content"
-		{sideOffset}
-		{align}
-		class={cn(
-			"bg-popover text-popover-foreground 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 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-72 origin-(--transform-origin) outline-hidden",
-			className
-		)}
-		{...restProps}
-	/>
-</PopoverPortal>

package/src/lib/components/ui/popover/popover-description.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="popover-description"
-	class={cn("text-muted-foreground", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

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

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

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

package/src/lib/components/ui/popover/popover-title.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="popover-title"
-	class={cn("font-medium", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

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

@@ -1,17 +0,0 @@
-<script>
-	import { cn } from "../../../utils/index.js";
-	import { Popover as PopoverPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<PopoverPrimitive.Trigger
-	bind:ref
-	data-slot="popover-trigger"
-	class={cn("", className)}
-	{...restProps}
-/>

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

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

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

@@ -1,40 +0,0 @@
-<script>
-	import { Select as SelectPrimitive } from "bits-ui";
-	import SelectPortal from "./select-portal.svelte";
-	import SelectScrollUpButton from "./select-scroll-up-button.svelte";
-	import SelectScrollDownButton from "./select-scroll-down-button.svelte";
-	import { cn } from "../../../utils/index.js";
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 4,
-		portalProps,
-		children,
-		preventScroll = true,
-		...restProps
-	} = $props();
-</script>
-
-<SelectPortal {...portalProps}>
-	<SelectPrimitive.Content
-		bind:ref
-		{sideOffset}
-		{preventScroll}
-		data-slot="select-content"
-		class={cn(
-			"bg-popover text-popover-foreground 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 min-w-36 rounded-lg shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 relative isolate z-50 overflow-x-hidden overflow-y-auto",
-			className
-		)}
-		{...restProps}
-	>
-		<SelectScrollUpButton />
-		<SelectPrimitive.Viewport
-			class={cn(
-				"h-(--bits-select-anchor-height) w-full min-w-(--bits-select-anchor-width) scroll-my-1"
-			)}
-		>
-			{@render children?.()}
-		</SelectPrimitive.Viewport>
-		<SelectScrollDownButton />
-	</SelectPrimitive.Content>
-</SelectPortal>

package/src/lib/components/ui/select/select-group-heading.svelte

@@ -1,19 +0,0 @@
-<script>
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<SelectPrimitive.GroupHeading
-	bind:ref
-	data-slot="select-group-heading"
-	class={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
-	{...restProps}
->
-	{@render children?.()}
-</SelectPrimitive.GroupHeading>

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

@@ -1,17 +0,0 @@
-<script>
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<SelectPrimitive.Group
-	bind:ref
-	data-slot="select-group"
-	class={cn("scroll-my-1 p-1", className)}
-	{...restProps}
-/>

package/src/lib/components/ui/select/select-item.svelte

@@ -1,38 +0,0 @@
-<script>
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-	import CheckIcon from '@lucide/svelte/icons/check';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		value,
-		label,
-		children: childrenProp,
-		...restProps
-	} = $props();
-</script>
-
-<SelectPrimitive.Item
-	bind:ref
-	{value}
-	data-slot="select-item"
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 focus:bg-accent data-highlighted:bg-accent data-highlighted:text-accent-foreground focus:text-accent-foreground relative flex w-full 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({ selected, highlighted })}
-		<span class="absolute end-2 flex size-3.5 items-center justify-center">
-			{#if selected}
-				<CheckIcon class="cn-select-item-indicator-icon" />
-			{/if}
-		</span>
-		{#if childrenProp}
-			{@render childrenProp({ selected, highlighted })}
-		{:else}
-			{label || value}
-		{/if}
-	{/snippet}
-</SelectPrimitive.Item>

package/src/lib/components/ui/select/select-label.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="select-label"
-	class={cn("text-muted-foreground px-1.5 py-1 text-xs", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

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

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

package/src/lib/components/ui/select/select-scroll-down-button.svelte

@@ -1,20 +0,0 @@
-<script>
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<SelectPrimitive.ScrollDownButton
-	bind:ref
-	data-slot="select-scroll-down-button"
-	class={cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full", className)}
-	{...restProps}
->
-	<ChevronDownIcon  />
-</SelectPrimitive.ScrollDownButton>

package/src/lib/components/ui/select/select-scroll-up-button.svelte

@@ -1,20 +0,0 @@
-<script>
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-	import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<SelectPrimitive.ScrollUpButton
-	bind:ref
-	data-slot="select-scroll-up-button"
-	class={cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full", className)}
-	{...restProps}
->
-	<ChevronUpIcon  />
-</SelectPrimitive.ScrollUpButton>

package/src/lib/components/ui/select/select-separator.svelte

@@ -1,17 +0,0 @@
-<script>
-	import { Separator } from "../../../components/ui/separator/index.js";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	} = $props();
-</script>
-
-<Separator
-	bind:ref
-	data-slot="select-separator"
-	class={cn("bg-border -mx-1 my-1 h-px pointer-events-none", className)}
-	{...restProps}
-/>

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

@@ -1,27 +0,0 @@
-<script>
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		size = "default",
-		...restProps
-	} = $props();
-</script>
-
-<SelectPrimitive.Trigger
-	bind:ref
-	data-slot="select-trigger"
-	data-size={size}
-	class={cn(
-		"border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 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 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--sb--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-	<ChevronDownIcon class="text-muted-foreground size-4 pointer-events-none" />
-</SelectPrimitive.Trigger>

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

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

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

@@ -1,23 +0,0 @@
-<script>
-	import { Separator as SeparatorPrimitive } from "bits-ui";
-	import { cn } from "../../../utils/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		"data-slot": dataSlot = "separator",
-		...restProps
-	} = $props();
-</script>
-
-<SeparatorPrimitive.Root
-	bind:ref
-	data-slot={dataSlot}
-	class={cn(
-		"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",
-		// this is different in shadcn/ui but self-stretch breaks things for us
-		"data-[orientation=vertical]:h-full",
-		className
-	)}
-	{...restProps}
-/>

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

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

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

@@ -1,43 +0,0 @@
-<script>
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import SheetPortal from "./sheet-portal.svelte";
-	import SheetOverlay from "./sheet-overlay.svelte";
-	import { Button } from "../../../components/ui/button/index.js";
-	import XIcon from '@lucide/svelte/icons/x';
-	import { cn } from "../../../utils/index.js";
-	let {
-		ref = $bindable(null),
-		class: className,
-		side = "right",
-		showCloseButton = true,
-		portalProps,
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<SheetPortal {...portalProps}>
-	<SheetOverlay />
-	<SheetPrimitive.Content
-		bind:ref
-		data-slot="sheet-content"
-		data-side={side}
-		class={cn(
-			"bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		{#if showCloseButton}
-			<SheetPrimitive.Close data-slot="sheet-close">
-				{#snippet child({ props })}
-					<Button variant="ghost" class="absolute top-3 right-3" size="icon-sm" {...props}>
-						<XIcon  />
-						<span class="sr-only">Close</span>
-					</Button>
-				{/snippet}
-			</SheetPrimitive.Close>
-		{/if}
-	</SheetPrimitive.Content>
-</SheetPortal>

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

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

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

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

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

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

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

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

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

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

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

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

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

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