@webamoki/web-svelte 0.8.0 → 1.0.0

package/dist/components/ui/drag-drop/Dropzone.svelte

@@ -1,71 +1,73 @@
-<script lang="ts" generics="T">
-	import type { Snippet } from 'svelte';
-	import type { DragManager } from './drag-manager.js';
-	import { LucideArrowDown } from '@lucide/svelte';
+<script generics="T" lang="ts">
+  import type { Snippet } from 'svelte';
 
-	interface Props {
-		isDroppable: (data: T) => boolean;
-		onDrop: (data: T) => void;
-		manager: DragManager<T>;
-		children: Snippet<[]>;
-		class?: string;
-	}
-	let { isDroppable, onDrop, manager, children, class: className = '' }: Props = $props();
+  import { LucideArrowDown } from '@lucide/svelte';
 
-	let isOver = $state(false);
+  import type { DragManager } from './drag-manager.js';
 
-	let canDrop = $derived(manager.isDragging && isDroppable(manager.dragData!));
+  interface Props {
+    children: Snippet<[]>;
+    class?: string;
+    isDroppable: (data: T) => boolean;
+    manager: DragManager<T>;
+    onDrop: (data: T) => void;
+  }
+  let { children, class: className = '', isDroppable, manager, onDrop }: Props = $props();
 
-	// --- Event Handlers ---
+  let isOver = $state(false);
 
-	function handleMouseEnter() {
-		// Only track 'isOver' if a drag is active
-		if (manager.isDragging) {
-			isOver = true;
-		}
-	}
+  let canDrop = $derived(manager.isDragging && isDroppable(manager.dragData!));
 
-	function handleMouseLeave() {
-		isOver = false;
-	}
+  // --- Event Handlers ---
 
-	function handleMouseUp() {
-		if (isOver && canDrop) {
-			onDrop(manager.dragData as T);
-			manager.stop();
-		}
-		isOver = false;
-	}
+  function handleMouseEnter() {
+    // Only track 'isOver' if a drag is active
+    if (manager.isDragging) {
+      isOver = true;
+    }
+  }
+
+  function handleMouseLeave() {
+    isOver = false;
+  }
+
+  function handleMouseUp() {
+    if (isOver && canDrop) {
+      onDrop(manager.dragData as T);
+      manager.stop();
+    }
+    isOver = false;
+  }
 </script>
 
 <!-- svelte-ignore a11y_no_static_element_interactions -->
 <div
-	onmouseenter={handleMouseEnter}
-	onmouseleave={handleMouseLeave}
-	onmouseup={handleMouseUp}
-	class={`relative p-4 transition-colors duration-150 ${className}
+  class={`relative p-4 transition-colors duration-150 ${className}
     ${
-			// Zero Layout Shift: always reserve the same border width to prevent layout flicker.
-			// Use transparent border when not droppable so sizing remains constant.
-			!manager.isDragging
-				? 'border-2 border-dashed border-transparent'
-				: canDrop
-					? 'border-2 border-dashed border-gray-400'
-					: 'border-2 border-dashed border-transparent'
-		}`}
+      // Zero Layout Shift: always reserve the same border width to prevent layout flicker.
+      // Use transparent border when not droppable so sizing remains constant.
+      !manager.isDragging
+        ? 'border-2 border-dashed border-transparent'
+        : canDrop
+          ? 'border-2 border-dashed border-gray-400'
+          : 'border-2 border-dashed border-transparent'
+    }`}
+  onmouseenter={handleMouseEnter}
+  onmouseleave={handleMouseLeave}
+  onmouseup={handleMouseUp}
 >
-	{@render children()}
+  {@render children()}
 
-	{#if isOver && canDrop}
-		<div
-			class="absolute inset-0 z-10 flex flex-col items-center justify-center
+  {#if isOver && canDrop}
+    <div
+      class="absolute inset-0 z-10 flex flex-col items-center justify-center
              bg-gray-200/50 p-4 backdrop-blur-none"
-		>
-			<LucideArrowDown class="h-16 w-16 animate-bounce text-gray-700" />
-		</div>
-	{/if}
+    >
+      <LucideArrowDown class="h-16 w-16 animate-bounce text-gray-700" />
+    </div>
+  {/if}
 
-	{#if isOver && !canDrop}
-		<div class="absolute inset-0 z-10" aria-label="Cannot drop here"></div>
-	{/if}
+  {#if isOver && !canDrop}
+    <div class="absolute inset-0 z-10" aria-label="Cannot drop here"></div>
+  {/if}
 </div>

package/dist/components/ui/drag-drop/Dropzone.svelte.d.ts

@@ -2,11 +2,11 @@ import type { Snippet } from 'svelte';
 import type { DragManager } from './drag-manager.js';
 declare function $$render<T>(): {
     props: {
-        isDroppable: (data: T) => boolean;
-        onDrop: (data: T) => void;
-        manager: DragManager<T>;
         children: Snippet<[]>;
         class?: string;
+        isDroppable: (data: T) => boolean;
+        manager: DragManager<T>;
+        onDrop: (data: T) => void;
     };
     exports: {};
     bindings: "";

package/dist/components/ui/drag-drop/drag-manager.d.ts

@@ -1,8 +1,8 @@
 export declare class DragManager<T> {
     #private;
+    get dragData(): null | T;
+    get isDragging(): boolean;
     constructor();
     drag(dragData: T): void;
     stop(): void;
-    get isDragging(): boolean;
-    get dragData(): T | null;
 }

package/dist/components/ui/drag-drop/drag-manager.js

@@ -1,8 +1,15 @@
 import { createSubscriber } from 'svelte/reactivity';
 export class DragManager {
+    get dragData() {
+        this.#subscribe();
+        return this.#dragData;
+    }
+    get isDragging() {
+        this.#subscribe();
+        return this.#dragData !== null;
+    }
     #dragData = null;
     #subscribe;
-    #update = () => { };
     constructor() {
         this.#subscribe = createSubscriber((update) => {
             this.#update = update;
@@ -17,12 +24,5 @@ export class DragManager {
         this.#dragData = null;
         this.#update();
     }
-    get isDragging() {
-        this.#subscribe();
-        return this.#dragData !== null;
-    }
-    get dragData() {
-        this.#subscribe();
-        return this.#dragData;
-    }
+    #update = () => { };
 }

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

@@ -2,7 +2,6 @@ import Choice from './choice/Choice.svelte';
 import ChoiceMulti from './choice/ChoiceMulti.svelte';
 import WeekdayChoice from './choice/WeekdayChoice.svelte';
 import WeekdayChoiceMulti from './choice/WeekdayChoiceMulti.svelte';
-import SearchBar from './search/SearchBar.svelte';
 import ContextMenu from './context-menu/ContextMenu.svelte';
 import ContextMenuContent from './context-menu/ContextMenuContent.svelte';
 import ContextMenuItem from './context-menu/ContextMenuItem.svelte';
@@ -11,4 +10,5 @@ import ContextMenuTrigger from './context-menu/ContextMenuTrigger.svelte';
 import { DragManager } from './drag-drop/drag-manager.js';
 import Draggable from './drag-drop/Draggable.svelte';
 import Dropzone from './drag-drop/Dropzone.svelte';
-export { Choice, ChoiceMulti, SearchBar, WeekdayChoice, WeekdayChoiceMulti, DragManager, Draggable, Dropzone, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger };
+import SearchBar from './search/SearchBar.svelte';
+export { Choice, ChoiceMulti, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, Draggable, DragManager, Dropzone, SearchBar, WeekdayChoice, WeekdayChoiceMulti };

package/dist/components/ui/index.js

@@ -2,7 +2,6 @@ import Choice from './choice/Choice.svelte';
 import ChoiceMulti from './choice/ChoiceMulti.svelte';
 import WeekdayChoice from './choice/WeekdayChoice.svelte';
 import WeekdayChoiceMulti from './choice/WeekdayChoiceMulti.svelte';
-import SearchBar from './search/SearchBar.svelte';
 // context menu
 import ContextMenu from './context-menu/ContextMenu.svelte';
 import ContextMenuContent from './context-menu/ContextMenuContent.svelte';
@@ -13,8 +12,9 @@ import ContextMenuTrigger from './context-menu/ContextMenuTrigger.svelte';
 import { DragManager } from './drag-drop/drag-manager.js';
 import Draggable from './drag-drop/Draggable.svelte';
 import Dropzone from './drag-drop/Dropzone.svelte';
-export { Choice, ChoiceMulti, SearchBar, WeekdayChoice, WeekdayChoiceMulti, 
-// drag drop
-DragManager, Draggable, Dropzone, 
+import SearchBar from './search/SearchBar.svelte';
+export { Choice, ChoiceMulti, 
 // context menu
-ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger };
+ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, Draggable, 
+// drag drop
+DragManager, Dropzone, SearchBar, WeekdayChoice, WeekdayChoiceMulti };

package/dist/components/ui/search/SearchBar.svelte

@@ -1,24 +1,24 @@
 <script lang="ts">
-	import Input from '../../../shadcn/components/ui/input/input.svelte';
-	import { cn } from '../../../shadcn/utils.js';
-	import { Search } from '@lucide/svelte';
+  import Input from '../../../shadcn/components/ui/input/input.svelte';
+  import { cn } from '../../../shadcn/utils.js';
+  import { Search } from '@lucide/svelte';
 
-	interface Props {
-		defaultValue?: string;
-		placeholder?: string;
-		onChange: (value: string) => void;
-		class?: string;
-	}
-	let { defaultValue, placeholder, onChange, class: className }: Props = $props();
+  interface Props {
+    class?: string;
+    defaultValue?: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+  }
+  let { class: className, defaultValue, onChange, placeholder }: Props = $props();
 </script>
 
 <div class="relative w-full max-w-sm">
-	<Search class="absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
-	<Input
-		type="search"
-		{placeholder}
-		value={defaultValue}
-		oninput={(e: Event & { currentTarget: HTMLInputElement }) => onChange(e.currentTarget.value)}
-		class={cn('w-full pl-9', className)}
-	/>
+  <Search class="absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+  <Input
+    class={cn('w-full pl-9', className)}
+    oninput={(e: Event & { currentTarget: HTMLInputElement }) => onChange(e.currentTarget.value)}
+    {placeholder}
+    type="search"
+    value={defaultValue}
+  />
 </div>

package/dist/components/ui/search/SearchBar.svelte.d.ts

@@ -1,8 +1,8 @@
 interface Props {
+    class?: string;
     defaultValue?: string;
-    placeholder?: string;
     onChange: (value: string) => void;
-    class?: string;
+    placeholder?: string;
 }
 declare const SearchBar: import("svelte").Component<Props, {}, "">;
 type SearchBar = ReturnType<typeof SearchBar>;

package/dist/highlight.js

@@ -1,7 +1,7 @@
 import { bundledLanguages, bundledThemes, createHighlighter } from 'shiki';
 const highlighterPromise = createHighlighter({
-    themes: Object.keys(bundledThemes), // all bundled themes
-    langs: Object.keys(bundledLanguages) // all bundled languages
+    langs: Object.keys(bundledLanguages), // all bundled languages
+    themes: Object.keys(bundledThemes) // all bundled themes
 });
 export async function highlight(code, lang = 'svelte', theme = 'nord') {
     const highlighter = await highlighterPromise;

package/dist/server/form-handler.d.ts

@@ -1,4 +1,16 @@
 import { type SuperValidated } from 'sveltekit-superforms';
+export declare function errorMessage<T extends Record<string, unknown>>(form: SuperValidated<T>, options?: {
+    data?: unknown;
+    showToast?: boolean;
+    text?: string;
+}): {
+    form: SuperValidated<T, App.Superforms.Message, T>;
+} | import("@sveltejs/kit").ActionFailure<{
+    form: SuperValidated<T, App.Superforms.Message, T>;
+}>;
+export declare function failFormValidation<T extends Record<string, unknown>>(form: SuperValidated<T>): import("@sveltejs/kit").ActionFailure<{
+    form: SuperValidated<T>;
+}>;
 /**
  * automatically handle database errors from catch.
  * used in form/action handling in page.server.ts
@@ -11,23 +23,11 @@ export declare function handleDbErrorForm<T extends Record<string, unknown>>(for
  */
 export declare function isDuplicateDbError(err: unknown): boolean;
 export declare function successMessage<T extends Record<string, unknown>>(form: SuperValidated<T>, options?: {
-    showToast?: boolean;
-    text?: string;
     data?: unknown;
-}): {
-    form: SuperValidated<T, App.Superforms.Message, T>;
-} | import("@sveltejs/kit").ActionFailure<{
-    form: SuperValidated<T, App.Superforms.Message, T>;
-}>;
-export declare function errorMessage<T extends Record<string, unknown>>(form: SuperValidated<T>, options?: {
     showToast?: boolean;
     text?: string;
-    data?: unknown;
 }): {
     form: SuperValidated<T, App.Superforms.Message, T>;
 } | import("@sveltejs/kit").ActionFailure<{
     form: SuperValidated<T, App.Superforms.Message, T>;
 }>;
-export declare function failFormValidation<T extends Record<string, unknown>>(form: SuperValidated<T>): import("@sveltejs/kit").ActionFailure<{
-    form: SuperValidated<T>;
-}>;

package/dist/server/form-handler.js

@@ -1,4 +1,18 @@
 import { fail, message as superFormMessage } from 'sveltekit-superforms';
+export function errorMessage(form, options) {
+    const message = {
+        data: options?.data,
+        showToast: options?.showToast ?? false,
+        success: false,
+        text: options?.text
+    };
+    return superFormMessage(form, message);
+}
+export function failFormValidation(form) {
+    if (form.valid)
+        throw new Error('Invalid form passed');
+    return fail(400, { form });
+}
 /**
  * automatically handle database errors from catch.
  * used in form/action handling in page.server.ts
@@ -21,24 +35,10 @@ export function isDuplicateDbError(err) {
 }
 export function successMessage(form, options) {
     const message = {
-        success: true,
+        data: options?.data,
         showToast: options?.showToast ?? true,
-        text: options?.text ?? 'Success',
-        data: options?.data
-    };
-    return superFormMessage(form, message);
-}
-export function errorMessage(form, options) {
-    const message = {
-        success: false,
-        showToast: options?.showToast ?? false,
-        text: options?.text,
-        data: options?.data
+        success: true,
+        text: options?.text ?? 'Success'
     };
     return superFormMessage(form, message);
 }
-export function failFormValidation(form) {
-    if (form.valid)
-        throw new Error('Invalid form passed');
-    return fail(400, { form });
-}

package/dist/server/form-processor.d.ts

@@ -1,2 +1,2 @@
-import { type } from 'arktype';
+import type { type } from 'arktype';
 export declare function processForm<S extends type.Any<Record<string, unknown>>>(request: Request, schema: S): Promise<import("sveltekit-superforms").SuperValidated<S["infer"], any, S["inferIn"]>>;

package/dist/server/form-processor.js

@@ -1,5 +1,4 @@
 import { dateTransport } from '../utils/datetime/index.js';
-import { type } from 'arktype';
 import { superValidate } from 'sveltekit-superforms';
 import { arktype } from 'sveltekit-superforms/adapters';
 export async function processForm(request, schema) {

package/dist/shadcn/components/ui/button/button.svelte

@@ -1,86 +1,87 @@
 <script lang="ts" module>
-	import { cn, type WithElementRef } from '../../../utils.js';
-	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
-	import { type VariantProps, tv } from 'tailwind-variants';
+  import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
 
-	export const buttonVariants = tv({
-		base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		variants: {
-			variant: {
-				default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
-				destructive:
-					'bg-destructive shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white',
-				outline:
-					'bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border',
-				secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
-				ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
-				link: 'text-primary underline-offset-4 hover:underline'
-			},
-			size: {
-				default: 'h-9 px-4 py-2 has-[>svg]:px-3',
-				sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5',
-				lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
-				icon: 'size-9'
-			}
-		},
-		defaultVariants: {
-			variant: 'default',
-			size: 'default'
-		}
-	});
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import { tv, type VariantProps } from 'tailwind-variants';
 
-	export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
-	export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+  export const buttonVariants = tv({
+    base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    defaultVariants: {
+      size: 'default',
+      variant: 'default'
+    },
+    variants: {
+      size: {
+        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+        icon: 'size-9',
+        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+        sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5'
+      },
+      variant: {
+        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/80',
+        destructive:
+          'bg-destructive shadow-xs hover:bg-destructive/80 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white',
+        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+        link: 'text-primary underline-offset-4 hover:underline',
+        outline:
+          'bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border',
+        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80'
+      }
+    }
+  });
 
-	export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
-		WithElementRef<HTMLAnchorAttributes> & {
-			variant?: ButtonVariant;
-			size?: ButtonSize;
-		} & {
-			loading?: boolean;
-		};
+  export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
+  export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+
+  export type ButtonProps = WithElementRef<HTMLAnchorAttributes> &
+    WithElementRef<HTMLButtonAttributes> & {
+      loading?: boolean;
+    } & {
+      size?: ButtonSize;
+      variant?: ButtonVariant;
+    };
 </script>
 
 <script lang="ts">
-	let {
-		class: className,
-		variant = 'default',
-		size = 'default',
-		ref = $bindable(null),
-		href = undefined,
-		type = 'button',
-		disabled,
-		children,
-		...restProps
-	}: ButtonProps = $props();
+  let {
+    children,
+    class: className,
+    disabled,
+    href = undefined,
+    ref = $bindable(null),
+    size = 'default',
+    type = 'button',
+    variant = 'default',
+    ...restProps
+  }: ButtonProps = $props();
 
-	let pointer = $derived(disabled ? '' : 'cursor-pointer');
+  let pointer = $derived(disabled ? '' : 'cursor-pointer');
 </script>
 
 <!-- eslint-disable svelte/no-navigation-without-resolve -->
 {#if href}
-	<a
-		bind:this={ref}
-		data-slot="button"
-		class={cn(buttonVariants({ variant, size }), pointer, className)}
-		href={disabled ? undefined : href}
-		aria-disabled={disabled}
-		role={disabled ? 'link' : undefined}
-		tabindex={disabled ? -1 : undefined}
-		{...restProps}
-	>
-		{@render children?.()}
-	</a>
+  <a
+    bind:this={ref}
+    class={cn(buttonVariants({ size, variant }), pointer, className)}
+    aria-disabled={disabled}
+    data-slot="button"
+    href={disabled ? undefined : href}
+    role={disabled ? 'link' : undefined}
+    tabindex={disabled ? -1 : undefined}
+    {...restProps}
+  >
+    {@render children?.()}
+  </a>
 {:else}
-	<button
-		bind:this={ref}
-		data-slot="button"
-		class={cn(buttonVariants({ variant, size }), pointer, className)}
-		{type}
-		{disabled}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
+  <button
+    bind:this={ref}
+    class={cn(buttonVariants({ size, variant }), pointer, className)}
+    data-slot="button"
+    {disabled}
+    {type}
+    {...restProps}
+  >
+    {@render children?.()}
+  </button>
 {/if}
 <!-- eslint-enable svelte/no-navigation-without-resolve -->

package/dist/shadcn/components/ui/button/button.svelte.d.ts

@@ -1,59 +1,59 @@
-import { type WithElementRef } from '../../../utils.js';
 import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../../utils.js';
 import { type VariantProps } from 'tailwind-variants';
 export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        default: string;
+        icon: string;
+        lg: string;
+        sm: string;
+    };
     variant: {
         default: string;
         destructive: string;
-        outline: string;
-        secondary: string;
         ghost: string;
         link: string;
+        outline: string;
+        secondary: string;
     };
+}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
     size: {
         default: string;
-        sm: string;
-        lg: string;
         icon: string;
+        lg: string;
+        sm: string;
     };
-}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
     variant: {
         default: string;
         destructive: string;
-        outline: string;
-        secondary: string;
         ghost: string;
         link: string;
+        outline: string;
+        secondary: string;
     };
+}, undefined, import("tailwind-variants").TVReturnType<{
     size: {
         default: string;
-        sm: string;
-        lg: string;
         icon: string;
+        lg: string;
+        sm: string;
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
         default: string;
         destructive: string;
-        outline: string;
-        secondary: string;
         ghost: string;
         link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
+        outline: string;
+        secondary: string;
     };
 }, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
 export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
 export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
-export type ButtonProps = WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes> & {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-} & {
+export type ButtonProps = WithElementRef<HTMLAnchorAttributes> & WithElementRef<HTMLButtonAttributes> & {
     loading?: boolean;
+} & {
+    size?: ButtonSize;
+    variant?: ButtonVariant;
 };
 declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
 type Button = ReturnType<typeof Button>;

package/dist/shadcn/components/ui/button/index.d.ts

@@ -1,2 +1,2 @@
 import Root, { type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants } from './button.svelte';
-export { Root, type ButtonProps as Props, Root as Button, buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant };
+export { Root as Button, type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants, type ButtonProps as Props, Root };

package/dist/shadcn/components/ui/button/index.js

@@ -1,4 +1,4 @@
 import Root, { buttonVariants } from './button.svelte';
-export { Root, 
+export { 
 //
-Root as Button, buttonVariants };
+Root as Button, buttonVariants, Root };