@kopexa/theme 1.6.5 → 1.6.7

package/dist/components/card.d.ts

@@ -2,6 +2,14 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const card: tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+        muted: {
+            root: string;
+        };
+    };
     shadow: {
         none: {
             root: string;
@@ -20,7 +28,13 @@ declare const card: tailwind_variants.TVReturnType<{
         };
     };
     border: {
-        true: {
+        none: {
+            root: string;
+        };
+        default: {
+            root: string;
+        };
+        emphasized: {
             root: string;
         };
     };
@@ -53,7 +67,7 @@ declare const card: tailwind_variants.TVReturnType<{
     };
     isHoverable: {
         true: {
-            root: string;
+            root: string[];
         };
     };
     isPressable: {
@@ -71,12 +85,65 @@ declare const card: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    bleed: {
+        none: {};
+        sm: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        md: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        lg: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        content: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+    };
+    spacing: {
+        sm: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        md: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        lg: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        xl: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+    };
 }, {
     root: string[];
     header: string[];
     body: string[];
     footer: string[];
 }, undefined, {
+    variant: {
+        default: {
+            root: string;
+        };
+        muted: {
+            root: string;
+        };
+    };
     shadow: {
         none: {
             root: string;
@@ -95,7 +162,13 @@ declare const card: tailwind_variants.TVReturnType<{
         };
     };
     border: {
-        true: {
+        none: {
+            root: string;
+        };
+        default: {
+            root: string;
+        };
+        emphasized: {
             root: string;
         };
     };
@@ -128,7 +201,7 @@ declare const card: tailwind_variants.TVReturnType<{
     };
     isHoverable: {
         true: {
-            root: string;
+            root: string[];
         };
     };
     isPressable: {
@@ -146,12 +219,65 @@ declare const card: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    bleed: {
+        none: {};
+        sm: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        md: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        lg: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        content: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+    };
+    spacing: {
+        sm: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        md: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        lg: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        xl: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+    };
 }, {
     root: string[];
     header: string[];
     body: string[];
     footer: string[];
 }, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+        muted: {
+            root: string;
+        };
+    };
     shadow: {
         none: {
             root: string;
@@ -170,7 +296,13 @@ declare const card: tailwind_variants.TVReturnType<{
         };
     };
     border: {
-        true: {
+        none: {
+            root: string;
+        };
+        default: {
+            root: string;
+        };
+        emphasized: {
             root: string;
         };
     };
@@ -203,7 +335,7 @@ declare const card: tailwind_variants.TVReturnType<{
     };
     isHoverable: {
         true: {
-            root: string;
+            root: string[];
         };
     };
     isPressable: {
@@ -221,6 +353,51 @@ declare const card: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    bleed: {
+        none: {};
+        sm: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        md: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        lg: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        content: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+    };
+    spacing: {
+        sm: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        md: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        lg: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+        xl: {
+            body: string;
+            header: string;
+            footer: string;
+        };
+    };
 }, {
     root: string[];
     header: string[];

package/dist/components/card.js

@@ -27,8 +27,8 @@ var import_tailwind_variants = require("tailwind-variants");
 var card = (0, import_tailwind_variants.tv)({
   slots: {
     root: [
-      "flex flex-col relative overflow-hidden h-auto outline-hidden text-card-foreground bg-card box-border",
-      "border-2 border-transparent"
+      "flex flex-col relative overflow-hidden h-auto outline-hidden box-border",
+      "transition-colors duration-200"
     ],
     header: [
       "flex",
@@ -70,6 +70,14 @@ var card = (0, import_tailwind_variants.tv)({
     ]
   },
   variants: {
+    variant: {
+      default: {
+        root: "bg-card text-card-foreground"
+      },
+      muted: {
+        root: "bg-muted text-muted-foreground"
+      }
+    },
     shadow: {
       none: {
         root: "shadow-none"
@@ -88,8 +96,14 @@ var card = (0, import_tailwind_variants.tv)({
       }
     },
     border: {
-      true: {
-        root: "border"
+      none: {
+        root: "border-0"
+      },
+      default: {
+        root: "border border-border"
+      },
+      emphasized: {
+        root: "border-2 border-border"
       }
     },
     radius: {
@@ -121,7 +135,10 @@ var card = (0, import_tailwind_variants.tv)({
     },
     isHoverable: {
       true: {
-        root: "hover:shadow-xl hover:-translate-y-1 transition-all duration-300 hover:border-primary-600"
+        root: [
+          "hover:shadow-xl hover:-translate-y-1 transition-all duration-300",
+          "hover:border-primary/50 hover:bg-card/80"
+        ]
       }
     },
     isPressable: {
@@ -136,17 +153,65 @@ var card = (0, import_tailwind_variants.tv)({
       true: {
         root: "opacity-50 cursor-not-allowed pointer-events-none"
       }
+    },
+    bleed: {
+      none: {},
+      sm: {
+        body: "px-2",
+        header: "px-2",
+        footer: "px-2"
+      },
+      md: {
+        body: "px-0",
+        header: "px-0",
+        footer: "px-0"
+      },
+      lg: {
+        body: "-mx-2",
+        header: "-mx-2",
+        footer: "-mx-2"
+      },
+      content: {
+        body: "px-0",
+        header: "px-3",
+        footer: "px-3"
+      }
+    },
+    spacing: {
+      sm: {
+        body: "p-2",
+        header: "p-2",
+        footer: "p-2"
+      },
+      md: {
+        body: "p-3",
+        header: "p-3",
+        footer: "p-3"
+      },
+      lg: {
+        body: "p-4",
+        header: "p-4",
+        footer: "p-4"
+      },
+      xl: {
+        body: "p-6",
+        header: "p-6",
+        footer: "p-6"
+      }
     }
   },
   defaultVariants: {
+    variant: "default",
     radius: "lg",
-    shadow: "sm",
+    shadow: "none",
     fullWidth: false,
     isHoverable: false,
     isPressable: false,
     isBlurred: false,
     isDisabled: false,
-    border: true
+    border: "default",
+    bleed: "none",
+    spacing: "md"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/card.mjs

@@ -1,6 +1,6 @@
 import {
   card
-} from "../chunk-EACX3NZF.mjs";
+} from "../chunk-VWZTV46T.mjs";
 export {
   card
 };

package/dist/components/checkbox.d.mts

@@ -2,41 +2,50 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const checkbox: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
+    color: {
+        primary: {
+            base: string[];
         };
     };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-        };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
     };
-} | {}, {
-    base: string;
-    indicator: string;
-    icon: string;
+}, {
+    base: string[];
+    indicator: string[];
+    icon: string[];
 }, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
+    color: {
+        primary: {
+            base: string[];
         };
     };
-} | {}, {
-    base: string;
-    indicator: string;
-    icon: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    base: string;
-    indicator: string;
-    icon: string;
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+    };
+}, {
+    base: string[];
+    indicator: string[];
+    icon: string[];
+}, tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            base: string[];
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+    };
+}, {
+    base: string[];
+    indicator: string[];
+    icon: string[];
 }, undefined, unknown, unknown, undefined>>;
 type CheckboxVariantProps = VariantProps<typeof checkbox>;
 

package/dist/components/checkbox.d.ts

@@ -2,41 +2,50 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const checkbox: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
+    color: {
+        primary: {
+            base: string[];
         };
     };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-        };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
     };
-} | {}, {
-    base: string;
-    indicator: string;
-    icon: string;
+}, {
+    base: string[];
+    indicator: string[];
+    icon: string[];
 }, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
+    color: {
+        primary: {
+            base: string[];
         };
     };
-} | {}, {
-    base: string;
-    indicator: string;
-    icon: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    base: string;
-    indicator: string;
-    icon: string;
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+    };
+}, {
+    base: string[];
+    indicator: string[];
+    icon: string[];
+}, tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            base: string[];
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+    };
+}, {
+    base: string[];
+    indicator: string[];
+    icon: string[];
 }, undefined, unknown, unknown, undefined>>;
 type CheckboxVariantProps = VariantProps<typeof checkbox>;
 

package/dist/components/checkbox.js

@@ -26,9 +26,41 @@ module.exports = __toCommonJS(checkbox_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var checkbox = (0, import_tailwind_variants.tv)({
   slots: {
-    base: "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-    indicator: "flex items-center justify-center text-current transition-none",
-    icon: "size-3.5"
+    base: [
+      "group",
+      "peer border-input dark:bg-input/30",
+      "focus-visible:border-ring focus-visible:ring-ring/50",
+      "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+      "aria-invalid:border-destructive size-4 shrink-0 rounded-[4px]",
+      "border shadow-xs transition-shadow outline-none focus-visible:ring-[3px]",
+      "disabled:cursor-not-allowed disabled:opacity-50"
+    ],
+    indicator: [
+      "flex items-center justify-center text-current transition-none"
+    ],
+    icon: [
+      "w-4 h-3 opacity-0 group-data-[state=checked]:opacity-100",
+      "pointer-events-none"
+    ]
+  },
+  variants: {
+    color: {
+      primary: {
+        base: [
+          "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+          "dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary"
+        ]
+      }
+    },
+    size: {
+      sm: {},
+      md: {},
+      lg: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/checkbox.mjs

@@ -1,6 +1,6 @@
 import {
   checkbox
-} from "../chunk-KPOZFVP6.mjs";
+} from "../chunk-A4KO7QKC.mjs";
 export {
   checkbox
 };