@kopexa/theme 1.7.7 → 2.1.0

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/chip.d.mts

@@ -11,6 +11,7 @@ declare const chip: tailwind_variants.TVReturnType<{
             root: string;
         };
         flat: {};
+        ghost: {};
     };
     color: {
         default: {
@@ -127,6 +128,7 @@ declare const chip: tailwind_variants.TVReturnType<{
             root: string;
         };
         flat: {};
+        ghost: {};
     };
     color: {
         default: {
@@ -243,6 +245,7 @@ declare const chip: tailwind_variants.TVReturnType<{
             root: string;
         };
         flat: {};
+        ghost: {};
     };
     color: {
         default: {

package/dist/components/chip.d.ts

@@ -11,6 +11,7 @@ declare const chip: tailwind_variants.TVReturnType<{
             root: string;
         };
         flat: {};
+        ghost: {};
     };
     color: {
         default: {
@@ -127,6 +128,7 @@ declare const chip: tailwind_variants.TVReturnType<{
             root: string;
         };
         flat: {};
+        ghost: {};
     };
     color: {
         default: {
@@ -243,6 +245,7 @@ declare const chip: tailwind_variants.TVReturnType<{
             root: string;
         };
         flat: {};
+        ghost: {};
     };
     color: {
         default: {

package/dist/components/chip.js

@@ -88,7 +88,8 @@ var chip = (0, import_tailwind_variants.tv)({
       "justify-between",
       "box-border",
       "whitespace-nowrap",
-      "isolate"
+      "isolate",
+      "data-[active=true]:ring-2"
     ],
     content: "flex-1 text-inherit font-normal",
     indicator: "relative flex size-2 ml-1",
@@ -109,7 +110,8 @@ var chip = (0, import_tailwind_variants.tv)({
       faded: {
         root: "border-2"
       },
-      flat: {}
+      flat: {},
+      ghost: {}
     },
     color: {
       default: {

package/dist/components/chip.mjs

@@ -1,6 +1,6 @@
 import {
   chip
-} from "../chunk-JHKTRIIA.mjs";
+} from "../chunk-RQYYDG26.mjs";
 import "../chunk-WSEO3MLK.mjs";
 export {
   chip

package/dist/components/color-highlight-button.d.mts

@@ -0,0 +1,36 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const colorHighlightButton: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            button?: tailwind_merge.ClassNameValue;
+            mark?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            button?: tailwind_merge.ClassNameValue;
+            mark?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    button: string[];
+    mark: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            button?: tailwind_merge.ClassNameValue;
+            mark?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    button: string[];
+    mark: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    button: string[];
+    mark: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { colorHighlightButton };

package/dist/components/color-highlight-button.d.ts

@@ -0,0 +1,36 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const colorHighlightButton: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            button?: tailwind_merge.ClassNameValue;
+            mark?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            button?: tailwind_merge.ClassNameValue;
+            mark?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    button: string[];
+    mark: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            button?: tailwind_merge.ClassNameValue;
+            mark?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    button: string[];
+    mark: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    button: string[];
+    mark: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { colorHighlightButton };

package/dist/components/color-highlight-button.js

@@ -0,0 +1,45 @@
+"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/color-highlight-button.ts
+var color_highlight_button_exports = {};
+__export(color_highlight_button_exports, {
+  colorHighlightButton: () => colorHighlightButton
+});
+module.exports = __toCommonJS(color_highlight_button_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var colorHighlightButton = (0, import_tailwind_variants.tv)({
+  slots: {
+    button: [
+      "relative min-w-none",
+      "hover:bg-",
+      "size-5 bg-[var(--highlight-color)]"
+    ],
+    mark: [
+      "absolute size- left-0 top-0",
+      "border border-[var(--highlight-color)]",
+      "rounded-[inherit] box-border brightness-95 mix-blend-multiply",
+      "data-[active-state=on]:brightness-140"
+    ]
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  colorHighlightButton
+});

package/dist/components/color-highlight-button.mjs

@@ -0,0 +1,6 @@
+import {
+  colorHighlightButton
+} from "../chunk-CPERWXKN.mjs";
+export {
+  colorHighlightButton
+};

package/dist/components/command.d.mts

@@ -10,12 +10,12 @@ declare const command: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             title?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
-            inputWrapper?: tailwind_merge.ClassNameValue;
-            inputIcon?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            inputWrapper?: tailwind_merge.ClassNameValue;
+            inputIcon?: tailwind_merge.ClassNameValue;
             separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
@@ -28,12 +28,12 @@ declare const command: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             title?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
-            inputWrapper?: tailwind_merge.ClassNameValue;
-            inputIcon?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            inputWrapper?: tailwind_merge.ClassNameValue;
+            inputIcon?: tailwind_merge.ClassNameValue;
             separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
@@ -60,12 +60,12 @@ declare const command: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             title?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
-            inputWrapper?: tailwind_merge.ClassNameValue;
-            inputIcon?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            inputWrapper?: tailwind_merge.ClassNameValue;
+            inputIcon?: tailwind_merge.ClassNameValue;
             separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };

package/dist/components/command.d.ts

@@ -10,12 +10,12 @@ declare const command: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             title?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
-            inputWrapper?: tailwind_merge.ClassNameValue;
-            inputIcon?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            inputWrapper?: tailwind_merge.ClassNameValue;
+            inputIcon?: tailwind_merge.ClassNameValue;
             separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
@@ -28,12 +28,12 @@ declare const command: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             title?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
-            inputWrapper?: tailwind_merge.ClassNameValue;
-            inputIcon?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            inputWrapper?: tailwind_merge.ClassNameValue;
+            inputIcon?: tailwind_merge.ClassNameValue;
             separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
@@ -60,12 +60,12 @@ declare const command: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             title?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
-            inputWrapper?: tailwind_merge.ClassNameValue;
-            inputIcon?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            inputWrapper?: tailwind_merge.ClassNameValue;
+            inputIcon?: tailwind_merge.ClassNameValue;
             separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };

package/dist/components/control-extension.d.mts

@@ -0,0 +1,5 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const controlExtension: tailwind_variants.TVReturnType<{} | {} | {}, undefined, undefined, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, undefined, unknown, unknown, undefined>>;
+
+export { controlExtension };

package/dist/components/control-extension.d.ts

@@ -0,0 +1,5 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const controlExtension: tailwind_variants.TVReturnType<{} | {} | {}, undefined, undefined, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, undefined, unknown, unknown, undefined>>;
+
+export { controlExtension };

package/dist/components/control-extension.js

@@ -0,0 +1,31 @@
+"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/control-extension.ts
+var control_extension_exports = {};
+__export(control_extension_exports, {
+  controlExtension: () => controlExtension
+});
+module.exports = __toCommonJS(control_extension_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var controlExtension = (0, import_tailwind_variants.tv)({});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  controlExtension
+});

package/dist/components/control-extension.mjs

@@ -0,0 +1,6 @@
+import {
+  controlExtension
+} from "../chunk-M4TXKRUU.mjs";
+export {
+  controlExtension
+};

package/dist/components/dialog.js

@@ -27,19 +27,17 @@ var import_tailwind_variants = require("tailwind-variants");
 var dialog = (0, import_tailwind_variants.tv)({
   slots: {
     overlay: [
-      "fixed inset-0 z-50 bg-black/25",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out",
-      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+      "fixed inset-0 bg-black/25 [backdrop-filter:blur(4px)]",
+      "data-[ending-style]:opacity-0 data-[starting-style]:opacity-0"
     ],
     content: [
       "flex flex-col",
-      "bg-background fixed top-[50%] left-[50%] z-50",
+      "bg-background fixed top-[50%] left-[50%]",
       "w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]",
-      "border shadow-lg",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out",
-      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-      "duration-200 sm:max-w-lg"
+      "border shadow-lg transition-all",
+      "data-[ending-style]:scale-90 data-[ending-style]:opacity-0",
+      "data-[starting-style]:scale-90 data-[starting-style]:opacity-0",
+      "duration-150 sm:max-w-lg"
     ],
     close: [
       "ring-offset-background focus:ring-ring",

package/dist/components/dialog.mjs

@@ -1,6 +1,6 @@
 import {
   dialog
-} from "../chunk-MWG2OZMD.mjs";
+} from "../chunk-LAJQAXSV.mjs";
 export {
   dialog
 };

package/dist/components/drawer.d.mts

@@ -64,7 +64,7 @@ declare const drawer: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    overlay: string[];
+    overlay: (string | string[])[];
     content: string[];
     close: string[];
     closeTrigger: never[];
@@ -136,7 +136,7 @@ declare const drawer: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    overlay: string[];
+    overlay: (string | string[])[];
     content: string[];
     close: string[];
     closeTrigger: never[];
@@ -208,7 +208,7 @@ declare const drawer: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    overlay: string[];
+    overlay: (string | string[])[];
     content: string[];
     close: string[];
     closeTrigger: never[];

package/dist/components/drawer.d.ts

@@ -64,7 +64,7 @@ declare const drawer: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    overlay: string[];
+    overlay: (string | string[])[];
     content: string[];
     close: string[];
     closeTrigger: never[];
@@ -136,7 +136,7 @@ declare const drawer: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    overlay: string[];
+    overlay: (string | string[])[];
     content: string[];
     close: string[];
     closeTrigger: never[];
@@ -208,7 +208,7 @@ declare const drawer: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    overlay: string[];
+    overlay: (string | string[])[];
     content: string[];
     close: string[];
     closeTrigger: never[];