@komarcalabs/design-system 0.1.1 → 0.1.3

package/dist/variants/select.d.ts

@@ -1,4 +1,49 @@
 import { VariantProps } from 'tailwind-variants';
-export declare const selectVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+export declare const selectVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: "bg-km-surface border-km-border hover:border-slate-300 text-km-foreground shadow-2xs";
+        filled: "bg-slate-50/80 border-slate-200/80 hover:bg-slate-100/80 focus-visible:bg-white text-km-foreground";
+        ghost: "border-transparent bg-transparent hover:bg-slate-100/80 text-km-foreground shadow-none";
+    };
+    size: {
+        xs: "min-h-[26px] h-6.5 px-2 py-0.5 text-[0.6875rem] leading-4 gap-1.5";
+        sm: "min-h-[30px] h-7.5 px-2.5 py-1 text-xs leading-4 gap-1.5";
+        md: "min-h-10 h-10 px-3 py-2 text-xs leading-5 gap-2";
+        lg: "min-h-[42px] h-10.5 px-3.5 py-2 text-sm leading-6 gap-2.5";
+    };
+    error: {
+        true: "border-km-danger text-km-danger focus:border-km-danger focus:ring-km-danger/20 focus-visible:border-km-danger focus-visible:ring-km-danger/20 data-[state=open]:border-km-danger data-[state=open]:ring-km-danger/20";
+    };
+}, undefined, string[], {
+    variant: {
+        default: "bg-km-surface border-km-border hover:border-slate-300 text-km-foreground shadow-2xs";
+        filled: "bg-slate-50/80 border-slate-200/80 hover:bg-slate-100/80 focus-visible:bg-white text-km-foreground";
+        ghost: "border-transparent bg-transparent hover:bg-slate-100/80 text-km-foreground shadow-none";
+    };
+    size: {
+        xs: "min-h-[26px] h-6.5 px-2 py-0.5 text-[0.6875rem] leading-4 gap-1.5";
+        sm: "min-h-[30px] h-7.5 px-2.5 py-1 text-xs leading-4 gap-1.5";
+        md: "min-h-10 h-10 px-3 py-2 text-xs leading-5 gap-2";
+        lg: "min-h-[42px] h-10.5 px-3.5 py-2 text-sm leading-6 gap-2.5";
+    };
+    error: {
+        true: "border-km-danger text-km-danger focus:border-km-danger focus:ring-km-danger/20 focus-visible:border-km-danger focus-visible:ring-km-danger/20 data-[state=open]:border-km-danger data-[state=open]:ring-km-danger/20";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    variant: {
+        default: "bg-km-surface border-km-border hover:border-slate-300 text-km-foreground shadow-2xs";
+        filled: "bg-slate-50/80 border-slate-200/80 hover:bg-slate-100/80 focus-visible:bg-white text-km-foreground";
+        ghost: "border-transparent bg-transparent hover:bg-slate-100/80 text-km-foreground shadow-none";
+    };
+    size: {
+        xs: "min-h-[26px] h-6.5 px-2 py-0.5 text-[0.6875rem] leading-4 gap-1.5";
+        sm: "min-h-[30px] h-7.5 px-2.5 py-1 text-xs leading-4 gap-1.5";
+        md: "min-h-10 h-10 px-3 py-2 text-xs leading-5 gap-2";
+        lg: "min-h-[42px] h-10.5 px-3.5 py-2 text-sm leading-6 gap-2.5";
+    };
+    error: {
+        true: "border-km-danger text-km-danger focus:border-km-danger focus:ring-km-danger/20 focus-visible:border-km-danger focus-visible:ring-km-danger/20 data-[state=open]:border-km-danger data-[state=open]:ring-km-danger/20";
+    };
+}, undefined>>;
 export type SelectVariants = VariantProps<typeof selectVariants>;
 //# sourceMappingURL=select.d.ts.map

package/dist/variants/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/variants/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,cAAc,mKAQzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/variants/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+BzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/variants/skeleton.d.ts

@@ -0,0 +1,64 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const skeletonVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: "rounded-km-md";
+        text: "rounded-km-sm h-4";
+        circular: "rounded-full";
+        pill: "rounded-full";
+        rounded: "rounded-km-md";
+        card: "rounded-km-xl";
+        rectangular: "rounded-none";
+    };
+    tone: {
+        subtle: "bg-slate-100";
+        default: "bg-slate-200";
+        muted: "bg-slate-300/80";
+    };
+    animation: {
+        pulse: "animate-pulse";
+        wave: "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/60 before:to-transparent";
+        none: "";
+    };
+}, undefined, "bg-slate-200 shrink-0 select-none pointer-events-none", {
+    variant: {
+        default: "rounded-km-md";
+        text: "rounded-km-sm h-4";
+        circular: "rounded-full";
+        pill: "rounded-full";
+        rounded: "rounded-km-md";
+        card: "rounded-km-xl";
+        rectangular: "rounded-none";
+    };
+    tone: {
+        subtle: "bg-slate-100";
+        default: "bg-slate-200";
+        muted: "bg-slate-300/80";
+    };
+    animation: {
+        pulse: "animate-pulse";
+        wave: "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/60 before:to-transparent";
+        none: "";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    variant: {
+        default: "rounded-km-md";
+        text: "rounded-km-sm h-4";
+        circular: "rounded-full";
+        pill: "rounded-full";
+        rounded: "rounded-km-md";
+        card: "rounded-km-xl";
+        rectangular: "rounded-none";
+    };
+    tone: {
+        subtle: "bg-slate-100";
+        default: "bg-slate-200";
+        muted: "bg-slate-300/80";
+    };
+    animation: {
+        pulse: "animate-pulse";
+        wave: "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/60 before:to-transparent";
+        none: "";
+    };
+}, undefined>>;
+export type SkeletonVariants = VariantProps<typeof skeletonVariants>;
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/variants/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/variants/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4B3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/variants/table.d.ts

@@ -0,0 +1,106 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const tableVariants: import('tailwind-variants').TVReturnType<{
+    dense: {
+        true: {
+            head: string;
+            cell: string;
+            footer: string;
+        };
+    };
+    striped: {
+        true: {
+            body: string;
+        };
+    };
+    hoverable: {
+        true: {
+            row: string;
+        };
+    };
+    bordered: {
+        true: {
+            head: string;
+            cell: string;
+        };
+    };
+}, {
+    root: string;
+    table: string;
+    header: string;
+    body: string;
+    footer: string[];
+    row: string;
+    head: string[];
+    cell: string[];
+    caption: string;
+}, undefined, {
+    dense: {
+        true: {
+            head: string;
+            cell: string;
+            footer: string;
+        };
+    };
+    striped: {
+        true: {
+            body: string;
+        };
+    };
+    hoverable: {
+        true: {
+            row: string;
+        };
+    };
+    bordered: {
+        true: {
+            head: string;
+            cell: string;
+        };
+    };
+}, {
+    root: string;
+    table: string;
+    header: string;
+    body: string;
+    footer: string[];
+    row: string;
+    head: string[];
+    cell: string[];
+    caption: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    dense: {
+        true: {
+            head: string;
+            cell: string;
+            footer: string;
+        };
+    };
+    striped: {
+        true: {
+            body: string;
+        };
+    };
+    hoverable: {
+        true: {
+            row: string;
+        };
+    };
+    bordered: {
+        true: {
+            head: string;
+            cell: string;
+        };
+    };
+}, {
+    root: string;
+    table: string;
+    header: string;
+    body: string;
+    footer: string[];
+    row: string;
+    head: string[];
+    cell: string[];
+    caption: string;
+}>>;
+export type TableVariants = VariantProps<typeof tableVariants>;
+//# sourceMappingURL=table.d.ts.map

package/dist/variants/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/variants/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}

package/dist/variants/tabs.d.ts

@@ -0,0 +1,124 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const tabsVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        line: {
+            list: string;
+            trigger: string[];
+            content: string;
+        };
+        pill: {
+            list: string;
+            trigger: string[];
+            content: string;
+        };
+    };
+    orientation: {
+        horizontal: {
+            root: string;
+            list: string;
+        };
+        vertical: {
+            root: string;
+            list: string;
+        };
+    };
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    trigger: string[];
+    content: string;
+    indicator: string;
+}, undefined, {
+    variant: {
+        line: {
+            list: string;
+            trigger: string[];
+            content: string;
+        };
+        pill: {
+            list: string;
+            trigger: string[];
+            content: string;
+        };
+    };
+    orientation: {
+        horizontal: {
+            root: string;
+            list: string;
+        };
+        vertical: {
+            root: string;
+            list: string;
+        };
+    };
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    trigger: string[];
+    content: string;
+    indicator: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    variant: {
+        line: {
+            list: string;
+            trigger: string[];
+            content: string;
+        };
+        pill: {
+            list: string;
+            trigger: string[];
+            content: string;
+        };
+    };
+    orientation: {
+        horizontal: {
+            root: string;
+            list: string;
+        };
+        vertical: {
+            root: string;
+            list: string;
+        };
+    };
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    trigger: string[];
+    content: string;
+    indicator: string;
+}>>;
+export type TabsVariants = VariantProps<typeof tabsVariants>;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/variants/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/variants/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/variants/toggleSwitch.d.ts

@@ -4,14 +4,17 @@ export declare const toggleSwitchVariants: import('tailwind-variants').TVReturnT
         small: {
             track: string;
             thumb: string;
+            label: string;
         };
         medium: {
             track: string;
             thumb: string;
+            label: string;
         };
         large: {
             track: string;
             thumb: string;
+            label: string;
         };
     };
     checked: {
@@ -41,14 +44,17 @@ export declare const toggleSwitchVariants: import('tailwind-variants').TVReturnT
         small: {
             track: string;
             thumb: string;
+            label: string;
         };
         medium: {
             track: string;
             thumb: string;
+            label: string;
         };
         large: {
             track: string;
             thumb: string;
+            label: string;
         };
     };
     checked: {
@@ -78,14 +84,17 @@ export declare const toggleSwitchVariants: import('tailwind-variants').TVReturnT
         small: {
             track: string;
             thumb: string;
+            label: string;
         };
         medium: {
             track: string;
             thumb: string;
+            label: string;
         };
         large: {
             track: string;
             thumb: string;
+            label: string;
         };
     };
     checked: {

package/dist/variants/toggleSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggleSwitch.d.ts","sourceRoot":"","sources":["../../src/variants/toggleSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyF/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"toggleSwitch.d.ts","sourceRoot":"","sources":["../../src/variants/toggleSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6F/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/variants/treeview.d.ts

@@ -0,0 +1,97 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const treeviewVariants: import('tailwind-variants').TVReturnType<{
+    density: {
+        compact: {
+            item: string;
+            toggle: string;
+            togglePlaceholder: string;
+            icon: string;
+        };
+        normal: {
+            item: string;
+            toggle: string;
+            togglePlaceholder: string;
+            icon: string;
+        };
+        comfortable: {
+            item: string;
+            toggle: string;
+            togglePlaceholder: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    item: string[];
+    toggle: string[];
+    togglePlaceholder: string;
+    icon: string;
+    label: string;
+    badge: string;
+    indentGuide: string;
+}, undefined, {
+    density: {
+        compact: {
+            item: string;
+            toggle: string;
+            togglePlaceholder: string;
+            icon: string;
+        };
+        normal: {
+            item: string;
+            toggle: string;
+            togglePlaceholder: string;
+            icon: string;
+        };
+        comfortable: {
+            item: string;
+            toggle: string;
+            togglePlaceholder: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    item: string[];
+    toggle: string[];
+    togglePlaceholder: string;
+    icon: string;
+    label: string;
+    badge: string;
+    indentGuide: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    density: {
+        compact: {
+            item: string;
+            toggle: string;
+            togglePlaceholder: string;
+            icon: string;
+        };
+        normal: {
+            item: string;
+            toggle: string;
+            togglePlaceholder: string;
+            icon: string;
+        };
+        comfortable: {
+            item: string;
+            toggle: string;
+            togglePlaceholder: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    item: string[];
+    toggle: string[];
+    togglePlaceholder: string;
+    icon: string;
+    label: string;
+    badge: string;
+    indentGuide: string;
+}>>;
+export type TreeviewVariants = VariantProps<typeof treeviewVariants>;
+//# sourceMappingURL=treeview.d.ts.map

package/dist/variants/treeview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeview.d.ts","sourceRoot":"","sources":["../../src/variants/treeview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+C3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}