@kopexa/theme 1.6.5 → 1.6.7

package/dist/chunk-3SRZALOM.mjs

@@ -0,0 +1,72 @@
+// src/components/callout.ts
+import { tv } from "tailwind-variants";
+var callout = tv({
+  slots: {
+    root: ["flex items-start gap-3 w-full", "border", "relative"],
+    iconContainer: "flex-shrink-0 mt-0.5",
+    icon: "h-5 w-5",
+    title: "font-semibold leading-none tracking-tight mb-2",
+    content: "text-sm/6",
+    closeButton: "absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
+  },
+  variants: {
+    radius: {
+      none: { root: "rounded-none" },
+      sm: { root: "rounded-sm" },
+      md: { root: "rounded-md" },
+      lg: { root: "rounded-lg" }
+    },
+    size: {
+      sm: {
+        root: "p-3 text-sm",
+        icon: "h-4 w-4",
+        title: "text-sm mb-1"
+      },
+      md: {
+        root: "p-4",
+        icon: "h-5 w-5"
+      },
+      lg: {
+        root: "p-6",
+        icon: "h-6 w-6",
+        title: "text-lg mb-3"
+      }
+    },
+    variant: {
+      default: {
+        root: "bg-muted/50 text-foreground border-border",
+        icon: "text-foreground",
+        title: "text-foreground"
+      },
+      info: {
+        root: "bg-blue-50 dark:bg-blue-950/50 text-blue-900 dark:text-blue-200 border-blue-200 dark:border-blue-800/50",
+        icon: "text-blue-500 dark:text-blue-400",
+        title: "text-blue-900 dark:text-blue-200"
+      },
+      success: {
+        root: "bg-green-50 dark:bg-green-950/50 text-green-900 dark:text-green-200 border-green-200 dark:border-green-800/50",
+        icon: "text-green-500 dark:text-green-400",
+        title: "text-green-900 dark:text-green-200"
+      },
+      warning: {
+        root: "bg-orange-50 dark:bg-orange-950/50 text-orange-900 dark:text-orange-200 border-orange-200 dark:border-orange-800/50",
+        icon: "text-orange-500 dark:text-orange-400",
+        title: "text-orange-900 dark:text-orange-200"
+      },
+      destructive: {
+        root: "bg-red-50 dark:bg-red-950/50 text-red-900 dark:text-red-200 border-red-200 dark:border-red-800/50",
+        icon: "text-red-500 dark:text-red-400",
+        title: "text-red-900 dark:text-red-200"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    radius: "md",
+    size: "md"
+  }
+});
+
+export {
+  callout
+};

package/dist/chunk-A4KO7QKC.mjs

@@ -0,0 +1,45 @@
+// src/components/checkbox.ts
+import { tv } from "tailwind-variants";
+var checkbox = tv({
+  slots: {
+    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"
+  }
+});
+
+export {
+  checkbox
+};

package/dist/{chunk-EACX3NZF.mjs → chunk-VWZTV46T.mjs}

@@ -3,8 +3,8 @@ import { tv } from "tailwind-variants";
 var card = 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",
@@ -46,6 +46,14 @@ var card = tv({
     ]
   },
   variants: {
+    variant: {
+      default: {
+        root: "bg-card text-card-foreground"
+      },
+      muted: {
+        root: "bg-muted text-muted-foreground"
+      }
+    },
     shadow: {
       none: {
         root: "shadow-none"
@@ -64,8 +72,14 @@ var card = tv({
       }
     },
     border: {
-      true: {
-        root: "border"
+      none: {
+        root: "border-0"
+      },
+      default: {
+        root: "border border-border"
+      },
+      emphasized: {
+        root: "border-2 border-border"
       }
     },
     radius: {
@@ -97,7 +111,10 @@ var card = 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: {
@@ -112,17 +129,65 @@ var card = 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"
   }
 });
 

package/dist/{chunk-IY7SLI3T.mjs → chunk-W7RJG22S.mjs}

@@ -10,7 +10,7 @@ var splitPageLayout = tv({
       "flex flex-col",
       "md:border-s",
       //"size-full",
-      "bg-muted dark:bg-primary-900"
+      "bg-muted/50 dark:bg-primary-900"
     ],
     panel: [
       //"md:border-s",

package/dist/components/alert-dialog.d.mts

@@ -1,28 +1,29 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 
 declare const alertDialog: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
-            overlay?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            action?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
+            title?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            action?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
-            overlay?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            action?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
+            title?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            action?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -35,14 +36,14 @@ declare const alertDialog: tailwind_variants.TVReturnType<{
     action: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
-            overlay?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            action?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
+            title?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            action?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/components/alert-dialog.d.ts

@@ -1,28 +1,29 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 
 declare const alertDialog: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
-            overlay?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            action?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
+            title?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            action?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
-            overlay?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            action?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
+            title?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            action?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -35,14 +36,14 @@ declare const alertDialog: tailwind_variants.TVReturnType<{
     action: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
-            overlay?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            action?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
+            title?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            action?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/components/callout.d.mts

@@ -0,0 +1,202 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const callout: tailwind_variants.TVReturnType<{
+    radius: {
+        none: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        info: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        success: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        warning: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        destructive: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+    };
+}, {
+    root: string[];
+    iconContainer: string;
+    icon: string;
+    title: string;
+    content: string;
+    closeButton: string;
+}, undefined, {
+    radius: {
+        none: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        info: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        success: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        warning: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        destructive: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+    };
+}, {
+    root: string[];
+    iconContainer: string;
+    icon: string;
+    title: string;
+    content: string;
+    closeButton: string;
+}, tailwind_variants.TVReturnType<{
+    radius: {
+        none: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        info: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        success: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        warning: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+        destructive: {
+            root: string;
+            icon: string;
+            title: string;
+        };
+    };
+}, {
+    root: string[];
+    iconContainer: string;
+    icon: string;
+    title: string;
+    content: string;
+    closeButton: string;
+}, undefined, unknown, unknown, undefined>>;
+type CalloutVariantProps = VariantProps<typeof callout>;
+
+export { type CalloutVariantProps, callout };