@kopexa/theme 1.7.1 → 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-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/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/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,

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";
@@ -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/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,

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";
@@ -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.1",
+  "version": "1.7.2",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",