@kopexa/theme 2.0.0 → 13.0.0

package/dist/components/card.d.mts

@@ -9,6 +9,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -33,9 +38,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -133,6 +140,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, undefined, {
@@ -143,6 +152,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -167,9 +181,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -267,6 +283,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, tailwind_variants.TVReturnType<{
@@ -277,6 +295,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -301,9 +324,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -401,6 +426,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/card.d.ts

@@ -9,6 +9,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -33,9 +38,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -133,6 +140,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, undefined, {
@@ -143,6 +152,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -167,9 +181,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -267,6 +283,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, tailwind_variants.TVReturnType<{
@@ -277,6 +295,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -301,9 +324,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -401,6 +426,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/card.js

@@ -32,22 +32,25 @@ var card = (0, import_tailwind_variants.tv)({
     ],
     header: [
       "flex",
-      "p-3",
-      "z-10",
-      "w-full",
-      "justify-start",
       "items-center",
+      "justify-between",
+      "flex-wrap",
+      "min-h-14",
+      "gap-2.5",
+      "w-full",
       "shrink-0",
       "overflow-inherit",
       "color-inherit",
       "subpixel-antialiased"
     ],
+    heading: "space-y-1",
+    toolbar: "flex items-center gap-2.5",
     body: [
+      "grow",
       "relative",
       "flex",
       "flex-1",
       "w-full",
-      "p-3",
       "flex-auto",
       "flex-col",
       "place-content-inherit",
@@ -76,6 +79,11 @@ var card = (0, import_tailwind_variants.tv)({
       },
       muted: {
         root: "bg-muted text-muted-foreground"
+      },
+      accent: {
+        root: "bg-muted shadow-xs p-1",
+        header: "!border-none",
+        body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
       }
     },
     shadow: {
@@ -100,10 +108,12 @@ var card = (0, import_tailwind_variants.tv)({
         root: "border-0"
       },
       default: {
-        root: "border border-border"
+        root: "border border-border",
+        header: "border-b border-border"
       },
       emphasized: {
-        root: "border-2 border-border"
+        root: "border-2 border-border",
+        header: "border-b border-border"
       }
     },
     radius: {
@@ -184,9 +194,9 @@ var card = (0, import_tailwind_variants.tv)({
         footer: "p-2"
       },
       md: {
-        body: "p-3",
-        header: "p-3",
-        footer: "p-3"
+        body: "p-5",
+        header: "px-5",
+        footer: "px-5"
       },
       lg: {
         body: "p-4",

package/dist/components/card.mjs

@@ -1,6 +1,6 @@
 import {
   card
-} from "../chunk-7O57EDVS.mjs";
+} from "../chunk-63C4SFQK.mjs";
 export {
   card
 };

package/dist/components/combobox.d.mts

@@ -0,0 +1,142 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const combobox: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, undefined, {
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type ComboboxVariantProps = VariantProps<typeof combobox>;
+
+export { type ComboboxVariantProps, combobox };

package/dist/components/combobox.d.ts

@@ -0,0 +1,142 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const combobox: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, undefined, {
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type ComboboxVariantProps = VariantProps<typeof combobox>;
+
+export { type ComboboxVariantProps, combobox };