@kopexa/theme 17.26.10 → 17.27.1

package/dist/{chunk-5LVKFTZS.mjs → chunk-3UQ6COYP.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-7T563RF7.mjs";
+} from "./chunk-MUMBGMSH.mjs";
 
 // src/components/chip.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-OTETLRUE.mjs → chunk-67MJDO4Q.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-7T563RF7.mjs";
+} from "./chunk-MUMBGMSH.mjs";
 import {
   focusVisibleClasses
 } from "./chunk-6IZPAS4O.mjs";
@@ -26,6 +26,7 @@ var button = tv({
       solid: "shadow-xs",
       ghost: "data-[active-state=on]:bg-primary/10",
       outline: "border-1 bg-transparent",
+      dashed: "border border-dashed bg-transparent hover:opacity-100",
       link: ""
     },
     size: {
@@ -170,6 +171,37 @@ var button = tv({
       color: "default",
       class: colorVariants.outline.default
     },
+    // dashed color
+    {
+      variant: "dashed",
+      color: "primary",
+      class: colorVariants.dashed.primary
+    },
+    {
+      variant: "dashed",
+      color: "secondary",
+      class: colorVariants.dashed.secondary
+    },
+    {
+      variant: "dashed",
+      color: "destructive",
+      class: colorVariants.dashed.destructive
+    },
+    {
+      variant: "dashed",
+      color: "warning",
+      class: colorVariants.dashed.warning
+    },
+    {
+      variant: "dashed",
+      color: "success",
+      class: colorVariants.dashed.success
+    },
+    {
+      variant: "dashed",
+      color: "default",
+      class: colorVariants.dashed.default
+    },
     // icon
     {
       isIconOnly: true,

package/dist/{chunk-7T563RF7.mjs → chunk-MUMBGMSH.mjs}

@@ -41,12 +41,21 @@ var ghost = {
   success: "bg-transparent text-success",
   default: "bg-transparent text-accent-foreground"
 };
+var dashed = {
+  default: "border-muted-foreground/30 text-muted-foreground hover:border-foreground hover:text-foreground hover:bg-accent/50",
+  primary: "border-primary/30 text-primary hover:border-primary hover:bg-primary/5",
+  secondary: "border-secondary/30 text-secondary hover:border-secondary hover:bg-secondary/5",
+  destructive: "border-destructive/30 text-destructive hover:border-destructive hover:bg-destructive/5",
+  warning: "border-warning/30 text-warning hover:border-warning hover:bg-warning/5",
+  success: "border-success/30 text-success hover:border-success hover:bg-success/5"
+};
 var colorVariants = {
   solid,
   ghost,
   outline,
   flat,
-  faded
+  faded,
+  dashed
 };
 
 export {

package/dist/{chunk-7Q2RNHL5.mjs → chunk-N5HAHEII.mjs}

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "./chunk-D5FKEY7B.mjs";
+} from "./chunk-SNJSK3BQ.mjs";
 
 // src/components/skeleton-avatar.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-VQ2OAHGP.mjs → chunk-OAG7ADA5.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-7T563RF7.mjs";
+} from "./chunk-MUMBGMSH.mjs";
 
 // src/components/code.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-D5FKEY7B.mjs → chunk-SNJSK3BQ.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-7T563RF7.mjs";
+} from "./chunk-MUMBGMSH.mjs";
 import {
   focusVisibleClasses,
   translateCenterClasses

package/dist/{chunk-XQZL7LCP.mjs → chunk-UTKOKSES.mjs}

@@ -1,6 +1,6 @@
 import {
   chip
-} from "./chunk-5LVKFTZS.mjs";
+} from "./chunk-3UQ6COYP.mjs";
 
 // src/components/standard-chip.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-VGHYQHC2.mjs

@@ -0,0 +1,17 @@
+// src/components/color-highlight-button.ts
+import { tv } from "tailwind-variants";
+var colorHighlightButton = tv({
+  slots: {
+    button: ["relative min-w-none", "size-5"],
+    mark: [
+      "absolute inset-0",
+      "rounded-[inherit] box-border",
+      "border-2 border-transparent",
+      "data-[active-state=on]:border-foreground"
+    ]
+  }
+});
+
+export {
+  colorHighlightButton
+};

package/dist/components/avatar.js

@@ -81,12 +81,21 @@ var ghost = {
   success: "bg-transparent text-success",
   default: "bg-transparent text-accent-foreground"
 };
+var dashed = {
+  default: "border-muted-foreground/30 text-muted-foreground hover:border-foreground hover:text-foreground hover:bg-accent/50",
+  primary: "border-primary/30 text-primary hover:border-primary hover:bg-primary/5",
+  secondary: "border-secondary/30 text-secondary hover:border-secondary hover:bg-secondary/5",
+  destructive: "border-destructive/30 text-destructive hover:border-destructive hover:bg-destructive/5",
+  warning: "border-warning/30 text-warning hover:border-warning hover:bg-warning/5",
+  success: "border-success/30 text-success hover:border-success hover:bg-success/5"
+};
 var colorVariants = {
   solid,
   ghost,
   outline,
   flat,
-  faded
+  faded,
+  dashed
 };
 
 // src/components/avatar.ts

package/dist/components/avatar.mjs

@@ -1,7 +1,7 @@
 import {
   avatar
-} from "../chunk-D5FKEY7B.mjs";
-import "../chunk-7T563RF7.mjs";
+} from "../chunk-SNJSK3BQ.mjs";
+import "../chunk-MUMBGMSH.mjs";
 import "../chunk-6IZPAS4O.mjs";
 export {
   avatar

package/dist/components/button.d.mts

@@ -23,6 +23,7 @@ declare const button: tailwind_variants.TVReturnType<{
         solid: string;
         ghost: string;
         outline: string;
+        dashed: string;
         link: string;
     };
     size: {
@@ -64,6 +65,7 @@ declare const button: tailwind_variants.TVReturnType<{
         solid: string;
         ghost: string;
         outline: string;
+        dashed: string;
         link: string;
     };
     size: {
@@ -105,6 +107,7 @@ declare const button: tailwind_variants.TVReturnType<{
         solid: string;
         ghost: string;
         outline: string;
+        dashed: string;
         link: string;
     };
     size: {

package/dist/components/button.d.ts

@@ -23,6 +23,7 @@ declare const button: tailwind_variants.TVReturnType<{
         solid: string;
         ghost: string;
         outline: string;
+        dashed: string;
         link: string;
     };
     size: {
@@ -64,6 +65,7 @@ declare const button: tailwind_variants.TVReturnType<{
         solid: string;
         ghost: string;
         outline: string;
+        dashed: string;
         link: string;
     };
     size: {
@@ -105,6 +107,7 @@ declare const button: tailwind_variants.TVReturnType<{
         solid: string;
         ghost: string;
         outline: string;
+        dashed: string;
         link: string;
     };
     size: {

package/dist/components/button.js

@@ -74,12 +74,21 @@ var ghost = {
   success: "bg-transparent text-success",
   default: "bg-transparent text-accent-foreground"
 };
+var dashed = {
+  default: "border-muted-foreground/30 text-muted-foreground hover:border-foreground hover:text-foreground hover:bg-accent/50",
+  primary: "border-primary/30 text-primary hover:border-primary hover:bg-primary/5",
+  secondary: "border-secondary/30 text-secondary hover:border-secondary hover:bg-secondary/5",
+  destructive: "border-destructive/30 text-destructive hover:border-destructive hover:bg-destructive/5",
+  warning: "border-warning/30 text-warning hover:border-warning hover:bg-warning/5",
+  success: "border-success/30 text-success hover:border-success hover:bg-success/5"
+};
 var colorVariants = {
   solid,
   ghost,
   outline,
   flat,
-  faded
+  faded,
+  dashed
 };
 
 // src/components/button.ts
@@ -102,6 +111,7 @@ var button = (0, import_tailwind_variants.tv)({
       solid: "shadow-xs",
       ghost: "data-[active-state=on]:bg-primary/10",
       outline: "border-1 bg-transparent",
+      dashed: "border border-dashed bg-transparent hover:opacity-100",
       link: ""
     },
     size: {
@@ -246,6 +256,37 @@ var button = (0, import_tailwind_variants.tv)({
       color: "default",
       class: colorVariants.outline.default
     },
+    // dashed color
+    {
+      variant: "dashed",
+      color: "primary",
+      class: colorVariants.dashed.primary
+    },
+    {
+      variant: "dashed",
+      color: "secondary",
+      class: colorVariants.dashed.secondary
+    },
+    {
+      variant: "dashed",
+      color: "destructive",
+      class: colorVariants.dashed.destructive
+    },
+    {
+      variant: "dashed",
+      color: "warning",
+      class: colorVariants.dashed.warning
+    },
+    {
+      variant: "dashed",
+      color: "success",
+      class: colorVariants.dashed.success
+    },
+    {
+      variant: "dashed",
+      color: "default",
+      class: colorVariants.dashed.default
+    },
     // icon
     {
       isIconOnly: true,

package/dist/components/button.mjs

@@ -1,7 +1,7 @@
 import {
   button
-} from "../chunk-OTETLRUE.mjs";
-import "../chunk-7T563RF7.mjs";
+} from "../chunk-67MJDO4Q.mjs";
+import "../chunk-MUMBGMSH.mjs";
 import "../chunk-6IZPAS4O.mjs";
 export {
   button

package/dist/components/chip.js

@@ -68,12 +68,21 @@ var ghost = {
   success: "bg-transparent text-success",
   default: "bg-transparent text-accent-foreground"
 };
+var dashed = {
+  default: "border-muted-foreground/30 text-muted-foreground hover:border-foreground hover:text-foreground hover:bg-accent/50",
+  primary: "border-primary/30 text-primary hover:border-primary hover:bg-primary/5",
+  secondary: "border-secondary/30 text-secondary hover:border-secondary hover:bg-secondary/5",
+  destructive: "border-destructive/30 text-destructive hover:border-destructive hover:bg-destructive/5",
+  warning: "border-warning/30 text-warning hover:border-warning hover:bg-warning/5",
+  success: "border-success/30 text-success hover:border-success hover:bg-success/5"
+};
 var colorVariants = {
   solid,
   ghost,
   outline,
   flat,
-  faded
+  faded,
+  dashed
 };
 
 // src/components/chip.ts

package/dist/components/chip.mjs

@@ -1,7 +1,7 @@
 import {
   chip
-} from "../chunk-5LVKFTZS.mjs";
-import "../chunk-7T563RF7.mjs";
+} from "../chunk-3UQ6COYP.mjs";
+import "../chunk-MUMBGMSH.mjs";
 export {
   chip
 };

package/dist/components/code.js

@@ -68,12 +68,21 @@ var ghost = {
   success: "bg-transparent text-success",
   default: "bg-transparent text-accent-foreground"
 };
+var dashed = {
+  default: "border-muted-foreground/30 text-muted-foreground hover:border-foreground hover:text-foreground hover:bg-accent/50",
+  primary: "border-primary/30 text-primary hover:border-primary hover:bg-primary/5",
+  secondary: "border-secondary/30 text-secondary hover:border-secondary hover:bg-secondary/5",
+  destructive: "border-destructive/30 text-destructive hover:border-destructive hover:bg-destructive/5",
+  warning: "border-warning/30 text-warning hover:border-warning hover:bg-warning/5",
+  success: "border-success/30 text-success hover:border-success hover:bg-success/5"
+};
 var colorVariants = {
   solid,
   ghost,
   outline,
   flat,
-  faded
+  faded,
+  dashed
 };
 
 // src/components/code.ts

package/dist/components/code.mjs

@@ -1,7 +1,7 @@
 import {
   code
-} from "../chunk-VQ2OAHGP.mjs";
-import "../chunk-7T563RF7.mjs";
+} from "../chunk-OAG7ADA5.mjs";
+import "../chunk-MUMBGMSH.mjs";
 export {
   code
 };

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

@@ -26,16 +26,12 @@ 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)]"
-    ],
+    button: ["relative min-w-none", "size-5"],
     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"
+      "absolute inset-0",
+      "rounded-[inherit] box-border",
+      "border-2 border-transparent",
+      "data-[active-state=on]:border-foreground"
     ]
   }
 });

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

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

package/dist/components/index.js

@@ -459,12 +459,21 @@ var ghost = {
   success: "bg-transparent text-success",
   default: "bg-transparent text-accent-foreground"
 };
+var dashed = {
+  default: "border-muted-foreground/30 text-muted-foreground hover:border-foreground hover:text-foreground hover:bg-accent/50",
+  primary: "border-primary/30 text-primary hover:border-primary hover:bg-primary/5",
+  secondary: "border-secondary/30 text-secondary hover:border-secondary hover:bg-secondary/5",
+  destructive: "border-destructive/30 text-destructive hover:border-destructive hover:bg-destructive/5",
+  warning: "border-warning/30 text-warning hover:border-warning hover:bg-warning/5",
+  success: "border-success/30 text-success hover:border-success hover:bg-success/5"
+};
 var colorVariants = {
   solid,
   ghost,
   outline,
   flat,
-  faded
+  faded,
+  dashed
 };
 
 // src/components/avatar.ts
@@ -756,6 +765,7 @@ var button = (0, import_tailwind_variants10.tv)({
       solid: "shadow-xs",
       ghost: "data-[active-state=on]:bg-primary/10",
       outline: "border-1 bg-transparent",
+      dashed: "border border-dashed bg-transparent hover:opacity-100",
       link: ""
     },
     size: {
@@ -900,6 +910,37 @@ var button = (0, import_tailwind_variants10.tv)({
       color: "default",
       class: colorVariants.outline.default
     },
+    // dashed color
+    {
+      variant: "dashed",
+      color: "primary",
+      class: colorVariants.dashed.primary
+    },
+    {
+      variant: "dashed",
+      color: "secondary",
+      class: colorVariants.dashed.secondary
+    },
+    {
+      variant: "dashed",
+      color: "destructive",
+      class: colorVariants.dashed.destructive
+    },
+    {
+      variant: "dashed",
+      color: "warning",
+      class: colorVariants.dashed.warning
+    },
+    {
+      variant: "dashed",
+      color: "success",
+      class: colorVariants.dashed.success
+    },
+    {
+      variant: "dashed",
+      color: "default",
+      class: colorVariants.dashed.default
+    },
     // icon
     {
       isIconOnly: true,
@@ -1660,16 +1701,12 @@ var code = (0, import_tailwind_variants16.tv)({
 var import_tailwind_variants17 = require("tailwind-variants");
 var colorHighlightButton = (0, import_tailwind_variants17.tv)({
   slots: {
-    button: [
-      "relative min-w-none",
-      "hover:bg-",
-      "size-5 bg-[var(--highlight-color)]"
-    ],
+    button: ["relative min-w-none", "size-5"],
     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"
+      "absolute inset-0",
+      "rounded-[inherit] box-border",
+      "border-2 border-transparent",
+      "data-[active-state=on]:border-foreground"
     ]
   }
 });

package/dist/components/index.mjs

@@ -37,7 +37,7 @@ import {
 } from "../chunk-B5JVXVSG.mjs";
 import {
   standardChip
-} from "../chunk-XQZL7LCP.mjs";
+} from "../chunk-UTKOKSES.mjs";
 import {
   stat
 } from "../chunk-RTWYV4TJ.mjs";
@@ -72,7 +72,7 @@ import {
 } from "../chunk-2Z4QAY6O.mjs";
 import {
   skeletonAvatar
-} from "../chunk-7Q2RNHL5.mjs";
+} from "../chunk-N5HAHEII.mjs";
 import {
   pageHeader
 } from "../chunk-HAVJ6EQ6.mjs";
@@ -166,7 +166,7 @@ import {
 } from "../chunk-QGL2OK4B.mjs";
 import {
   colorHighlightButton
-} from "../chunk-CPERWXKN.mjs";
+} from "../chunk-VGHYQHC2.mjs";
 import {
   combobox
 } from "../chunk-3T7EOMXR.mjs";
@@ -193,7 +193,7 @@ import {
 } from "../chunk-W6TZSSAU.mjs";
 import {
   button
-} from "../chunk-OTETLRUE.mjs";
+} from "../chunk-67MJDO4Q.mjs";
 import {
   calendar
 } from "../chunk-JWF5ABNP.mjs";
@@ -208,10 +208,10 @@ import {
 } from "../chunk-ZUKWFD2M.mjs";
 import {
   chip
-} from "../chunk-5LVKFTZS.mjs";
+} from "../chunk-3UQ6COYP.mjs";
 import {
   code
-} from "../chunk-VQ2OAHGP.mjs";
+} from "../chunk-OAG7ADA5.mjs";
 import {
   accordion
 } from "../chunk-AEWKHJEI.mjs";
@@ -233,8 +233,8 @@ import {
 } from "../chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "../chunk-D5FKEY7B.mjs";
-import "../chunk-7T563RF7.mjs";
+} from "../chunk-SNJSK3BQ.mjs";
+import "../chunk-MUMBGMSH.mjs";
 import "../chunk-6IZPAS4O.mjs";
 import {
   blankstate

package/dist/components/skeleton-avatar.js

@@ -84,12 +84,21 @@ var ghost = {
   success: "bg-transparent text-success",
   default: "bg-transparent text-accent-foreground"
 };
+var dashed = {
+  default: "border-muted-foreground/30 text-muted-foreground hover:border-foreground hover:text-foreground hover:bg-accent/50",
+  primary: "border-primary/30 text-primary hover:border-primary hover:bg-primary/5",
+  secondary: "border-secondary/30 text-secondary hover:border-secondary hover:bg-secondary/5",
+  destructive: "border-destructive/30 text-destructive hover:border-destructive hover:bg-destructive/5",
+  warning: "border-warning/30 text-warning hover:border-warning hover:bg-warning/5",
+  success: "border-success/30 text-success hover:border-success hover:bg-success/5"
+};
 var colorVariants = {
   solid,
   ghost,
   outline,
   flat,
-  faded
+  faded,
+  dashed
 };
 
 // src/components/avatar.ts

package/dist/components/skeleton-avatar.mjs

@@ -1,8 +1,8 @@
 import {
   skeletonAvatar
-} from "../chunk-7Q2RNHL5.mjs";
-import "../chunk-D5FKEY7B.mjs";
-import "../chunk-7T563RF7.mjs";
+} from "../chunk-N5HAHEII.mjs";
+import "../chunk-SNJSK3BQ.mjs";
+import "../chunk-MUMBGMSH.mjs";
 import "../chunk-6IZPAS4O.mjs";
 export {
   skeletonAvatar

package/dist/components/standard-chip.js

@@ -71,12 +71,21 @@ var ghost = {
   success: "bg-transparent text-success",
   default: "bg-transparent text-accent-foreground"
 };
+var dashed = {
+  default: "border-muted-foreground/30 text-muted-foreground hover:border-foreground hover:text-foreground hover:bg-accent/50",
+  primary: "border-primary/30 text-primary hover:border-primary hover:bg-primary/5",
+  secondary: "border-secondary/30 text-secondary hover:border-secondary hover:bg-secondary/5",
+  destructive: "border-destructive/30 text-destructive hover:border-destructive hover:bg-destructive/5",
+  warning: "border-warning/30 text-warning hover:border-warning hover:bg-warning/5",
+  success: "border-success/30 text-success hover:border-success hover:bg-success/5"
+};
 var colorVariants = {
   solid,
   ghost,
   outline,
   flat,
-  faded
+  faded,
+  dashed
 };
 
 // src/components/chip.ts

package/dist/components/standard-chip.mjs

@@ -1,8 +1,8 @@
 import {
   standardChip
-} from "../chunk-XQZL7LCP.mjs";
-import "../chunk-5LVKFTZS.mjs";
-import "../chunk-7T563RF7.mjs";
+} from "../chunk-UTKOKSES.mjs";
+import "../chunk-3UQ6COYP.mjs";
+import "../chunk-MUMBGMSH.mjs";
 export {
   standardChip
 };

package/dist/index.js

@@ -459,12 +459,21 @@ var ghost = {
   success: "bg-transparent text-success",
   default: "bg-transparent text-accent-foreground"
 };
+var dashed = {
+  default: "border-muted-foreground/30 text-muted-foreground hover:border-foreground hover:text-foreground hover:bg-accent/50",
+  primary: "border-primary/30 text-primary hover:border-primary hover:bg-primary/5",
+  secondary: "border-secondary/30 text-secondary hover:border-secondary hover:bg-secondary/5",
+  destructive: "border-destructive/30 text-destructive hover:border-destructive hover:bg-destructive/5",
+  warning: "border-warning/30 text-warning hover:border-warning hover:bg-warning/5",
+  success: "border-success/30 text-success hover:border-success hover:bg-success/5"
+};
 var colorVariants = {
   solid,
   ghost,
   outline,
   flat,
-  faded
+  faded,
+  dashed
 };
 
 // src/components/avatar.ts
@@ -756,6 +765,7 @@ var button = (0, import_tailwind_variants10.tv)({
       solid: "shadow-xs",
       ghost: "data-[active-state=on]:bg-primary/10",
       outline: "border-1 bg-transparent",
+      dashed: "border border-dashed bg-transparent hover:opacity-100",
       link: ""
     },
     size: {
@@ -900,6 +910,37 @@ var button = (0, import_tailwind_variants10.tv)({
       color: "default",
       class: colorVariants.outline.default
     },
+    // dashed color
+    {
+      variant: "dashed",
+      color: "primary",
+      class: colorVariants.dashed.primary
+    },
+    {
+      variant: "dashed",
+      color: "secondary",
+      class: colorVariants.dashed.secondary
+    },
+    {
+      variant: "dashed",
+      color: "destructive",
+      class: colorVariants.dashed.destructive
+    },
+    {
+      variant: "dashed",
+      color: "warning",
+      class: colorVariants.dashed.warning
+    },
+    {
+      variant: "dashed",
+      color: "success",
+      class: colorVariants.dashed.success
+    },
+    {
+      variant: "dashed",
+      color: "default",
+      class: colorVariants.dashed.default
+    },
     // icon
     {
       isIconOnly: true,
@@ -1660,16 +1701,12 @@ var code = (0, import_tailwind_variants16.tv)({
 var import_tailwind_variants17 = require("tailwind-variants");
 var colorHighlightButton = (0, import_tailwind_variants17.tv)({
   slots: {
-    button: [
-      "relative min-w-none",
-      "hover:bg-",
-      "size-5 bg-[var(--highlight-color)]"
-    ],
+    button: ["relative min-w-none", "size-5"],
     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"
+      "absolute inset-0",
+      "rounded-[inherit] box-border",
+      "border-2 border-transparent",
+      "data-[active-state=on]:border-foreground"
     ]
   }
 });

package/dist/index.mjs

@@ -38,7 +38,7 @@ import {
 } from "./chunk-B5JVXVSG.mjs";
 import {
   standardChip
-} from "./chunk-XQZL7LCP.mjs";
+} from "./chunk-UTKOKSES.mjs";
 import {
   stat
 } from "./chunk-RTWYV4TJ.mjs";
@@ -73,7 +73,7 @@ import {
 } from "./chunk-2Z4QAY6O.mjs";
 import {
   skeletonAvatar
-} from "./chunk-7Q2RNHL5.mjs";
+} from "./chunk-N5HAHEII.mjs";
 import {
   pageHeader
 } from "./chunk-HAVJ6EQ6.mjs";
@@ -167,7 +167,7 @@ import {
 } from "./chunk-QGL2OK4B.mjs";
 import {
   colorHighlightButton
-} from "./chunk-CPERWXKN.mjs";
+} from "./chunk-VGHYQHC2.mjs";
 import {
   combobox
 } from "./chunk-3T7EOMXR.mjs";
@@ -194,7 +194,7 @@ import {
 } from "./chunk-W6TZSSAU.mjs";
 import {
   button
-} from "./chunk-OTETLRUE.mjs";
+} from "./chunk-67MJDO4Q.mjs";
 import {
   calendar
 } from "./chunk-JWF5ABNP.mjs";
@@ -209,10 +209,10 @@ import {
 } from "./chunk-ZUKWFD2M.mjs";
 import {
   chip
-} from "./chunk-5LVKFTZS.mjs";
+} from "./chunk-3UQ6COYP.mjs";
 import {
   code
-} from "./chunk-VQ2OAHGP.mjs";
+} from "./chunk-OAG7ADA5.mjs";
 import {
   accordion
 } from "./chunk-AEWKHJEI.mjs";
@@ -234,8 +234,8 @@ import {
 } from "./chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "./chunk-D5FKEY7B.mjs";
-import "./chunk-7T563RF7.mjs";
+} from "./chunk-SNJSK3BQ.mjs";
+import "./chunk-MUMBGMSH.mjs";
 import "./chunk-6IZPAS4O.mjs";
 import {
   blankstate

package/dist/utils/variants.d.mts

@@ -41,6 +41,14 @@ declare const colorVariants: {
         destructive: string;
         foreground: string;
     };
+    dashed: {
+        default: string;
+        primary: string;
+        secondary: string;
+        destructive: string;
+        warning: string;
+        success: string;
+    };
 };
 
 export { colorVariants };

package/dist/utils/variants.d.ts

@@ -41,6 +41,14 @@ declare const colorVariants: {
         destructive: string;
         foreground: string;
     };
+    dashed: {
+        default: string;
+        primary: string;
+        secondary: string;
+        destructive: string;
+        warning: string;
+        success: string;
+    };
 };
 
 export { colorVariants };

package/dist/utils/variants.js

@@ -65,12 +65,21 @@ var ghost = {
   success: "bg-transparent text-success",
   default: "bg-transparent text-accent-foreground"
 };
+var dashed = {
+  default: "border-muted-foreground/30 text-muted-foreground hover:border-foreground hover:text-foreground hover:bg-accent/50",
+  primary: "border-primary/30 text-primary hover:border-primary hover:bg-primary/5",
+  secondary: "border-secondary/30 text-secondary hover:border-secondary hover:bg-secondary/5",
+  destructive: "border-destructive/30 text-destructive hover:border-destructive hover:bg-destructive/5",
+  warning: "border-warning/30 text-warning hover:border-warning hover:bg-warning/5",
+  success: "border-success/30 text-success hover:border-success hover:bg-success/5"
+};
 var colorVariants = {
   solid,
   ghost,
   outline,
   flat,
-  faded
+  faded,
+  dashed
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/utils/variants.mjs

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "../chunk-7T563RF7.mjs";
+} from "../chunk-MUMBGMSH.mjs";
 export {
   colorVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "17.26.10",
+  "version": "17.27.1",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",
@@ -66,7 +66,7 @@
     "tailwind-merge": "^3.5.0",
     "tailwind-variants": "^3.2.2",
     "tw-animate-css": "^1.4.0",
-    "@kopexa/shared-utils": "17.0.73"
+    "@kopexa/shared-utils": "17.0.75"
   },
   "peerDependencies": {
     "tailwindcss": ">=4.0.0"

package/dist/chunk-CPERWXKN.mjs

@@ -1,21 +0,0 @@
-// src/components/color-highlight-button.ts
-import { tv } from "tailwind-variants";
-var colorHighlightButton = 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"
-    ]
-  }
-});
-
-export {
-  colorHighlightButton
-};