@kopexa/theme 1.6.5 → 1.6.7

package/dist/components/callout.d.ts

@@ -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 };

package/dist/components/callout.js

@@ -0,0 +1,96 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/callout.ts
+var callout_exports = {};
+__export(callout_exports, {
+  callout: () => callout
+});
+module.exports = __toCommonJS(callout_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var callout = (0, import_tailwind_variants.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"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  callout
+});

package/dist/components/callout.mjs

@@ -0,0 +1,6 @@
+import {
+  callout
+} from "../chunk-3SRZALOM.mjs";
+export {
+  callout
+};

package/dist/components/card.d.mts

@@ -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[];