@selvajs/ui 0.9.0

package/dist/components/primitives/field/field-error.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { Snippet } from 'svelte';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		errors,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		children?: Snippet;
+		errors?: { message?: string }[];
+	} = $props();
+
+	const hasContent = $derived.by(() => {
+		// has slotted error
+		if (children) return true;
+
+		// no errors
+		if (!errors || errors.length === 0) return false;
+
+		// has an error but no message
+		if (errors.length === 1 && !errors[0]?.message) {
+			return false;
+		}
+
+		return true;
+	});
+
+	const isMultipleErrors = $derived(errors && errors.length > 1);
+	const singleErrorMessage = $derived(errors && errors.length === 1 && errors[0]?.message);
+</script>
+
+{#if hasContent}
+	<div
+		bind:this={ref}
+		role="alert"
+		data-slot="field-error"
+		class={cn('text-sm font-normal text-destructive', className)}
+		{...restProps}
+	>
+		{#if children}
+			{@render children()}
+		{:else if singleErrorMessage}
+			{singleErrorMessage}
+		{:else if isMultipleErrors}
+			<ul class="ms-4 gap-1 flex list-disc flex-col">
+				{#each errors ?? [] as error, index (index)}
+					{#if error?.message}
+						<li>{error.message}</li>
+					{/if}
+				{/each}
+			</ul>
+		{/if}
+	</div>
+{/if}

package/dist/components/primitives/field/field-error.svelte.d.ts

@@ -0,0 +1,12 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    children?: Snippet;
+    errors?: {
+        message?: string;
+    }[];
+};
+declare const FieldError: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type FieldError = ReturnType<typeof FieldError>;
+export default FieldError;

package/dist/components/primitives/field/field-group.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="field-group"
+	class={cn(
+		'group/field-group gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 @container/field-group flex w-full flex-col',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/primitives/field/field-group.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const FieldGroup: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type FieldGroup = ReturnType<typeof FieldGroup>;
+export default FieldGroup;

package/dist/components/primitives/field/field-label.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { Label } from '../label/index.js';
+	import { cn } from '../../../utils.js';
+	import type { ComponentProps } from 'svelte';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: ComponentProps<typeof Label> = $props();
+</script>
+
+<Label
+	bind:ref
+	data-slot="field-label"
+	class={cn(
+		'group/field-label peer/field-label gap-2 leading-snug flex w-fit group-data-[disabled=true]/field:opacity-50',
+		'[&>*]:data-[slot=field]:p-4 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border',
+		'has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</Label>

package/dist/components/primitives/field/field-label.svelte.d.ts

@@ -0,0 +1,10 @@
+declare const FieldLabel: import("svelte").Component<Omit<{}, "child" | "children"> & {
+    child?: import("svelte").Snippet<[{
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet<[]> | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveLabelAttributes, import("bits-ui").LabelRootPropsWithoutHTML>, {}, "ref">;
+type FieldLabel = ReturnType<typeof FieldLabel>;
+export default FieldLabel;

package/dist/components/primitives/field/field-legend.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		variant = 'legend',
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLLegendElement>> & {
+		variant?: 'legend' | 'label';
+	} = $props();
+</script>
+
+<legend
+	bind:this={ref}
+	data-slot="field-legend"
+	data-variant={variant}
+	class={cn(
+		'mb-3 font-medium',
+		'data-[variant=legend]:text-base',
+		'data-[variant=label]:text-sm',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</legend>

package/dist/components/primitives/field/field-legend.svelte.d.ts

@@ -0,0 +1,8 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLLegendElement>> & {
+    variant?: 'legend' | 'label';
+};
+declare const FieldLegend: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type FieldLegend = ReturnType<typeof FieldLegend>;
+export default FieldLegend;

package/dist/components/primitives/field/field-separator.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { Separator } from '../separator/index.js';
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { Snippet } from 'svelte';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		children?: Snippet;
+	} = $props();
+
+	const hasContent = $derived(!!children);
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="field-separator"
+	data-content={hasContent}
+	class={cn('-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative', className)}
+	{...restProps}
+>
+	<Separator class="inset-0 absolute top-1/2" />
+	{#if children}
+		<span
+			class="px-2 relative mx-auto block w-fit bg-background text-muted-foreground"
+			data-slot="field-separator-content"
+		>
+			{@render children()}
+		</span>
+	{/if}
+</div>

package/dist/components/primitives/field/field-separator.svelte.d.ts

@@ -0,0 +1,9 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    children?: Snippet;
+};
+declare const FieldSeparator: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type FieldSeparator = ReturnType<typeof FieldSeparator>;
+export default FieldSeparator;

package/dist/components/primitives/field/field-set.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLFieldsetAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLFieldsetAttributes> = $props();
+</script>
+
+<fieldset
+	bind:this={ref}
+	data-slot="field-set"
+	class={cn(
+		'gap-6 flex flex-col',
+		'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</fieldset>

package/dist/components/primitives/field/field-set.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLFieldsetAttributes } from 'svelte/elements';
+declare const FieldSet: import("svelte").Component<WithElementRef<HTMLFieldsetAttributes>, {}, "ref">;
+type FieldSet = ReturnType<typeof FieldSet>;
+export default FieldSet;

package/dist/components/primitives/field/field-title.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="field-title"
+	class={cn(
+		'gap-2 text-sm leading-snug font-medium flex w-fit items-center group-data-[disabled=true]/field:opacity-50',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/primitives/field/field-title.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const FieldTitle: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type FieldTitle = ReturnType<typeof FieldTitle>;
+export default FieldTitle;

package/dist/components/primitives/field/field.svelte

@@ -0,0 +1,53 @@
+<script lang="ts" module>
+	import { tv, type VariantProps } from 'tailwind-variants';
+
+	export const fieldVariants = tv({
+		base: 'group/field data-[invalid=true]:text-destructive flex w-full gap-3',
+		variants: {
+			orientation: {
+				vertical: 'flex-col [&>*]:w-full [&>.sr-only]:w-auto',
+				horizontal: [
+					'flex-row items-center',
+					'[&>[data-slot=field-label]]:flex-auto',
+					'has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'
+				],
+				responsive: [
+					'flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto',
+					'@md/field-group:[&>[data-slot=field-label]]:flex-auto',
+					'@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'
+				]
+			}
+		},
+		defaultVariants: {
+			orientation: 'vertical'
+		}
+	});
+
+	export type FieldOrientation = VariantProps<typeof fieldVariants>['orientation'];
+</script>
+
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		orientation = 'vertical',
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		orientation?: FieldOrientation;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	role="group"
+	data-slot="field"
+	data-orientation={orientation}
+	class={cn(fieldVariants({ orientation }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/primitives/field/field.svelte.d.ts

@@ -0,0 +1,29 @@
+import { type VariantProps } from 'tailwind-variants';
+export declare const fieldVariants: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string[];
+        responsive: string[];
+    };
+}, undefined, "group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
+    orientation: {
+        vertical: string;
+        horizontal: string[];
+        responsive: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string[];
+        responsive: string[];
+    };
+}, undefined, "group/field data-[invalid=true]:text-destructive flex w-full gap-3", unknown, unknown, undefined>>;
+export type FieldOrientation = VariantProps<typeof fieldVariants>['orientation'];
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    orientation?: FieldOrientation;
+};
+declare const Field: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type Field = ReturnType<typeof Field>;
+export default Field;

package/dist/components/primitives/field/index.d.ts

@@ -0,0 +1,11 @@
+import Field from './field.svelte';
+import Set from './field-set.svelte';
+import Legend from './field-legend.svelte';
+import Group from './field-group.svelte';
+import Content from './field-content.svelte';
+import Label from './field-label.svelte';
+import Title from './field-title.svelte';
+import Description from './field-description.svelte';
+import Separator from './field-separator.svelte';
+import Error from './field-error.svelte';
+export { Field, Set, Legend, Group, Content, Label, Title, Description, Separator, Error, Set as FieldSet, Legend as FieldLegend, Group as FieldGroup, Content as FieldContent, Label as FieldLabel, Title as FieldTitle, Description as FieldDescription, Separator as FieldSeparator, Error as FieldError };

package/dist/components/primitives/field/index.js

@@ -0,0 +1,13 @@
+import Field from './field.svelte';
+import Set from './field-set.svelte';
+import Legend from './field-legend.svelte';
+import Group from './field-group.svelte';
+import Content from './field-content.svelte';
+import Label from './field-label.svelte';
+import Title from './field-title.svelte';
+import Description from './field-description.svelte';
+import Separator from './field-separator.svelte';
+import Error from './field-error.svelte';
+export { Field, Set, Legend, Group, Content, Label, Title, Description, Separator, Error, 
+//
+Set as FieldSet, Legend as FieldLegend, Group as FieldGroup, Content as FieldContent, Label as FieldLabel, Title as FieldTitle, Description as FieldDescription, Separator as FieldSeparator, Error as FieldError };

package/dist/components/primitives/index.d.ts

@@ -0,0 +1,29 @@
+export { Button, buttonVariants, type ButtonProps, type ButtonVariant, type ButtonSize } from './button';
+export { Badge, badgeVariants, type BadgeVariant } from './badge';
+export { Input } from './input';
+export { Search } from './search';
+export { Textarea } from './textarea';
+export { Label } from './label';
+export { Checkbox } from './checkbox';
+export { Slider } from './slider';
+export * as Select from './select';
+export * as Card from './card';
+export * as Tabs from './tabs';
+export * as Dialog from './dialog';
+export { Drawer } from './drawer';
+export * as Alert from './alert';
+export * as AlertDialog from './alert-dialog';
+export * as ContextMenu from './context-menu';
+export * as Collapsible from './collapsible';
+export { ScrollArea } from './scroll-area';
+export * as Resizable from './resizable';
+export { Separator } from './separator';
+export { Switch } from './switch';
+export { Toaster, toast } from './sonner';
+export { ThemeSwitcher } from './theme-switcher';
+export { default as StateDisplay } from './StateDisplay.svelte';
+export { default as CalculateButton } from './CalculateButton.svelte';
+export { ModeToggle } from './mode-toggle';
+export { default as ViewToggle } from './ViewToggle.svelte';
+export { default as ImageUploadField } from './ImageUploadField.svelte';
+export { default as DataTable, type DataTableColumn } from './DataTable.svelte';

package/dist/components/primitives/index.js

@@ -0,0 +1,32 @@
+// UI Primitives - Reusable design system components
+// shadcn-svelte components
+export { Button, buttonVariants } from './button';
+export { Badge, badgeVariants } from './badge';
+export { Input } from './input';
+export { Search } from './search';
+export { Textarea } from './textarea';
+export { Label } from './label';
+export { Checkbox } from './checkbox';
+export { Slider } from './slider';
+export * as Select from './select';
+export * as Card from './card';
+export * as Tabs from './tabs';
+export * as Dialog from './dialog';
+export { Drawer } from './drawer';
+export * as Alert from './alert';
+export * as AlertDialog from './alert-dialog';
+export * as ContextMenu from './context-menu';
+export * as Collapsible from './collapsible';
+export { ScrollArea } from './scroll-area';
+export * as Resizable from './resizable';
+export { Separator } from './separator';
+export { Switch } from './switch';
+export { Toaster, toast } from './sonner';
+export { ThemeSwitcher } from './theme-switcher';
+// Custom components (not replaced by shadcn)
+export { default as StateDisplay } from './StateDisplay.svelte';
+export { default as CalculateButton } from './CalculateButton.svelte';
+export { ModeToggle } from './mode-toggle';
+export { default as ViewToggle } from './ViewToggle.svelte';
+export { default as ImageUploadField } from './ImageUploadField.svelte';
+export { default as DataTable } from './DataTable.svelte';

package/dist/components/primitives/input/index.d.ts

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

package/dist/components/primitives/input/index.js

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

package/dist/components/primitives/input/input.svelte

@@ -0,0 +1,52 @@
+<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(
+			'h-9 min-w-0 px-3 pt-1.5 text-sm font-medium shadow-xs flex w-full rounded-md border border-input bg-transparent ring-offset-background transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30',
+			'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',
+			'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
+			className
+		)}
+		type="file"
+		bind:files
+		bind:value
+		{...restProps}
+	/>
+{:else}
+	<input
+		bind:this={ref}
+		data-slot={dataSlot}
+		class={cn(
+			'h-9 min-w-0 px-3 py-1 text-base shadow-xs md:text-sm flex w-full rounded-md border border-input bg-background ring-offset-background transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30',
+			'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',
+			'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
+			className
+		)}
+		{type}
+		bind:value
+		{...restProps}
+	/>
+{/if}

package/dist/components/primitives/input/input.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
+import { type WithElementRef } from '../../../utils.js';
+type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
+type Props = WithElementRef<Omit<HTMLInputAttributes, 'type'> & ({
+    type: 'file';
+    files?: FileList;
+} | {
+    type?: InputType;
+    files?: undefined;
+})>;
+declare const Input: import("svelte").Component<Props, {}, "ref" | "value" | "files">;
+type Input = ReturnType<typeof Input>;
+export default Input;

package/dist/components/primitives/label/index.d.ts

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

package/dist/components/primitives/label/index.js

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

package/dist/components/primitives/label/label.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Label as LabelPrimitive } from 'bits-ui';
+	import { cn } from '../../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: LabelPrimitive.RootProps = $props();
+</script>
+
+<LabelPrimitive.Root
+	bind:ref
+	data-slot="label"
+	class={cn(
+		'gap-2 text-sm font-medium flex items-center leading-none 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}
+/>

package/dist/components/primitives/label/label.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Label as LabelPrimitive } from 'bits-ui';
+declare const Label: import("svelte").Component<LabelPrimitive.RootProps, {}, "ref">;
+type Label = ReturnType<typeof Label>;
+export default Label;

package/dist/components/primitives/mode-toggle/index.d.ts

@@ -0,0 +1 @@
+export { default as ModeToggle } from './mode-toggle.svelte';

package/dist/components/primitives/mode-toggle/index.js

@@ -0,0 +1 @@
+export { default as ModeToggle } from './mode-toggle.svelte';

package/dist/components/primitives/mode-toggle/mode-toggle.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import Sun from '@lucide/svelte/icons/sun';
+	import Moon from '@lucide/svelte/icons/moon';
+	import { toggleMode } from 'mode-watcher';
+	import { Button } from '../button';
+</script>
+
+<Button onclick={toggleMode} variant="outline" size="icon">
+	<Sun
+		class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"
+	/>
+	<Moon
+		class="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
+	/>
+	<span class="sr-only">Toggle theme</span>
+</Button>

package/dist/components/primitives/mode-toggle/mode-toggle.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ModeToggle: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ModeToggle = InstanceType<typeof ModeToggle>;
+export default ModeToggle;

package/dist/components/primitives/resizable/index.d.ts

@@ -0,0 +1,4 @@
+import { Pane } from 'paneforge';
+import Handle from './resizable-handle.svelte';
+import PaneGroup from './resizable-pane-group.svelte';
+export { PaneGroup, Pane, Handle, PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle };

package/dist/components/primitives/resizable/index.js

@@ -0,0 +1,6 @@
+import { Pane } from 'paneforge';
+import Handle from './resizable-handle.svelte';
+import PaneGroup from './resizable-pane-group.svelte';
+export { PaneGroup, Pane, Handle, 
+//
+PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle };