yaxa-svelte 2.0.4 → 2.2.0

package/dist/components/elements/Icon.svelte.d.ts

@@ -1,29 +1,13 @@
 import type { Component, Snippet } from 'svelte';
 export declare const iconVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        xs: "w-3.5 h-3.5";
-        sm: "w-4 h-4";
-        md: "w-5 h-5";
-        lg: "w-6 h-6";
-        xl: "w-8 h-8";
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
     };
-}, undefined, "inline-flex shrink-0 items-center justify-center", {
-    size: {
-        xs: "w-3.5 h-3.5";
-        sm: "w-4 h-4";
-        md: "w-5 h-5";
-        lg: "w-6 h-6";
-        xl: "w-8 h-8";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        xs: "w-3.5 h-3.5";
-        sm: "w-4 h-4";
-        md: "w-5 h-5";
-        lg: "w-6 h-6";
-        xl: "w-8 h-8";
-    };
-}, undefined>>;
+}, undefined, "inline-flex shrink-0 items-center justify-center", undefined, undefined, undefined>;
 export type IconSource = string | Component<{
     class?: string;
     size?: string | number;

package/dist/components/elements/Kbd.svelte.d.ts

@@ -2,26 +2,12 @@ import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const kbdVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        xs: "h-4 min-w-[16px] px-1 text-[10px]";
-        sm: "h-5 min-w-[20px] px-1.5 text-xs";
-        md: "h-6 min-w-[24px] px-2 text-xs";
-        lg: "h-7 min-w-[28px] px-2.5 text-sm";
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
     };
-}, undefined, "inline-flex items-center justify-center font-mono font-medium rounded border border-neutral-300 bg-neutral-100 text-neutral-700 shadow-xs dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-300 select-none", {
-    size: {
-        xs: "h-4 min-w-[16px] px-1 text-[10px]";
-        sm: "h-5 min-w-[20px] px-1.5 text-xs";
-        md: "h-6 min-w-[24px] px-2 text-xs";
-        lg: "h-7 min-w-[28px] px-2.5 text-sm";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        xs: "h-4 min-w-[16px] px-1 text-[10px]";
-        sm: "h-5 min-w-[20px] px-1.5 text-xs";
-        md: "h-6 min-w-[24px] px-2 text-xs";
-        lg: "h-7 min-w-[28px] px-2.5 text-sm";
-    };
-}, undefined>>;
+}, undefined, "inline-flex items-center justify-center font-mono font-medium rounded border border-neutral-300 bg-neutral-100 text-neutral-700 shadow-xs dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-300 select-none", undefined, undefined, undefined>;
 export type KbdProps = VariantProps<typeof kbdVariants> & {
     value?: string;
     keys?: string[];

package/dist/components/elements/Progress.svelte.d.ts

@@ -1,44 +1,18 @@
 import { type VariantProps } from '../../utils/cn.js';
 export declare const progressVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        xs: "h-1";
-        sm: "h-1.5";
-        md: "h-2.5";
-        lg: "h-4";
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
     };
     color: {
-        primary: "[&>div]:bg-primary-600";
-        success: "[&>div]:bg-emerald-600";
-        warning: "[&>div]:bg-amber-600";
-        error: "[&>div]:bg-rose-600";
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
     };
-}, undefined, "relative w-full overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-800", {
-    size: {
-        xs: "h-1";
-        sm: "h-1.5";
-        md: "h-2.5";
-        lg: "h-4";
-    };
-    color: {
-        primary: "[&>div]:bg-primary-600";
-        success: "[&>div]:bg-emerald-600";
-        warning: "[&>div]:bg-amber-600";
-        error: "[&>div]:bg-rose-600";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        xs: "h-1";
-        sm: "h-1.5";
-        md: "h-2.5";
-        lg: "h-4";
-    };
-    color: {
-        primary: "[&>div]:bg-primary-600";
-        success: "[&>div]:bg-emerald-600";
-        warning: "[&>div]:bg-amber-600";
-        error: "[&>div]:bg-rose-600";
-    };
-}, undefined>>;
+}, undefined, "relative w-full overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-800", undefined, undefined, undefined>;
 export type ProgressProps = VariantProps<typeof progressVariants> & {
     value?: number;
     max?: number;

package/dist/components/elements/Skeleton.svelte.d.ts

@@ -1,41 +1,17 @@
 import { type VariantProps } from '../../utils/cn.js';
 export declare const skeletonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        pulse: "animate-pulse";
-        shimmer: "before:absolute before:inset-0 before:-translate-x-full before:animate-[yaxa-shimmer-slide_1.5s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/60 before:to-transparent motion-reduce:before:animate-none dark:before:via-white/20";
-        none: "";
+        pulse: string;
+        shimmer: string;
+        none: string;
     };
     shape: {
-        rectangle: "rounded-lg";
-        circle: "rounded-full aspect-square";
-        pill: "rounded-full";
-        text: "rounded h-4 my-1";
+        rectangle: string;
+        circle: string;
+        pill: string;
+        text: string;
     };
-}, undefined, "relative overflow-hidden bg-neutral-200 select-none motion-reduce:animate-none dark:bg-neutral-800", {
-    variant: {
-        pulse: "animate-pulse";
-        shimmer: "before:absolute before:inset-0 before:-translate-x-full before:animate-[yaxa-shimmer-slide_1.5s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/60 before:to-transparent motion-reduce:before:animate-none dark:before:via-white/20";
-        none: "";
-    };
-    shape: {
-        rectangle: "rounded-lg";
-        circle: "rounded-full aspect-square";
-        pill: "rounded-full";
-        text: "rounded h-4 my-1";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    variant: {
-        pulse: "animate-pulse";
-        shimmer: "before:absolute before:inset-0 before:-translate-x-full before:animate-[yaxa-shimmer-slide_1.5s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/60 before:to-transparent motion-reduce:before:animate-none dark:before:via-white/20";
-        none: "";
-    };
-    shape: {
-        rectangle: "rounded-lg";
-        circle: "rounded-full aspect-square";
-        pill: "rounded-full";
-        text: "rounded h-4 my-1";
-    };
-}, undefined>>;
+}, undefined, "relative overflow-hidden bg-neutral-200 select-none motion-reduce:animate-none dark:bg-neutral-800", undefined, undefined, undefined>;
 export type SkeletonRecipe = 'card' | 'user' | 'table-row' | 'metric';
 export type SkeletonProps = VariantProps<typeof skeletonVariants> & {
     recipe?: SkeletonRecipe;

package/dist/components/elements/Terminal.svelte.d.ts

@@ -5,7 +5,7 @@ export interface TerminalLine {
     comment?: string;
     prompt?: string;
 }
-export declare const terminalVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "w-full overflow-hidden rounded-xl border border-neutral-800 bg-neutral-950 font-mono shadow-2xl transition-all", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const terminalVariants: import("tailwind-variants").TVReturnType<{}, undefined, "w-full overflow-hidden rounded-xl border border-neutral-800 bg-neutral-950 font-mono shadow-2xl transition-all", undefined, undefined, undefined>;
 export type TerminalProps = VariantProps<typeof terminalVariants> & {
     title?: string;
     lines?: TerminalLine[];

package/dist/components/elements/Timeline.svelte.d.ts

@@ -12,23 +12,11 @@ export interface TimelineItem {
 }
 export declare const timelineVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "space-y-4 text-xs";
-        md: "space-y-6 text-sm";
-        lg: "space-y-8 text-base";
+        sm: string;
+        md: string;
+        lg: string;
     };
-}, undefined, "relative space-y-6", {
-    size: {
-        sm: "space-y-4 text-xs";
-        md: "space-y-6 text-sm";
-        lg: "space-y-8 text-base";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "space-y-4 text-xs";
-        md: "space-y-6 text-sm";
-        lg: "space-y-8 text-base";
-    };
-}, undefined>>;
+}, undefined, "relative space-y-6", undefined, undefined, undefined>;
 export type TimelineProps = VariantProps<typeof timelineVariants> & {
     items?: TimelineItem[];
     itemSnippet?: Snippet<[TimelineItem]>;

package/dist/components/elements/Tree.svelte.d.ts

@@ -10,20 +10,10 @@ export interface TreeNode {
 }
 export declare const treeVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "text-xs";
-        md: "text-sm";
+        sm: string;
+        md: string;
     };
-}, undefined, "w-full select-none font-sans text-xs", {
-    size: {
-        sm: "text-xs";
-        md: "text-sm";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "text-xs";
-        md: "text-sm";
-    };
-}, undefined>>;
+}, undefined, "w-full select-none font-sans text-xs", undefined, undefined, undefined>;
 export type TreeProps = VariantProps<typeof treeVariants> & {
     items?: TreeNode[];
     selectedId?: string;

package/dist/components/elements/VirtualList.svelte.d.ts

@@ -2,20 +2,10 @@ import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const virtualListVariants: import("tailwind-variants").TVReturnType<{
     bordered: {
-        true: "border border-neutral-200 dark:border-neutral-800";
-        false: "border-0";
+        true: string;
+        false: string;
     };
-}, undefined, "relative w-full overflow-y-auto rounded-xl border border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-900", {
-    bordered: {
-        true: "border border-neutral-200 dark:border-neutral-800";
-        false: "border-0";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    bordered: {
-        true: "border border-neutral-200 dark:border-neutral-800";
-        false: "border-0";
-    };
-}, undefined>>;
+}, undefined, "relative w-full overflow-y-auto rounded-xl border border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-900", undefined, undefined, undefined>;
 export type VirtualListProps<T> = VariantProps<typeof virtualListVariants> & {
     items: T[];
     itemHeight?: number;

package/dist/components/forms/Combobox.svelte.d.ts

@@ -10,38 +10,16 @@ export interface ComboboxOption {
 }
 export declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "h-9 px-3 text-xs gap-2";
-        md: "h-10 px-3.5 text-sm gap-2.5";
-        lg: "h-12 px-4 text-base gap-3";
+        sm: string;
+        md: string;
+        lg: string;
     };
     status: {
-        default: "border-neutral-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-neutral-700";
-        error: "border-rose-500 text-rose-900 focus:border-rose-500 focus:ring-rose-500/20 dark:text-rose-100";
-        success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-500/20 dark:border-emerald-500";
+        default: string;
+        error: string;
+        success: string;
     };
-}, undefined, "flex w-full items-center justify-between rounded-lg border bg-white text-neutral-900 transition-all duration-150 focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-neutral-900 dark:text-neutral-100", {
-    size: {
-        sm: "h-9 px-3 text-xs gap-2";
-        md: "h-10 px-3.5 text-sm gap-2.5";
-        lg: "h-12 px-4 text-base gap-3";
-    };
-    status: {
-        default: "border-neutral-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-neutral-700";
-        error: "border-rose-500 text-rose-900 focus:border-rose-500 focus:ring-rose-500/20 dark:text-rose-100";
-        success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-500/20 dark:border-emerald-500";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "h-9 px-3 text-xs gap-2";
-        md: "h-10 px-3.5 text-sm gap-2.5";
-        lg: "h-12 px-4 text-base gap-3";
-    };
-    status: {
-        default: "border-neutral-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-neutral-700";
-        error: "border-rose-500 text-rose-900 focus:border-rose-500 focus:ring-rose-500/20 dark:text-rose-100";
-        success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-500/20 dark:border-emerald-500";
-    };
-}, undefined>>;
+}, undefined, "flex w-full items-center justify-between rounded-lg border bg-white text-neutral-900 transition-all duration-150 focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-neutral-900 dark:text-neutral-100", undefined, undefined, undefined>;
 export type ComboboxProps = VariantProps<typeof comboboxVariants> & {
     id?: string;
     value?: string;

package/dist/components/forms/Input.svelte.d.ts

@@ -4,44 +4,18 @@ import type { HTMLInputAttributes } from 'svelte/elements';
 import type { IconSource } from '../elements/Icon.svelte';
 export declare const inputVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        xs: "text-xs py-1 px-2";
-        sm: "text-sm py-1.5 px-3";
-        md: "text-base py-2 px-3.5";
-        lg: "text-base py-2.5 px-4";
-        xl: "text-lg py-3 px-4.5";
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
     };
     status: {
-        default: "border-neutral-300 dark:border-neutral-700 focus:border-primary-500";
-        error: "border-rose-500 text-rose-900 dark:text-rose-100 focus:border-rose-500 focus-visible:ring-rose-500/30";
-        success: "border-emerald-500 focus:border-emerald-500 focus-visible:ring-emerald-500/30";
+        default: string;
+        error: string;
+        success: string;
     };
-}, undefined, "w-full rounded-lg border bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 dark:placeholder:text-neutral-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--yaxa-ring)] focus-visible:border-primary-500 transition-all duration-150 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-neutral-50 dark:disabled:bg-neutral-950 motion-reduce:transition-none", {
-    size: {
-        xs: "text-xs py-1 px-2";
-        sm: "text-sm py-1.5 px-3";
-        md: "text-base py-2 px-3.5";
-        lg: "text-base py-2.5 px-4";
-        xl: "text-lg py-3 px-4.5";
-    };
-    status: {
-        default: "border-neutral-300 dark:border-neutral-700 focus:border-primary-500";
-        error: "border-rose-500 text-rose-900 dark:text-rose-100 focus:border-rose-500 focus-visible:ring-rose-500/30";
-        success: "border-emerald-500 focus:border-emerald-500 focus-visible:ring-emerald-500/30";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        xs: "text-xs py-1 px-2";
-        sm: "text-sm py-1.5 px-3";
-        md: "text-base py-2 px-3.5";
-        lg: "text-base py-2.5 px-4";
-        xl: "text-lg py-3 px-4.5";
-    };
-    status: {
-        default: "border-neutral-300 dark:border-neutral-700 focus:border-primary-500";
-        error: "border-rose-500 text-rose-900 dark:text-rose-100 focus:border-rose-500 focus-visible:ring-rose-500/30";
-        success: "border-emerald-500 focus:border-emerald-500 focus-visible:ring-emerald-500/30";
-    };
-}, undefined>>;
+}, undefined, "w-full rounded-lg border bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 dark:placeholder:text-neutral-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--yaxa-ring)] focus-visible:border-primary-500 transition-all duration-150 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-neutral-50 dark:disabled:bg-neutral-950 motion-reduce:transition-none", undefined, undefined, undefined>;
 export interface InputSlots {
     root?: string;
     base?: string;

package/dist/components/forms/MultiSelect.svelte.d.ts

@@ -9,38 +9,16 @@ export interface MultiSelectOption {
 }
 export declare const multiSelectVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "min-h-[36px] text-xs p-1 gap-1";
-        md: "min-h-[40px] text-sm p-1.5 gap-1.5";
-        lg: "min-h-[48px] text-base p-2 gap-2";
+        sm: string;
+        md: string;
+        lg: string;
     };
     status: {
-        default: "border-neutral-300 focus-within:border-primary-500 focus-within:ring-primary-500/20 dark:border-neutral-700";
-        error: "border-rose-500 text-rose-900 focus-within:border-rose-500 focus-within:ring-rose-500/20 dark:text-rose-100";
-        success: "border-emerald-500 focus-within:border-emerald-500 focus-within:ring-emerald-500/20 dark:border-emerald-500";
+        default: string;
+        error: string;
+        success: string;
     };
-}, undefined, "flex min-h-[40px] w-full flex-wrap items-center gap-1.5 rounded-lg border bg-white p-1.5 text-neutral-900 transition-all duration-150 focus-within:ring-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-neutral-900 dark:text-neutral-100", {
-    size: {
-        sm: "min-h-[36px] text-xs p-1 gap-1";
-        md: "min-h-[40px] text-sm p-1.5 gap-1.5";
-        lg: "min-h-[48px] text-base p-2 gap-2";
-    };
-    status: {
-        default: "border-neutral-300 focus-within:border-primary-500 focus-within:ring-primary-500/20 dark:border-neutral-700";
-        error: "border-rose-500 text-rose-900 focus-within:border-rose-500 focus-within:ring-rose-500/20 dark:text-rose-100";
-        success: "border-emerald-500 focus-within:border-emerald-500 focus-within:ring-emerald-500/20 dark:border-emerald-500";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "min-h-[36px] text-xs p-1 gap-1";
-        md: "min-h-[40px] text-sm p-1.5 gap-1.5";
-        lg: "min-h-[48px] text-base p-2 gap-2";
-    };
-    status: {
-        default: "border-neutral-300 focus-within:border-primary-500 focus-within:ring-primary-500/20 dark:border-neutral-700";
-        error: "border-rose-500 text-rose-900 focus-within:border-rose-500 focus-within:ring-rose-500/20 dark:text-rose-100";
-        success: "border-emerald-500 focus-within:border-emerald-500 focus-within:ring-emerald-500/20 dark:border-emerald-500";
-    };
-}, undefined>>;
+}, undefined, "flex min-h-[40px] w-full flex-wrap items-center gap-1.5 rounded-lg border bg-white p-1.5 text-neutral-900 transition-all duration-150 focus-within:ring-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-neutral-900 dark:text-neutral-100", undefined, undefined, undefined>;
 export type MultiSelectProps = VariantProps<typeof multiSelectVariants> & {
     id?: string;
     values?: string[];

package/dist/components/forms/NumberInput.svelte.d.ts

@@ -1,38 +1,16 @@
 import { type VariantProps } from '../../utils/cn.js';
 export declare const numberInputVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "h-9 text-xs";
-        md: "h-10 text-sm";
-        lg: "h-12 text-base";
+        sm: string;
+        md: string;
+        lg: string;
     };
     status: {
-        default: "border-neutral-300 focus-within:border-primary-500 focus-within:ring-primary-500/20 dark:border-neutral-700";
-        error: "border-rose-500 text-rose-900 focus-within:border-rose-500 focus-within:ring-rose-500/20 dark:text-rose-100";
-        success: "border-emerald-500 focus-within:border-emerald-500 focus-within:ring-emerald-500/20 dark:border-emerald-500";
+        default: string;
+        error: string;
+        success: string;
     };
-}, undefined, "flex items-center rounded-lg border bg-white text-neutral-900 transition-all duration-150 focus-within:ring-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-neutral-900 dark:text-neutral-100", {
-    size: {
-        sm: "h-9 text-xs";
-        md: "h-10 text-sm";
-        lg: "h-12 text-base";
-    };
-    status: {
-        default: "border-neutral-300 focus-within:border-primary-500 focus-within:ring-primary-500/20 dark:border-neutral-700";
-        error: "border-rose-500 text-rose-900 focus-within:border-rose-500 focus-within:ring-rose-500/20 dark:text-rose-100";
-        success: "border-emerald-500 focus-within:border-emerald-500 focus-within:ring-emerald-500/20 dark:border-emerald-500";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "h-9 text-xs";
-        md: "h-10 text-sm";
-        lg: "h-12 text-base";
-    };
-    status: {
-        default: "border-neutral-300 focus-within:border-primary-500 focus-within:ring-primary-500/20 dark:border-neutral-700";
-        error: "border-rose-500 text-rose-900 focus-within:border-rose-500 focus-within:ring-rose-500/20 dark:text-rose-100";
-        success: "border-emerald-500 focus-within:border-emerald-500 focus-within:ring-emerald-500/20 dark:border-emerald-500";
-    };
-}, undefined>>;
+}, undefined, "flex items-center rounded-lg border bg-white text-neutral-900 transition-all duration-150 focus-within:ring-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-neutral-900 dark:text-neutral-100", undefined, undefined, undefined>;
 export type NumberInputProps = VariantProps<typeof numberInputVariants> & {
     id?: string;
     value?: number;

package/dist/components/forms/Select.svelte.d.ts

@@ -8,38 +8,16 @@ export interface SelectOption {
 }
 export declare const selectVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "text-sm py-1.5 pl-3 pr-8";
-        md: "text-base py-2 pl-3.5 pr-10";
-        lg: "text-base py-2.5 pl-4 pr-10";
+        sm: string;
+        md: string;
+        lg: string;
     };
     status: {
-        default: "border-neutral-300 dark:border-neutral-700 focus:border-primary-500 focus:ring-primary-500/20";
-        error: "border-rose-500 text-rose-900 dark:text-rose-100 focus:border-rose-500 focus:ring-rose-500/20";
-        success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-500/20";
+        default: string;
+        error: string;
+        success: string;
     };
-}, undefined, "w-full rounded-lg border bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 transition-all duration-150 disabled:cursor-not-allowed disabled:opacity-50 appearance-none", {
-    size: {
-        sm: "text-sm py-1.5 pl-3 pr-8";
-        md: "text-base py-2 pl-3.5 pr-10";
-        lg: "text-base py-2.5 pl-4 pr-10";
-    };
-    status: {
-        default: "border-neutral-300 dark:border-neutral-700 focus:border-primary-500 focus:ring-primary-500/20";
-        error: "border-rose-500 text-rose-900 dark:text-rose-100 focus:border-rose-500 focus:ring-rose-500/20";
-        success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-500/20";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "text-sm py-1.5 pl-3 pr-8";
-        md: "text-base py-2 pl-3.5 pr-10";
-        lg: "text-base py-2.5 pl-4 pr-10";
-    };
-    status: {
-        default: "border-neutral-300 dark:border-neutral-700 focus:border-primary-500 focus:ring-primary-500/20";
-        error: "border-rose-500 text-rose-900 dark:text-rose-100 focus:border-rose-500 focus:ring-rose-500/20";
-        success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-500/20";
-    };
-}, undefined>>;
+}, undefined, "w-full rounded-lg border bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 transition-all duration-150 disabled:cursor-not-allowed disabled:opacity-50 appearance-none", undefined, undefined, undefined>;
 export type SelectProps = VariantProps<typeof selectVariants> & {
     id?: string;
     value?: string;

package/dist/components/forms/Switch.svelte.d.ts

@@ -2,42 +2,18 @@ import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const switchVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "h-5 w-9";
-        md: "h-6 w-11";
-        lg: "h-7 w-14";
+        sm: string;
+        md: string;
+        lg: string;
     };
-}, undefined, "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--yaxa-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--yaxa-bg)] disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-neutral-300 dark:data-[state=unchecked]:bg-neutral-700", {
-    size: {
-        sm: "h-5 w-9";
-        md: "h-6 w-11";
-        lg: "h-7 w-14";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "h-5 w-9";
-        md: "h-6 w-11";
-        lg: "h-7 w-14";
-    };
-}, undefined>>;
+}, undefined, "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--yaxa-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--yaxa-bg)] disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-neutral-300 dark:data-[state=unchecked]:bg-neutral-700", undefined, undefined, undefined>;
 export declare const thumbVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "h-4 w-4 data-[state=checked]:translate-x-4";
-        md: "h-5 w-5 data-[state=checked]:translate-x-5";
-        lg: "h-6 w-6 data-[state=checked]:translate-x-7";
-    };
-}, undefined, "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 motion-reduce:transition-none data-[state=unchecked]:translate-x-0", {
-    size: {
-        sm: "h-4 w-4 data-[state=checked]:translate-x-4";
-        md: "h-5 w-5 data-[state=checked]:translate-x-5";
-        lg: "h-6 w-6 data-[state=checked]:translate-x-7";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "h-4 w-4 data-[state=checked]:translate-x-4";
-        md: "h-5 w-5 data-[state=checked]:translate-x-5";
-        lg: "h-6 w-6 data-[state=checked]:translate-x-7";
+        sm: string;
+        md: string;
+        lg: string;
     };
-}, undefined>>;
+}, undefined, "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 motion-reduce:transition-none data-[state=unchecked]:translate-x-0", undefined, undefined, undefined>;
 export interface SwitchSlots {
     root?: string;
     track?: string;

package/dist/components/forms/Textarea.svelte.d.ts

@@ -2,56 +2,22 @@ import { type VariantProps } from '../../utils/cn.js';
 import type { HTMLTextareaAttributes } from 'svelte/elements';
 export declare const textareaVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "text-sm p-2.5";
-        md: "text-base p-3";
-        lg: "text-base p-4";
+        sm: string;
+        md: string;
+        lg: string;
     };
     status: {
-        default: "border-neutral-300 dark:border-neutral-700 focus:border-primary-500 focus:ring-primary-500/20";
-        error: "border-rose-500 text-rose-900 dark:text-rose-100 focus:border-rose-500 focus:ring-rose-500/20";
-        success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-500/20";
+        default: string;
+        error: string;
+        success: string;
     };
     resize: {
-        none: "resize-none";
-        vertical: "resize-y";
-        horizontal: "resize-x";
-        both: "resize";
+        none: string;
+        vertical: string;
+        horizontal: string;
+        both: string;
     };
-}, undefined, "w-full rounded-lg border bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 dark:placeholder:text-neutral-500 focus:outline-none focus:ring-2 transition-all duration-150 disabled:cursor-not-allowed disabled:opacity-50", {
-    size: {
-        sm: "text-sm p-2.5";
-        md: "text-base p-3";
-        lg: "text-base p-4";
-    };
-    status: {
-        default: "border-neutral-300 dark:border-neutral-700 focus:border-primary-500 focus:ring-primary-500/20";
-        error: "border-rose-500 text-rose-900 dark:text-rose-100 focus:border-rose-500 focus:ring-rose-500/20";
-        success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-500/20";
-    };
-    resize: {
-        none: "resize-none";
-        vertical: "resize-y";
-        horizontal: "resize-x";
-        both: "resize";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "text-sm p-2.5";
-        md: "text-base p-3";
-        lg: "text-base p-4";
-    };
-    status: {
-        default: "border-neutral-300 dark:border-neutral-700 focus:border-primary-500 focus:ring-primary-500/20";
-        error: "border-rose-500 text-rose-900 dark:text-rose-100 focus:border-rose-500 focus:ring-rose-500/20";
-        success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-500/20";
-    };
-    resize: {
-        none: "resize-none";
-        vertical: "resize-y";
-        horizontal: "resize-x";
-        both: "resize";
-    };
-}, undefined>>;
+}, undefined, "w-full rounded-lg border bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 dark:placeholder:text-neutral-500 focus:outline-none focus:ring-2 transition-all duration-150 disabled:cursor-not-allowed disabled:opacity-50", undefined, undefined, undefined>;
 export type TextareaProps = Omit<HTMLTextareaAttributes, 'size'> & VariantProps<typeof textareaVariants> & {
     value?: string;
     rows?: number;