@kopexa/theme 1.7.0 → 1.7.2

package/dist/{chunk-T5PESSOS.mjs → chunk-CQZMQVAO.mjs}

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

package/dist/{chunk-WPVIIT3Z.mjs → chunk-CWX7ZJ4B.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-UEMJVVVF.mjs";
 import {
   colorVariants
-} from "./chunk-LG2J56LI.mjs";
+} from "./chunk-V5U46MEN.mjs";
 
 // src/components/avatar.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-JX7F3NZL.mjs → chunk-HALNIEC7.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-UEMJVVVF.mjs";
 import {
   colorVariants
-} from "./chunk-LG2J56LI.mjs";
+} from "./chunk-V5U46MEN.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";
@@ -23,7 +23,7 @@ var button = tv({
   variants: {
     variant: {
       solid: "shadow-xs",
-      ghost: "",
+      ghost: "data-[active-state=on]:bg-accent/70",
       outline: "border-1 bg-transparent",
       link: ""
     },
@@ -37,7 +37,8 @@ var button = tv({
       secondary: "",
       destructive: "",
       warning: "",
-      success: ""
+      success: "",
+      default: ""
     },
     radius: {},
     fullWidth: {
@@ -82,6 +83,11 @@ var button = tv({
       color: "success",
       class: colorVariants.solid.success
     },
+    {
+      variant: "solid",
+      color: "default",
+      class: colorVariants.solid.default
+    },
     // ghost color
     {
       variant: "ghost",
@@ -108,6 +114,11 @@ var button = tv({
       color: "success",
       class: colorVariants.ghost.success
     },
+    {
+      variant: "ghost",
+      color: "default",
+      class: colorVariants.ghost.default
+    },
     // outline color
     {
       variant: "outline",
@@ -134,6 +145,11 @@ var button = tv({
       color: "success",
       class: colorVariants.outline.success
     },
+    {
+      variant: "outline",
+      color: "default",
+      class: colorVariants.outline.default
+    },
     // icon
     {
       isIconOnly: true,

package/dist/{chunk-LURDY4A5.mjs → chunk-HU3STCSK.mjs}

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

package/dist/{chunk-XJ7XBZNF.mjs → chunk-KRTETJ33.mjs}

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

package/dist/{chunk-SVCFD7RR.mjs → chunk-QDDPXEQO.mjs}

@@ -6,7 +6,8 @@ var tooltip = tv({
       "bg-primary text-primary-foreground",
       "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       "z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",
-      "rounded-md px-3 py-1.5 text-xs font-medium text-balance"
+      "rounded-md px-3 py-1.5 text-xs font-medium text-balance",
+      "will-change-[transform,opacity]"
     ]
   }
 });

package/dist/{chunk-LG2J56LI.mjs → chunk-V5U46MEN.mjs}

@@ -1,6 +1,6 @@
 // src/utils/variants.ts
 var solid = {
-  default: "bg-accent/70 text-accent-foreground",
+  default: "bg-foreground text-background",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -35,10 +35,11 @@ var faded = {
 };
 var ghost = {
   primary: "bg-transparent text-primary dark:text-primary-foreground",
-  secondary: "bg-transparent text-secondary",
+  secondary: "bg-transparent text-secondary data-[active-state=on]:text-accent-foreground",
   destructive: "bg-transparent text-destructive",
   warning: "bg-transparent text-warning",
-  success: "bg-transparent text-success"
+  success: "bg-transparent text-success",
+  default: "bg-transparent text-accent-foreground"
 };
 var colorVariants = {
   solid,

package/dist/{chunk-3SRZALOM.mjs → chunk-XAHAVJUM.mjs}

@@ -6,7 +6,7 @@ var callout = tv({
     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",
+    content: "text-sm/6 grow",
     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: {

package/dist/{chunk-MKBU6G6Q.mjs → chunk-YC2FQDBV.mjs}

@@ -2,7 +2,7 @@
 import { tv } from "tailwind-variants";
 var table = tv({
   slots: {
-    container: ["overflow-x-auto whitespace-nowrap", "-mx-3 md:-mx-6"],
+    container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
     table: "min-w-full h-auto",
     thead: "",
@@ -53,7 +53,9 @@ var table = tv({
   },
   variants: {
     bleed: {
-      true: {},
+      true: {
+        container: ["[--gutter:--spacing(3)] md:[--gutter:--spacing(6)]"]
+      },
       false: {
         container: ["px-3 md:px-6"],
         th: ["first:pl-1 last:pr-1"],
@@ -68,6 +70,9 @@ var table = tv({
     },
     variant: {
       default: {},
+      elevated: {
+        container: "shadow-sm rounded-md border-1 !px-0"
+      },
       // a border between cells and above the table
       // this is used for the grid variant
       grid: {

package/dist/components/avatar.js

@@ -40,7 +40,7 @@ var translateCenterClasses = [
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-accent/70 text-accent-foreground",
+  default: "bg-foreground text-background",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -75,10 +75,11 @@ var faded = {
 };
 var ghost = {
   primary: "bg-transparent text-primary dark:text-primary-foreground",
-  secondary: "bg-transparent text-secondary",
+  secondary: "bg-transparent text-secondary data-[active-state=on]:text-accent-foreground",
   destructive: "bg-transparent text-destructive",
   warning: "bg-transparent text-warning",
-  success: "bg-transparent text-success"
+  success: "bg-transparent text-success",
+  default: "bg-transparent text-accent-foreground"
 };
 var colorVariants = {
   solid,

package/dist/components/avatar.mjs

@@ -1,8 +1,8 @@
 import {
   avatar
-} from "../chunk-WPVIIT3Z.mjs";
+} from "../chunk-CWX7ZJ4B.mjs";
 import "../chunk-UEMJVVVF.mjs";
-import "../chunk-LG2J56LI.mjs";
+import "../chunk-V5U46MEN.mjs";
 export {
   avatar
 };

package/dist/components/button.d.mts

@@ -36,6 +36,7 @@ declare const button: tailwind_variants.TVReturnType<{
         destructive: string;
         warning: string;
         success: string;
+        default: string;
     };
     radius: {};
     fullWidth: {
@@ -63,6 +64,7 @@ declare const button: tailwind_variants.TVReturnType<{
         destructive: string;
         warning: string;
         success: string;
+        default: string;
     };
     radius: {};
     fullWidth: {
@@ -90,6 +92,7 @@ declare const button: tailwind_variants.TVReturnType<{
         destructive: string;
         warning: string;
         success: string;
+        default: string;
     };
     radius: {};
     fullWidth: {

package/dist/components/button.d.ts

@@ -36,6 +36,7 @@ declare const button: tailwind_variants.TVReturnType<{
         destructive: string;
         warning: string;
         success: string;
+        default: string;
     };
     radius: {};
     fullWidth: {
@@ -63,6 +64,7 @@ declare const button: tailwind_variants.TVReturnType<{
         destructive: string;
         warning: string;
         success: string;
+        default: string;
     };
     radius: {};
     fullWidth: {
@@ -90,6 +92,7 @@ declare const button: tailwind_variants.TVReturnType<{
         destructive: string;
         warning: string;
         success: string;
+        default: string;
     };
     radius: {};
     fullWidth: {

package/dist/components/button.js

@@ -33,7 +33,7 @@ var focusVisibleClasses = [
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-accent/70 text-accent-foreground",
+  default: "bg-foreground text-background",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -68,10 +68,11 @@ var faded = {
 };
 var ghost = {
   primary: "bg-transparent text-primary dark:text-primary-foreground",
-  secondary: "bg-transparent text-secondary",
+  secondary: "bg-transparent text-secondary data-[active-state=on]:text-accent-foreground",
   destructive: "bg-transparent text-destructive",
   warning: "bg-transparent text-warning",
-  success: "bg-transparent text-success"
+  success: "bg-transparent text-success",
+  default: "bg-transparent text-accent-foreground"
 };
 var colorVariants = {
   solid,
@@ -98,7 +99,7 @@ var button = (0, import_tailwind_variants.tv)({
   variants: {
     variant: {
       solid: "shadow-xs",
-      ghost: "",
+      ghost: "data-[active-state=on]:bg-accent/70",
       outline: "border-1 bg-transparent",
       link: ""
     },
@@ -112,7 +113,8 @@ var button = (0, import_tailwind_variants.tv)({
       secondary: "",
       destructive: "",
       warning: "",
-      success: ""
+      success: "",
+      default: ""
     },
     radius: {},
     fullWidth: {
@@ -157,6 +159,11 @@ var button = (0, import_tailwind_variants.tv)({
       color: "success",
       class: colorVariants.solid.success
     },
+    {
+      variant: "solid",
+      color: "default",
+      class: colorVariants.solid.default
+    },
     // ghost color
     {
       variant: "ghost",
@@ -183,6 +190,11 @@ var button = (0, import_tailwind_variants.tv)({
       color: "success",
       class: colorVariants.ghost.success
     },
+    {
+      variant: "ghost",
+      color: "default",
+      class: colorVariants.ghost.default
+    },
     // outline color
     {
       variant: "outline",
@@ -209,6 +221,11 @@ var button = (0, import_tailwind_variants.tv)({
       color: "success",
       class: colorVariants.outline.success
     },
+    {
+      variant: "outline",
+      color: "default",
+      class: colorVariants.outline.default
+    },
     // icon
     {
       isIconOnly: true,

package/dist/components/button.mjs

@@ -1,8 +1,8 @@
 import {
   button
-} from "../chunk-JX7F3NZL.mjs";
+} from "../chunk-HALNIEC7.mjs";
 import "../chunk-UEMJVVVF.mjs";
-import "../chunk-LG2J56LI.mjs";
+import "../chunk-V5U46MEN.mjs";
 export {
   button
 };

package/dist/components/callout.js

@@ -30,7 +30,7 @@ var callout = (0, import_tailwind_variants.tv)({
     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",
+    content: "text-sm/6 grow",
     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: {

package/dist/components/callout.mjs

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

package/dist/components/chip.js

@@ -27,7 +27,7 @@ var import_tailwind_variants = require("tailwind-variants");
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-accent/70 text-accent-foreground",
+  default: "bg-foreground text-background",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -62,10 +62,11 @@ var faded = {
 };
 var ghost = {
   primary: "bg-transparent text-primary dark:text-primary-foreground",
-  secondary: "bg-transparent text-secondary",
+  secondary: "bg-transparent text-secondary data-[active-state=on]:text-accent-foreground",
   destructive: "bg-transparent text-destructive",
   warning: "bg-transparent text-warning",
-  success: "bg-transparent text-success"
+  success: "bg-transparent text-success",
+  default: "bg-transparent text-accent-foreground"
 };
 var colorVariants = {
   solid,

package/dist/components/chip.mjs

@@ -1,7 +1,7 @@
 import {
   chip
-} from "../chunk-T5PESSOS.mjs";
-import "../chunk-LG2J56LI.mjs";
+} from "../chunk-CQZMQVAO.mjs";
+import "../chunk-V5U46MEN.mjs";
 export {
   chip
 };

package/dist/components/code.js

@@ -27,7 +27,7 @@ var import_tailwind_variants = require("tailwind-variants");
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-accent/70 text-accent-foreground",
+  default: "bg-foreground text-background",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -62,10 +62,11 @@ var faded = {
 };
 var ghost = {
   primary: "bg-transparent text-primary dark:text-primary-foreground",
-  secondary: "bg-transparent text-secondary",
+  secondary: "bg-transparent text-secondary data-[active-state=on]:text-accent-foreground",
   destructive: "bg-transparent text-destructive",
   warning: "bg-transparent text-warning",
-  success: "bg-transparent text-success"
+  success: "bg-transparent text-success",
+  default: "bg-transparent text-accent-foreground"
 };
 var colorVariants = {
   solid,

package/dist/components/code.mjs

@@ -1,7 +1,7 @@
 import {
   code
-} from "../chunk-XJ7XBZNF.mjs";
-import "../chunk-LG2J56LI.mjs";
+} from "../chunk-KRTETJ33.mjs";
+import "../chunk-V5U46MEN.mjs";
 export {
   code
 };

package/dist/components/index.js

@@ -170,7 +170,7 @@ var popoverContentClasses = [
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-accent/70 text-accent-foreground",
+  default: "bg-foreground text-background",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -205,10 +205,11 @@ var faded = {
 };
 var ghost = {
   primary: "bg-transparent text-primary dark:text-primary-foreground",
-  secondary: "bg-transparent text-secondary",
+  secondary: "bg-transparent text-secondary data-[active-state=on]:text-accent-foreground",
   destructive: "bg-transparent text-destructive",
   warning: "bg-transparent text-warning",
-  success: "bg-transparent text-success"
+  success: "bg-transparent text-success",
+  default: "bg-transparent text-accent-foreground"
 };
 var colorVariants = {
   solid,
@@ -481,7 +482,7 @@ var button = (0, import_tailwind_variants6.tv)({
   variants: {
     variant: {
       solid: "shadow-xs",
-      ghost: "",
+      ghost: "data-[active-state=on]:bg-accent/70",
       outline: "border-1 bg-transparent",
       link: ""
     },
@@ -495,7 +496,8 @@ var button = (0, import_tailwind_variants6.tv)({
       secondary: "",
       destructive: "",
       warning: "",
-      success: ""
+      success: "",
+      default: ""
     },
     radius: {},
     fullWidth: {
@@ -540,6 +542,11 @@ var button = (0, import_tailwind_variants6.tv)({
       color: "success",
       class: colorVariants.solid.success
     },
+    {
+      variant: "solid",
+      color: "default",
+      class: colorVariants.solid.default
+    },
     // ghost color
     {
       variant: "ghost",
@@ -566,6 +573,11 @@ var button = (0, import_tailwind_variants6.tv)({
       color: "success",
       class: colorVariants.ghost.success
     },
+    {
+      variant: "ghost",
+      color: "default",
+      class: colorVariants.ghost.default
+    },
     // outline color
     {
       variant: "outline",
@@ -592,6 +604,11 @@ var button = (0, import_tailwind_variants6.tv)({
       color: "success",
       class: colorVariants.outline.success
     },
+    {
+      variant: "outline",
+      color: "default",
+      class: colorVariants.outline.default
+    },
     // icon
     {
       isIconOnly: true,
@@ -672,7 +689,7 @@ var callout = (0, import_tailwind_variants8.tv)({
     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",
+    content: "text-sm/6 grow",
     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: {
@@ -2542,7 +2559,7 @@ var tabNav = (0, import_tailwind_variants35.tv)({
 var import_tailwind_variants36 = require("tailwind-variants");
 var table = (0, import_tailwind_variants36.tv)({
   slots: {
-    container: ["overflow-x-auto whitespace-nowrap", "-mx-3 md:-mx-6"],
+    container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
     table: "min-w-full h-auto",
     thead: "",
@@ -2593,7 +2610,9 @@ var table = (0, import_tailwind_variants36.tv)({
   },
   variants: {
     bleed: {
-      true: {},
+      true: {
+        container: ["[--gutter:--spacing(3)] md:[--gutter:--spacing(6)]"]
+      },
       false: {
         container: ["px-3 md:px-6"],
         th: ["first:pl-1 last:pr-1"],
@@ -2608,6 +2627,9 @@ var table = (0, import_tailwind_variants36.tv)({
     },
     variant: {
       default: {},
+      elevated: {
+        container: "shadow-sm rounded-md border-1 !px-0"
+      },
       // a border between cells and above the table
       // this is used for the grid variant
       grid: {
@@ -2742,7 +2764,8 @@ var tooltip = (0, import_tailwind_variants38.tv)({
       "bg-primary text-primary-foreground",
       "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       "z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",
-      "rounded-md px-3 py-1.5 text-xs font-medium text-balance"
+      "rounded-md px-3 py-1.5 text-xs font-medium text-balance",
+      "will-change-[transform,opacity]"
     ]
   }
 });

package/dist/components/index.mjs

@@ -1,7 +1,7 @@
 import "../chunk-MVXKHHAX.mjs";
 import {
   skeletonAvatar
-} from "../chunk-LURDY4A5.mjs";
+} from "../chunk-HU3STCSK.mjs";
 import {
   skeleton
 } from "../chunk-VNQEJU4P.mjs";
@@ -16,13 +16,13 @@ import {
 } from "../chunk-ZLM6Z3W2.mjs";
 import {
   table
-} from "../chunk-MKBU6G6Q.mjs";
+} from "../chunk-YC2FQDBV.mjs";
 import {
   tabs
 } from "../chunk-I6M4S2KZ.mjs";
 import {
   tooltip
-} from "../chunk-SVCFD7RR.mjs";
+} from "../chunk-QDDPXEQO.mjs";
 import {
   popover
 } from "../chunk-IKJHZT2S.mjs";
@@ -73,7 +73,7 @@ import {
 } from "../chunk-OULAICSC.mjs";
 import {
   callout
-} from "../chunk-3SRZALOM.mjs";
+} from "../chunk-XAHAVJUM.mjs";
 import {
   card
 } from "../chunk-7O57EDVS.mjs";
@@ -82,10 +82,10 @@ import {
 } from "../chunk-A4KO7QKC.mjs";
 import {
   chip
-} from "../chunk-T5PESSOS.mjs";
+} from "../chunk-CQZMQVAO.mjs";
 import {
   code
-} from "../chunk-XJ7XBZNF.mjs";
+} from "../chunk-KRTETJ33.mjs";
 import {
   command
 } from "../chunk-YPHFKGNI.mjs";
@@ -106,15 +106,15 @@ import {
 } from "../chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "../chunk-WPVIIT3Z.mjs";
+} from "../chunk-CWX7ZJ4B.mjs";
 import {
   blankstate
 } from "../chunk-DICHD74Q.mjs";
 import {
   button
-} from "../chunk-JX7F3NZL.mjs";
+} from "../chunk-HALNIEC7.mjs";
 import "../chunk-UEMJVVVF.mjs";
-import "../chunk-LG2J56LI.mjs";
+import "../chunk-V5U46MEN.mjs";
 import {
   calendar
 } from "../chunk-JWF5ABNP.mjs";

package/dist/components/skeleton-avatar.js

@@ -43,7 +43,7 @@ var translateCenterClasses = [
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-accent/70 text-accent-foreground",
+  default: "bg-foreground text-background",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -78,10 +78,11 @@ var faded = {
 };
 var ghost = {
   primary: "bg-transparent text-primary dark:text-primary-foreground",
-  secondary: "bg-transparent text-secondary",
+  secondary: "bg-transparent text-secondary data-[active-state=on]:text-accent-foreground",
   destructive: "bg-transparent text-destructive",
   warning: "bg-transparent text-warning",
-  success: "bg-transparent text-success"
+  success: "bg-transparent text-success",
+  default: "bg-transparent text-accent-foreground"
 };
 var colorVariants = {
   solid,

package/dist/components/skeleton-avatar.mjs

@@ -1,9 +1,9 @@
 import {
   skeletonAvatar
-} from "../chunk-LURDY4A5.mjs";
-import "../chunk-WPVIIT3Z.mjs";
+} from "../chunk-HU3STCSK.mjs";
+import "../chunk-CWX7ZJ4B.mjs";
 import "../chunk-UEMJVVVF.mjs";
-import "../chunk-LG2J56LI.mjs";
+import "../chunk-V5U46MEN.mjs";
 export {
   skeletonAvatar
 };

package/dist/components/table.d.mts

@@ -3,7 +3,9 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const table: tailwind_variants.TVReturnType<{
     bleed: {
-        true: {};
+        true: {
+            container: string[];
+        };
         false: {
             container: string[];
             th: string[];
@@ -18,6 +20,9 @@ declare const table: tailwind_variants.TVReturnType<{
     };
     variant: {
         default: {};
+        elevated: {
+            container: string;
+        };
         grid: {
             table: string;
             th: string[];
@@ -96,7 +101,9 @@ declare const table: tailwind_variants.TVReturnType<{
     ownerCellUnassigned: string;
 }, undefined, {
     bleed: {
-        true: {};
+        true: {
+            container: string[];
+        };
         false: {
             container: string[];
             th: string[];
@@ -111,6 +118,9 @@ declare const table: tailwind_variants.TVReturnType<{
     };
     variant: {
         default: {};
+        elevated: {
+            container: string;
+        };
         grid: {
             table: string;
             th: string[];
@@ -189,7 +199,9 @@ declare const table: tailwind_variants.TVReturnType<{
     ownerCellUnassigned: string;
 }, tailwind_variants.TVReturnType<{
     bleed: {
-        true: {};
+        true: {
+            container: string[];
+        };
         false: {
             container: string[];
             th: string[];
@@ -204,6 +216,9 @@ declare const table: tailwind_variants.TVReturnType<{
     };
     variant: {
         default: {};
+        elevated: {
+            container: string;
+        };
         grid: {
             table: string;
             th: string[];

package/dist/components/table.d.ts

@@ -3,7 +3,9 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const table: tailwind_variants.TVReturnType<{
     bleed: {
-        true: {};
+        true: {
+            container: string[];
+        };
         false: {
             container: string[];
             th: string[];
@@ -18,6 +20,9 @@ declare const table: tailwind_variants.TVReturnType<{
     };
     variant: {
         default: {};
+        elevated: {
+            container: string;
+        };
         grid: {
             table: string;
             th: string[];
@@ -96,7 +101,9 @@ declare const table: tailwind_variants.TVReturnType<{
     ownerCellUnassigned: string;
 }, undefined, {
     bleed: {
-        true: {};
+        true: {
+            container: string[];
+        };
         false: {
             container: string[];
             th: string[];
@@ -111,6 +118,9 @@ declare const table: tailwind_variants.TVReturnType<{
     };
     variant: {
         default: {};
+        elevated: {
+            container: string;
+        };
         grid: {
             table: string;
             th: string[];
@@ -189,7 +199,9 @@ declare const table: tailwind_variants.TVReturnType<{
     ownerCellUnassigned: string;
 }, tailwind_variants.TVReturnType<{
     bleed: {
-        true: {};
+        true: {
+            container: string[];
+        };
         false: {
             container: string[];
             th: string[];
@@ -204,6 +216,9 @@ declare const table: tailwind_variants.TVReturnType<{
     };
     variant: {
         default: {};
+        elevated: {
+            container: string;
+        };
         grid: {
             table: string;
             th: string[];

package/dist/components/table.js

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(table_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var table = (0, import_tailwind_variants.tv)({
   slots: {
-    container: ["overflow-x-auto whitespace-nowrap", "-mx-3 md:-mx-6"],
+    container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
     table: "min-w-full h-auto",
     thead: "",
@@ -77,7 +77,9 @@ var table = (0, import_tailwind_variants.tv)({
   },
   variants: {
     bleed: {
-      true: {},
+      true: {
+        container: ["[--gutter:--spacing(3)] md:[--gutter:--spacing(6)]"]
+      },
       false: {
         container: ["px-3 md:px-6"],
         th: ["first:pl-1 last:pr-1"],
@@ -92,6 +94,9 @@ var table = (0, import_tailwind_variants.tv)({
     },
     variant: {
       default: {},
+      elevated: {
+        container: "shadow-sm rounded-md border-1 !px-0"
+      },
       // a border between cells and above the table
       // this is used for the grid variant
       grid: {

package/dist/components/table.mjs

@@ -1,6 +1,6 @@
 import {
   table
-} from "../chunk-MKBU6G6Q.mjs";
+} from "../chunk-YC2FQDBV.mjs";
 export {
   table
 };

package/dist/components/tooltip.js

@@ -30,7 +30,8 @@ var tooltip = (0, import_tailwind_variants.tv)({
       "bg-primary text-primary-foreground",
       "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       "z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",
-      "rounded-md px-3 py-1.5 text-xs font-medium text-balance"
+      "rounded-md px-3 py-1.5 text-xs font-medium text-balance",
+      "will-change-[transform,opacity]"
     ]
   }
 });

package/dist/components/tooltip.mjs

@@ -1,6 +1,6 @@
 import {
   tooltip
-} from "../chunk-SVCFD7RR.mjs";
+} from "../chunk-QDDPXEQO.mjs";
 export {
   tooltip
 };

package/dist/index.js

@@ -170,7 +170,7 @@ var popoverContentClasses = [
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-accent/70 text-accent-foreground",
+  default: "bg-foreground text-background",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -205,10 +205,11 @@ var faded = {
 };
 var ghost = {
   primary: "bg-transparent text-primary dark:text-primary-foreground",
-  secondary: "bg-transparent text-secondary",
+  secondary: "bg-transparent text-secondary data-[active-state=on]:text-accent-foreground",
   destructive: "bg-transparent text-destructive",
   warning: "bg-transparent text-warning",
-  success: "bg-transparent text-success"
+  success: "bg-transparent text-success",
+  default: "bg-transparent text-accent-foreground"
 };
 var colorVariants = {
   solid,
@@ -481,7 +482,7 @@ var button = (0, import_tailwind_variants6.tv)({
   variants: {
     variant: {
       solid: "shadow-xs",
-      ghost: "",
+      ghost: "data-[active-state=on]:bg-accent/70",
       outline: "border-1 bg-transparent",
       link: ""
     },
@@ -495,7 +496,8 @@ var button = (0, import_tailwind_variants6.tv)({
       secondary: "",
       destructive: "",
       warning: "",
-      success: ""
+      success: "",
+      default: ""
     },
     radius: {},
     fullWidth: {
@@ -540,6 +542,11 @@ var button = (0, import_tailwind_variants6.tv)({
       color: "success",
       class: colorVariants.solid.success
     },
+    {
+      variant: "solid",
+      color: "default",
+      class: colorVariants.solid.default
+    },
     // ghost color
     {
       variant: "ghost",
@@ -566,6 +573,11 @@ var button = (0, import_tailwind_variants6.tv)({
       color: "success",
       class: colorVariants.ghost.success
     },
+    {
+      variant: "ghost",
+      color: "default",
+      class: colorVariants.ghost.default
+    },
     // outline color
     {
       variant: "outline",
@@ -592,6 +604,11 @@ var button = (0, import_tailwind_variants6.tv)({
       color: "success",
       class: colorVariants.outline.success
     },
+    {
+      variant: "outline",
+      color: "default",
+      class: colorVariants.outline.default
+    },
     // icon
     {
       isIconOnly: true,
@@ -672,7 +689,7 @@ var callout = (0, import_tailwind_variants8.tv)({
     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",
+    content: "text-sm/6 grow",
     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: {
@@ -2542,7 +2559,7 @@ var tabNav = (0, import_tailwind_variants35.tv)({
 var import_tailwind_variants36 = require("tailwind-variants");
 var table = (0, import_tailwind_variants36.tv)({
   slots: {
-    container: ["overflow-x-auto whitespace-nowrap", "-mx-3 md:-mx-6"],
+    container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
     table: "min-w-full h-auto",
     thead: "",
@@ -2593,7 +2610,9 @@ var table = (0, import_tailwind_variants36.tv)({
   },
   variants: {
     bleed: {
-      true: {},
+      true: {
+        container: ["[--gutter:--spacing(3)] md:[--gutter:--spacing(6)]"]
+      },
       false: {
         container: ["px-3 md:px-6"],
         th: ["first:pl-1 last:pr-1"],
@@ -2608,6 +2627,9 @@ var table = (0, import_tailwind_variants36.tv)({
     },
     variant: {
       default: {},
+      elevated: {
+        container: "shadow-sm rounded-md border-1 !px-0"
+      },
       // a border between cells and above the table
       // this is used for the grid variant
       grid: {
@@ -2742,7 +2764,8 @@ var tooltip = (0, import_tailwind_variants38.tv)({
       "bg-primary text-primary-foreground",
       "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       "z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",
-      "rounded-md px-3 py-1.5 text-xs font-medium text-balance"
+      "rounded-md px-3 py-1.5 text-xs font-medium text-balance",
+      "will-change-[transform,opacity]"
     ]
   }
 });

package/dist/index.mjs

@@ -2,7 +2,7 @@ import "./chunk-XSN6P5JL.mjs";
 import "./chunk-MVXKHHAX.mjs";
 import {
   skeletonAvatar
-} from "./chunk-LURDY4A5.mjs";
+} from "./chunk-HU3STCSK.mjs";
 import {
   skeleton
 } from "./chunk-VNQEJU4P.mjs";
@@ -17,13 +17,13 @@ import {
 } from "./chunk-ZLM6Z3W2.mjs";
 import {
   table
-} from "./chunk-MKBU6G6Q.mjs";
+} from "./chunk-YC2FQDBV.mjs";
 import {
   tabs
 } from "./chunk-I6M4S2KZ.mjs";
 import {
   tooltip
-} from "./chunk-SVCFD7RR.mjs";
+} from "./chunk-QDDPXEQO.mjs";
 import {
   popover
 } from "./chunk-IKJHZT2S.mjs";
@@ -74,7 +74,7 @@ import {
 } from "./chunk-OULAICSC.mjs";
 import {
   callout
-} from "./chunk-3SRZALOM.mjs";
+} from "./chunk-XAHAVJUM.mjs";
 import {
   card
 } from "./chunk-7O57EDVS.mjs";
@@ -83,10 +83,10 @@ import {
 } from "./chunk-A4KO7QKC.mjs";
 import {
   chip
-} from "./chunk-T5PESSOS.mjs";
+} from "./chunk-CQZMQVAO.mjs";
 import {
   code
-} from "./chunk-XJ7XBZNF.mjs";
+} from "./chunk-KRTETJ33.mjs";
 import {
   command
 } from "./chunk-YPHFKGNI.mjs";
@@ -107,15 +107,15 @@ import {
 } from "./chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "./chunk-WPVIIT3Z.mjs";
+} from "./chunk-CWX7ZJ4B.mjs";
 import {
   blankstate
 } from "./chunk-DICHD74Q.mjs";
 import {
   button
-} from "./chunk-JX7F3NZL.mjs";
+} from "./chunk-HALNIEC7.mjs";
 import "./chunk-UEMJVVVF.mjs";
-import "./chunk-LG2J56LI.mjs";
+import "./chunk-V5U46MEN.mjs";
 import {
   calendar
 } from "./chunk-JWF5ABNP.mjs";

package/dist/utils/variants.d.mts

@@ -13,6 +13,7 @@ declare const colorVariants: {
         destructive: string;
         warning: string;
         success: string;
+        default: string;
     };
     outline: {
         default: string;

package/dist/utils/variants.d.ts

@@ -13,6 +13,7 @@ declare const colorVariants: {
         destructive: string;
         warning: string;
         success: string;
+        default: string;
     };
     outline: {
         default: string;

package/dist/utils/variants.js

@@ -24,7 +24,7 @@ __export(variants_exports, {
 });
 module.exports = __toCommonJS(variants_exports);
 var solid = {
-  default: "bg-accent/70 text-accent-foreground",
+  default: "bg-foreground text-background",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -59,10 +59,11 @@ var faded = {
 };
 var ghost = {
   primary: "bg-transparent text-primary dark:text-primary-foreground",
-  secondary: "bg-transparent text-secondary",
+  secondary: "bg-transparent text-secondary data-[active-state=on]:text-accent-foreground",
   destructive: "bg-transparent text-destructive",
   warning: "bg-transparent text-warning",
-  success: "bg-transparent text-success"
+  success: "bg-transparent text-success",
+  default: "bg-transparent text-accent-foreground"
 };
 var colorVariants = {
   solid,

package/dist/utils/variants.mjs

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "../chunk-LG2J56LI.mjs";
+} from "../chunk-V5U46MEN.mjs";
 export {
   colorVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",