@svadmin/ui 0.29.0 → 0.29.2

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

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

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

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

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

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

package/src/components/ui/dialog/index.ts

@@ -1,34 +0,0 @@
-import Root from "./dialog.svelte";
-import Portal from "./dialog-portal.svelte";
-import Title from "./dialog-title.svelte";
-import Footer from "./dialog-footer.svelte";
-import Header from "./dialog-header.svelte";
-import Overlay from "./dialog-overlay.svelte";
-import Content from "./dialog-content.svelte";
-import Description from "./dialog-description.svelte";
-import Trigger from "./dialog-trigger.svelte";
-import Close from "./dialog-close.svelte";
-
-export {
-	Root,
-	Title,
-	Portal,
-	Footer,
-	Header,
-	Trigger,
-	Overlay,
-	Content,
-	Description,
-	Close,
-	//
-	Root as Dialog,
-	Title as DialogTitle,
-	Portal as DialogPortal,
-	Footer as DialogFooter,
-	Header as DialogHeader,
-	Trigger as DialogTrigger,
-	Overlay as DialogOverlay,
-	Content as DialogContent,
-	Description as DialogDescription,
-	Close as DialogClose,
-};

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

@@ -1,43 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	type Props = WithElementRef<HTMLButtonAttributes, HTMLButtonElement> & {
-		checked?: boolean;
-		onCheckedChange?: (checked: boolean) => void;
-	};
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		checked = false,
-		onCheckedChange,
-		children,
-		...restProps
-	}: Props = $props();
-
-	function handleClick() {
-		const next = !checked;
-		onCheckedChange?.(next);
-	}
-</script>
-
-<button
-	bind:this={ref}
-	role="menuitemcheckbox"
-	aria-checked={checked}
-	data-slot="dropdown-menu-checkbox-item"
-	class={cn(
-		"relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none hover:bg-accent hover:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-		className
-	)}
-	onclick={handleClick}
-	{...restProps}
->
-	<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-		{#if checked}
-			<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
-		{/if}
-	</span>
-	{@render children?.()}
-</button>

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

@@ -1,35 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { getContext } from "svelte";
-
-	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		align?: "start" | "center" | "end";
-	};
-
-	let {
-		ref = $bindable(null),
-		align = "end",
-		class: className,
-		children,
-		...restProps
-	}: Props = $props();
-
-	let isOpen = $derived(getContext<() => boolean>("svadmin-dropdown-open")?.() ?? true);
-</script>
-
-{#if isOpen}
-<div
-	bind:this={ref}
-	data-slot="dropdown-menu-content"
-	class={cn(
-		"bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-lg border p-1 shadow-lg",
-		"absolute mt-1 animate-in fade-in-0 zoom-in-95",
-		align === "end" ? "right-0" : align === "start" ? "left-0" : "left-1/2 -translate-x-1/2",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
-{/if}

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

@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	type Props = WithElementRef<HTMLButtonAttributes, HTMLButtonElement> & {
-		inset?: boolean;
-		destructive?: boolean;
-	};
-
-	let {
-		ref = $bindable(null),
-		inset = false,
-		destructive = false,
-		class: className,
-		children,
-		...restProps
-	}: Props = $props();
-</script>
-
-<button
-	bind:this={ref}
-	type="button"
-	data-slot="dropdown-menu-item"
-	class={cn(
-		"relative flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors [&_svg]:size-4 [&_svg]:shrink-0",
-		destructive
-			? "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"
-			: "hover:bg-accent focus:bg-accent focus:text-accent-foreground",
-		"disabled:pointer-events-none disabled:opacity-50",
-		inset && "pl-8",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</button>

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

@@ -1,10 +0,0 @@
-<script lang="ts">
-	import { cn } from "../../../utils.js";
-
-	let { class: className }: { class?: string } = $props();
-</script>
-
-<div
-	data-slot="dropdown-menu-separator"
-	class={cn("-mx-1 my-1 h-px bg-border", className)}
-></div>

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

@@ -1,27 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	type Props = WithElementRef<HTMLButtonAttributes, HTMLButtonElement>;
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		child,
-		...restProps
-	}: Props & { child?: import("svelte").Snippet<[{ props: Record<string, unknown> }]> } = $props();
-</script>
-
-{#if child}
-	{@render child({ props: { ...restProps, class: cn(className), "data-slot": "dropdown-menu-trigger" } })}
-{:else}
-	<button
-		bind:this={ref}
-		data-slot="dropdown-menu-trigger"
-		class={cn(className)}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
-{/if}

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

@@ -1,45 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLAttributes, HTMLButtonAttributes } from "svelte/elements";
-
-	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		open?: boolean;
-		onOpenChange?: (open: boolean) => void;
-	};
-
-	let {
-		ref = $bindable(null),
-		open = $bindable(false),
-		onOpenChange,
-		class: className,
-		children,
-		...restProps
-	}: Props = $props();
-
-	import { setContext } from "svelte";
-
-	function handleClickOutside(e: MouseEvent) {
-		if (ref && !ref.contains(e.target as Node)) {
-			open = false;
-			onOpenChange?.(false);
-		}
-	}
-
-	setContext("svadmin-dropdown-open", () => open);
-
-	$effect(() => {
-		if (open) {
-			document.addEventListener('click', handleClickOutside, true);
-			return () => document.removeEventListener('click', handleClickOutside, true);
-		}
-	});
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="dropdown-menu"
-	class={cn("relative inline-block", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/components/ui/dropdown-menu/index.ts

@@ -1,21 +0,0 @@
-import DropdownMenu from "./dropdown-menu.svelte";
-import DropdownMenuContent from "./dropdown-menu-content.svelte";
-import DropdownMenuItem from "./dropdown-menu-item.svelte";
-import DropdownMenuSeparator from "./dropdown-menu-separator.svelte";
-import DropdownMenuTrigger from "./dropdown-menu-trigger.svelte";
-import DropdownMenuCheckboxItem from "./dropdown-menu-checkbox-item.svelte";
-
-export {
-	DropdownMenu,
-	DropdownMenuContent,
-	DropdownMenuItem,
-	DropdownMenuSeparator,
-	DropdownMenuTrigger,
-	DropdownMenuCheckboxItem,
-	DropdownMenu as Root,
-	DropdownMenuContent as Content,
-	DropdownMenuItem as Item,
-	DropdownMenuSeparator as Separator,
-	DropdownMenuTrigger as Trigger,
-	DropdownMenuCheckboxItem as CheckboxItem,
-};

package/src/components/ui/input/index.ts

@@ -1,7 +0,0 @@
-import Root from "./input.svelte";
-
-export {
-	Root,
-	//
-	Root as Input,
-};

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

@@ -1,48 +0,0 @@
-<script lang="ts">
-	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
-	import { cn, type WithElementRef } from "../../../utils.js";
-
-	type InputType = Exclude<HTMLInputTypeAttribute, "file">;
-
-	type Props = WithElementRef<
-		Omit<HTMLInputAttributes, "type"> &
-			({ type: "file"; files?: FileList } | { type?: InputType; files?: undefined })
-	>;
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		type,
-		files = $bindable(),
-		class: className,
-		"data-slot": dataSlot = "input",
-		...restProps
-	}: Props = $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-9 rounded-lg border bg-transparent px-3 py-1.5 text-base transition-colors file:h-7 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-9 rounded-lg border bg-transparent px-3 py-1.5 text-base transition-colors file:h-7 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/components/ui/label/index.ts

@@ -1 +0,0 @@
-export { default as Label } from './label.svelte';

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

@@ -1,18 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '../../../utils.js';
-  import type { HTMLLabelAttributes } from 'svelte/elements';
-
-  let { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLLabelAttributes, HTMLLabelElement> = $props();
-</script>
-
-<label
-  bind:this={ref}
-  data-slot="label"
-  class={cn(
-    "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-    className
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</label>

package/src/components/ui/pagination/index.ts

@@ -1,7 +0,0 @@
-export { default as Root } from './pagination.svelte';
-export { default as Content } from './pagination-content.svelte';
-export { default as Item } from './pagination-item.svelte';
-export { default as Link } from './pagination-link.svelte';
-export { default as Ellipsis } from './pagination-ellipsis.svelte';
-export { default as Previous } from './pagination-previous.svelte';
-export { default as Next } from './pagination-next.svelte';

package/src/components/ui/pagination/pagination-content.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let { class: className, children, ...restProps }: HTMLAttributes<HTMLUListElement> & { children?: Snippet } = $props();
-</script>
-
-<ul data-slot="pagination-content" class={cn("flex flex-row items-center gap-1", className)} {...restProps}>
-  {@render children?.()}
-</ul>

package/src/components/ui/pagination/pagination-ellipsis.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { Ellipsis } from '@lucide/svelte';
-
-  let { class: className, ...restProps }: HTMLAttributes<HTMLSpanElement> = $props();
-</script>
-
-<span aria-hidden="true" data-slot="pagination-ellipsis" class={cn("flex size-9 items-center justify-center", className)} {...restProps}>
-  <Ellipsis class="size-4" />
-  <span class="sr-only">More pages</span>
-</span>

package/src/components/ui/pagination/pagination-item.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-  import type { HTMLLiAttributes } from 'svelte/elements';
-
-  let { class: className, children, ...restProps }: HTMLLiAttributes & { children?: Snippet } = $props();
-</script>
-
-<li data-slot="pagination-item" class={cn("", className)} {...restProps}>
-  {@render children?.()}
-</li>

package/src/components/ui/pagination/pagination-link.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-  import type { HTMLButtonAttributes } from 'svelte/elements';
-  import { buttonVariants } from '../button/index.js';
-
-  let {
-    class: className,
-    isActive = false,
-    children,
-    ...restProps
-  }: HTMLButtonAttributes & { isActive?: boolean; children?: Snippet } = $props();
-</script>
-
-<button
-  aria-current={isActive ? 'page' : undefined}
-  data-slot="pagination-link"
-  data-active={isActive}
-  class={cn(
-    buttonVariants({ variant: isActive ? 'outline' : 'ghost', size: 'icon-sm' }),
-    className
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</button>

package/src/components/ui/pagination/pagination-next.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-  import type { HTMLButtonAttributes } from 'svelte/elements';
-  import { buttonVariants } from '../button/index.js';
-  import { ChevronRight } from '@lucide/svelte';
-
-  let { class: className, children, ...restProps }: HTMLButtonAttributes & { children?: Snippet } = $props();
-</script>
-
-<button
-  aria-label="Go to next page"
-  data-slot="pagination-next"
-  class={cn(buttonVariants({ variant: 'ghost', size: 'icon-sm' }), "gap-1", className)}
-  {...restProps}
->
-  {#if children}
-    {@render children()}
-  {:else}
-    <ChevronRight class="size-4" />
-  {/if}
-</button>

package/src/components/ui/pagination/pagination-previous.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-  import type { HTMLButtonAttributes } from 'svelte/elements';
-  import { buttonVariants } from '../button/index.js';
-  import { ChevronLeft } from '@lucide/svelte';
-
-  let { class: className, children, ...restProps }: HTMLButtonAttributes & { children?: Snippet } = $props();
-</script>
-
-<button
-  aria-label="Go to previous page"
-  data-slot="pagination-previous"
-  class={cn(buttonVariants({ variant: 'ghost', size: 'icon-sm' }), "gap-1", className)}
-  {...restProps}
->
-  {#if children}
-    {@render children()}
-  {:else}
-    <ChevronLeft class="size-4" />
-  {/if}
-</button>

package/src/components/ui/pagination/pagination.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let { class: className, children, ...restProps }: HTMLAttributes<HTMLElement> & { children?: Snippet } = $props();
-</script>
-
-<nav aria-label="pagination" data-slot="pagination" class={cn("mx-auto flex w-full justify-center", className)} {...restProps}>
-  {@render children?.()}
-</nav>

package/src/components/ui/popover/index.ts

@@ -1,12 +0,0 @@
-import { Popover as PopoverPrimitive } from "bits-ui";
-
-const Root = PopoverPrimitive.Root;
-const Trigger = PopoverPrimitive.Trigger;
-const Close = PopoverPrimitive.Close;
-
-export {
-	Root,
-	Trigger,
-	Close,
-};
-export { default as Content } from "./popover-content.svelte";

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

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { Popover as PopoverPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		align = "center",
-		sideOffset = 4,
-		...restProps
-	}: PopoverPrimitive.ContentProps & { class?: string } = $props();
-</script>
-
-<PopoverPrimitive.Portal>
-	<PopoverPrimitive.Content
-		bind:ref
-		{align}
-		{sideOffset}
-		class={cn(
-			"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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",
-			className,
-		)}
-		{...restProps}
-	/>
-</PopoverPrimitive.Portal>

package/src/components/ui/progress/index.ts

@@ -1 +0,0 @@
-export { default as Progress } from "./progress.svelte";

package/src/components/ui/progress/progress.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { cn } from "../../../utils.js";
-
-	let { value = 0, max = 100, class: className, ...restProps }:
-		{ value?: number; max?: number; class?: string } & Record<string, unknown> = $props();
-
-	const percentage = $derived(Math.min(100, Math.max(0, (value / max) * 100)));
-</script>
-
-<div
-	class={cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className)}
-	role="progressbar"
-	aria-valuenow={value}
-	aria-valuemin={0}
-	aria-valuemax={max}
-	{...restProps}
->
-	<div
-		class="h-full w-full flex-1 bg-primary transition-all duration-200"
-		style="transform: translateX(-{100 - percentage}%)"
-	></div>
-</div>

package/src/components/ui/scroll-area/index.ts

@@ -1 +0,0 @@
-export { default as ScrollArea } from "./scroll-area.svelte";

package/src/components/ui/scroll-area/scroll-area.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import { cn } from "../../../utils.js";
-
-	let { class: className, children, orientation = 'vertical', ...restProps }:
-		{ class?: string; children: Snippet; orientation?: 'vertical' | 'horizontal' } & Record<string, unknown> = $props();
-</script>
-
-<div
-	class={cn("relative overflow-hidden", className)}
-	{...restProps}
->
-	<div class={cn(
-		"h-full w-full overflow-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-border hover:scrollbar-thumb-muted-foreground/50",
-		orientation === 'horizontal' ? 'overflow-x-auto overflow-y-hidden' : 'overflow-y-auto overflow-x-hidden'
-	)}>
-		{@render children()}
-	</div>
-</div>
-

package/src/components/ui/select/index.ts

@@ -1,2 +0,0 @@
-import Root from "./select.svelte";
-export { Root, Root as Select };

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

@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLSelectAttributes } from "svelte/elements";
-
-	// Use HTMLElement instead of HTMLSelectElement to avoid TS error:
-	// HTMLSelectElement.remove() returns void, incompatible with HTMLElement's Element return
-	type Props = WithElementRef<HTMLSelectAttributes, HTMLElement> & {
-		placeholder?: string;
-	};
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(""),
-		class: className,
-		placeholder,
-		children,
-		...restProps
-	}: Props = $props();
-</script>
-
-<select
-	bind:this={ref}
-	data-slot="select"
-	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-9 w-full appearance-none rounded-lg border bg-transparent px-3 py-1.5 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 bg-[length:16px] bg-[right_8px_center] bg-no-repeat",
-		"bg-[url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\")]",
-		className
-	)}
-	bind:value
-	{...restProps}
->
-	{#if placeholder}
-		<option value="" disabled selected>{placeholder}</option>
-	{/if}
-	{@render children?.()}
-</select>

package/src/components/ui/separator/index.ts

@@ -1,7 +0,0 @@
-import Root from "./separator.svelte";
-
-export {
-	Root,
-	//
-	Root as Separator,
-};