@infonomic/uikit 3.11.0 → 5.0.0

package/dist/components/badge/badge_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .badge-8xVidp {
+  :is(.badge-8xVidp, .badge) {
     font-size: var(--font-size-sm);
     text-align: center;
     white-space: nowrap;
@@ -13,37 +13,37 @@
     display: inline-block;
   }
 
-  .primary-oZyR_M {
+  :is(.primary-oZyR_M, .badge-primary) {
     color: var(--text-on-primary);
     background-color: var(--fill-primary-strong);
   }
 
-  .secondary-VsqJTm {
+  :is(.secondary-VsqJTm, .badge-secondary) {
     color: var(--text-on-secondary);
     background-color: var(--fill-secondary-strong);
   }
 
-  .noeffect-R8eJtO {
+  :is(.noeffect-R8eJtO, .badge-noeffect) {
     color: var(--text-on-noeffect);
     background-color: var(--fill-noeffect-strong);
   }
 
-  .success-h2otET {
+  :is(.success-h2otET, .badge-success) {
     color: var(--text-on-success);
     background-color: var(--fill-success-strong);
   }
 
-  .info-OG3F3u {
+  :is(.info-OG3F3u, .badge-info) {
     color: var(--text-on-info);
     background-color: var(--fill-info-strong);
   }
 
-  .warning-zTXksZ {
+  :is(.warning-zTXksZ, .badge-warning) {
     color: var(--text-on-warning);
     background-color: var(--fill-warning-strong);
   }
 
-  .danger-hKF7l_ {
+  :is(.danger-hKF7l_, .badge-danger) {
     color: var(--text-on-danger);
     background-color: var(--fill-danger-strong);
   }

package/dist/components/button/button-group_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-utilities, infonomic-theme;
 
 @layer infonomic-components {
-  .button-group-uqvOi8 {
+  :is(.button-group-uqvOi8, .button-group) {
     place-items: center;
     gap: var(--gap-2);
     flex-direction: column;
@@ -9,7 +9,7 @@
   }
 
   @media screen and (min-width: 40rem) {
-    .button-group-uqvOi8 {
+    :is(.button-group-uqvOi8, .button-group) {
       flex-direction: row;
     }
   }

package/dist/components/button/button_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .button-IjDhC0 {
+  :is(.button-IjDhC0, .button) {
     cursor: pointer;
     text-align: center;
     gap: var(--gap-2);
@@ -18,11 +18,11 @@
     display: inline-flex;
   }
 
-  .button-IjDhC0:disabled, .button-IjDhC0[disabled] {
+  :is(.button-IjDhC0:disabled, .button-IjDhC0[disabled], .button:disabled, .button[disabled]) {
     pointer-events: none;
   }
 
-  .button-IjDhC0:focus, .button-IjDhC0:active {
+  :is(.button-IjDhC0:focus, .button-IjDhC0:active, .button:focus, .button:active) {
     --ring-offset-color: var(--background);
     --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);
     --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-color);
@@ -35,375 +35,292 @@
     padding: 0;
   }
 
+  .button-square {
+    aspect-ratio: 1;
+    border-radius: var(--border-radius-sm);
+    padding: 0;
+  }
+
   .button-IjDhC0.round-uqus3n {
     aspect-ratio: 1;
     border-radius: var(--border-radius-full);
     padding: 0;
   }
 
-  .xs-jxTd5R {
+  .button-round {
+    aspect-ratio: 1;
+    border-radius: var(--border-radius-full);
+    padding: 0;
+  }
+
+  :is(.xs-jxTd5R, .button-xs) {
     min-height: 26px;
     padding: .2rem .4rem;
     font-size: .7rem;
   }
 
-  .sm-uD_Ugt {
+  :is(.sm-uD_Ugt, .button-sm) {
     min-height: 32px;
     padding: .25rem .5rem;
     font-size: .775rem;
   }
 
-  .md-Qp9ad6 {
+  :is(.md-Qp9ad6, .button-md) {
     min-height: 38px;
     padding: .625rem 1.25rem;
     font-size: .95rem;
   }
 
-  .lg-FAYTen {
+  :is(.lg-FAYTen, .button-lg) {
     min-height: 46px;
     padding: .75rem 1.5rem;
     font-size: 1.1rem;
   }
 
-  .xl-Gwvhl4 {
+  :is(.xl-Gwvhl4, .button-xl) {
     min-height: 54px;
     padding: .75rem 1.5rem;
     font-size: 1.2rem;
   }
 
-  .filled-CwGsrO {
+  :is(.filled-CwGsrO, .button-filled) {
     color: var(--button-variant-filled-foreground);
     background-color: var(--button-variant-filled);
   }
 
-  .filled-CwGsrO:hover {
+  :is(.filled-CwGsrO:hover, .button-filled:hover) {
     background-color: var(--button-variant-filled-hover);
   }
 
-  .filled-CwGsrO:focus, .filled-CwGsrO:active {
+  :is(.filled-CwGsrO:focus, .filled-CwGsrO:active, .button-filled:focus, .button-filled:active) {
     --ring-color: var(--button-ring-color);
   }
 
-  .filled-CwGsrO:disabled, .filled-CwGsrO[disabled] {
+  :is(.filled-CwGsrO:disabled, .filled-CwGsrO[disabled], .button-filled:disabled, .button-filled[disabled]) {
     background-color: var(--button-variant-filled-disabled, oklch(from var(--button-variant-filled) calc(l * 1.1) calc(c * .85) h));
     color: var(--button-variant-filled-foreground-disabled, oklch(from var(--button-variant-filled-foreground) calc(l * .9) calc(c * .85) h));
   }
 
-  .outlined-nZGbxu {
+  :is(.outlined-nZGbxu, .button-outlined) {
     border: 1px solid var(--button-variant-outlined-border);
     color: var(--button-variant-outlined-foreground);
     background-color: var(--button-variant-outlined);
   }
 
-  .outlined-nZGbxu:disabled, .outlined-nZGbxu[disabled] {
+  :is(.outlined-nZGbxu:disabled, .outlined-nZGbxu[disabled], .button-outlined:disabled, .button-outlined[disabled]) {
     border-color: var(--button-variant-outlined-border-disabled, oklch(from var(--button-variant-outlined-border) calc(l * 1.5) calc(c * .8) h));
     color: var(--button-variant-outlined-foreground-disabled, oklch(from var(--button-variant-outlined-foreground) calc(l * 1.1) calc(c * .7) h));
   }
 
-  .outlined-nZGbxu:hover {
+  :is(.outlined-nZGbxu:hover, .button-outlined:hover) {
     background-color: var(--button-variant-outlined-hover);
   }
 
-  .outlined-nZGbxu:focus, .outlined-nZGbxu:active {
+  :is(.outlined-nZGbxu:focus, .outlined-nZGbxu:active, .button-outlined:focus, .button-outlined:active) {
     --ring-color: var(--button-ring-color);
   }
 
-  .gradient-ySC3O3 {
+  :is(.gradient-ySC3O3, .button-gradient) {
     color: var(--button-variant-gradient-foreground);
     background: linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end));
   }
 
-  .gradient-ySC3O3:disabled, .gradient-ySC3O3[disabled] {
+  :is(.gradient-ySC3O3:disabled, .gradient-ySC3O3[disabled], .button-gradient:disabled, .button-gradient[disabled]) {
     background: unset;
     background-color: var(--button-variant-gradient-disabled, oklch(from var(--button-variant-gradient-end) calc(l * 1.2) calc(c * .85) h));
     color: var(--button-variant-gradient-foreground-disabled, oklch(from var(--button-variant-gradient-foreground) calc(l * .9) calc(c * .85) h));
   }
 
-  .gradient-ySC3O3:hover {
+  :is(.gradient-ySC3O3:hover, .button-gradient:hover) {
     color: var(--button-variant-gradient-foreground);
     background: linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end));
   }
 
-  .gradient-ySC3O3:focus, .gradient-ySC3O3:active {
+  :is(.gradient-ySC3O3:focus, .gradient-ySC3O3:active, .button-gradient:focus, .button-gradient:active) {
     --ring-color: var(--button-ring-color);
   }
 
-  .text-GaxlcE {
+  :is(.text-GaxlcE, .button-text) {
     background-color: var(--button-variant-text);
     color: var(--button-variant-text-foreground);
   }
 
-  .text-GaxlcE:disabled, .text-GaxlcE[disabled] {
+  :is(.text-GaxlcE:disabled, .text-GaxlcE[disabled], .button-text:disabled, .button-text[disabled]) {
     color: oklch(from var(--button-variant-text-foreground) calc(l * 1.5) calc(c * .5) h);
   }
 
-  .text-GaxlcE:hover {
+  :is(.text-GaxlcE:hover, .button-text:hover) {
     background-color: var(--button-variant-text-hover);
   }
 
-  .text-GaxlcE:focus, .text-GaxlcE:active {
+  :is(.text-GaxlcE:focus, .text-GaxlcE:active, .button-text:focus, .button-text:active) {
     --ring-color: var(--button-ring-color);
   }
 
-  .primary-tUmczz {
+  :is(.primary-tUmczz, .button-primary) {
     --button-ring-color: var(--ring-primary);
-  }
-
-  .primary-tUmczz.filled-CwGsrO {
     --button-variant-filled: var(--fill-primary-strong);
     --button-variant-filled-foreground: var(--text-on-primary);
     --button-variant-filled-hover: var(--fill-primary-strong-hover);
     --button-variant-filled-disabled: var(--fill-primary-strong-disabled);
     --button-variant-filled-foreground-disabled: var(--text-on-primary-disabled);
-  }
-
-  .primary-tUmczz.outlined-nZGbxu {
     --button-variant-outlined: transparent;
     --button-variant-outlined-foreground: var(--text-primary-strong);
     --button-variant-outlined-hover: var(--fill-primary-weak);
     --button-variant-outlined-border: var(--stroke-primary);
     --button-variant-outlined-border-disabled: var(--stroke-primary-disabled);
     --button-variant-outlined-foreground-disabled: var(--text-primary-disabled);
-  }
-
-  .primary-tUmczz.text-GaxlcE {
     --button-variant-text: transparent;
     --button-variant-text-foreground: var(--text-primary-weak);
     --button-variant-text-hover: var(--fill-primary-weak-hover);
-  }
-
-  .primary-tUmczz.gradient-ySC3O3 {
     --button-variant-gradient-start: var(--gradient-primary-start);
     --button-variant-gradient-end: var(--gradient-primary-end);
     --button-variant-gradient-foreground: var(--gradient-primary-foreground);
-    --button-variant-gradient-hover: var(--gray-900);
     --button-variant-gradient-disabled: var(--gradient-primary-disabled);
     --button-variant-gradient-foreground-disabled: var(--text-on-primary-disabled);
   }
 
-  .secondary-UqT2AY {
+  :is(.secondary-UqT2AY, .button-secondary) {
     --button-ring-color: var(--ring-secondary);
-  }
-
-  .secondary-UqT2AY.filled-CwGsrO {
     --button-variant-filled: var(--fill-secondary-strong);
     --button-variant-filled-foreground: var(--text-on-secondary);
     --button-variant-filled-hover: var(--fill-secondary-strong-hover);
     --button-variant-filled-disabled: var(--fill-secondary-strong-disabled);
     --button-variant-filled-foreground-disabled: var(--text-on-secondary-disabled);
-  }
-
-  .secondary-UqT2AY.outlined-nZGbxu {
     --button-variant-outlined: transparent;
     --button-variant-outlined-foreground: var(--text-secondary-strong);
     --button-variant-outlined-hover: var(--fill-secondary-weak);
     --button-variant-outlined-border: var(--stroke-secondary);
     --button-variant-outlined-border-disabled: var(--stroke-secondary-disabled);
     --button-variant-outlined-foreground-disabled: var(--text-secondary-disabled);
-  }
-
-  .secondary-UqT2AY.text-GaxlcE {
     --button-variant-text: transparent;
     --button-variant-text-foreground: var(--text-secondary-weak);
     --button-variant-text-hover: var(--fill-secondary-weak-hover);
-  }
-
-  .secondary-UqT2AY.gradient-ySC3O3 {
     --button-variant-gradient-start: var(--gradient-secondary-start);
     --button-variant-gradient-end: var(--gradient-secondary-end);
     --button-variant-gradient-foreground: var(--gradient-secondary-foreground);
-    --button-variant-gradient-hover: var(--gray-900);
     --button-variant-gradient-disabled: var(--gradient-secondary-disabled);
     --button-variant-gradient-foreground-disabled: var(--text-on-secondary-disabled);
   }
 
-  .noeffect-fpxSgg {
+  :is(.noeffect-fpxSgg, .button-noeffect) {
     --button-ring-color: var(--ring-noeffect);
-  }
-
-  .noeffect-fpxSgg.filled-CwGsrO {
     --button-variant-filled: var(--fill-noeffect-strong);
     --button-variant-filled-foreground: var(--text-on-noeffect);
     --button-variant-filled-hover: var(--fill-noeffect-strong-hover);
     --button-variant-filled-disabled: var(--fill-noeffect-strong-disabled);
     --button-variant-filled-foreground-disabled: var(--text-on-noeffect-disabled);
-  }
-
-  .noeffect-fpxSgg.outlined-nZGbxu {
     --button-variant-outlined: transparent;
     --button-variant-outlined-foreground: var(--text-noeffect-strong);
     --button-variant-outlined-hover: var(--fill-noeffect-weak);
     --button-variant-outlined-border: var(--stroke-noeffect);
     --button-variant-outlined-border-disabled: var(--stroke-noeffect-disabled);
     --button-variant-outlined-foreground-disabled: var(--text-noeffect-disabled);
-  }
-
-  .noeffect-fpxSgg.text-GaxlcE {
     --button-variant-text: transparent;
     --button-variant-text-foreground: var(--text-noeffect-weak);
     --button-variant-text-hover: var(--fill-noeffect-weak-hover);
-  }
-
-  .noeffect-fpxSgg.gradient-ySC3O3 {
     --button-variant-gradient-start: var(--gradient-noeffect-start);
     --button-variant-gradient-end: var(--gradient-noeffect-end);
     --button-variant-gradient-foreground: var(--gradient-noeffect-foreground);
-    --button-variant-gradient-hover: var(--gradient-noeffect-hover);
     --button-variant-gradient-disabled: var(--gradient-noeffect-disabled);
     --button-variant-gradient-foreground-disabled: var(--text-on-noeffect-disabled);
   }
 
-  .success-fTNDEn {
+  :is(.success-fTNDEn, .button-success) {
     --button-ring-color: var(--ring-success);
-  }
-
-  .success-fTNDEn.filled-CwGsrO {
     --button-variant-filled: var(--fill-success-strong);
     --button-variant-filled-foreground: var(--text-on-success);
     --button-variant-filled-hover: var(--fill-success-strong-hover);
     --button-variant-filled-disabled: var(--fill-success-strong-disabled);
     --button-variant-filled-foreground-disabled: var(--text-on-success-disabled);
-  }
-
-  .success-fTNDEn.outlined-nZGbxu {
     --button-variant-outlined: transparent;
     --button-variant-outlined-foreground: var(--text-success-strong);
     --button-variant-outlined-hover: var(--fill-success-weak);
     --button-variant-outlined-border: var(--stroke-success);
     --button-variant-outlined-border-disabled: var(--stroke-success-disabled);
     --button-variant-outlined-foreground-disabled: var(--text-success-disabled);
-  }
-
-  .success-fTNDEn.text-GaxlcE {
     --button-variant-text: transparent;
     --button-variant-text-foreground: var(--text-success-weak);
     --button-variant-text-hover: var(--fill-success-weak-hover);
-  }
-
-  .success-fTNDEn.gradient-ySC3O3 {
     --button-variant-gradient-start: var(--gradient-success-start);
     --button-variant-gradient-end: var(--gradient-success-end);
     --button-variant-gradient-foreground: var(--gradient-success-foreground);
-    --button-variant-gradient-hover: var(--gray-900);
     --button-variant-gradient-disabled: var(--gradient-success-disabled);
     --button-variant-gradient-foreground-disabled: var(--text-on-success-disabled);
   }
 
-  .info-qrdXQD {
+  :is(.info-qrdXQD, .button-info) {
     --button-ring-color: var(--ring-info);
-  }
-
-  .info-qrdXQD.filled-CwGsrO {
     --button-variant-filled: var(--fill-info-strong);
     --button-variant-filled-foreground: var(--text-on-info);
     --button-variant-filled-hover: var(--fill-info-strong-hover);
     --button-variant-filled-disabled: var(--fill-info-strong-disabled);
     --button-variant-filled-foreground-disabled: var(--text-on-info-disabled);
-  }
-
-  .info-qrdXQD.outlined-nZGbxu {
     --button-variant-outlined: transparent;
     --button-variant-outlined-foreground: var(--text-info-strong);
     --button-variant-outlined-hover: var(--fill-info-weak);
     --button-variant-outlined-border: var(--stroke-info);
     --button-variant-outlined-border-disabled: var(--stroke-info-disabled);
     --button-variant-outlined-foreground-disabled: var(--text-info-disabled);
-  }
-
-  .info-qrdXQD.text-GaxlcE {
     --button-variant-text: transparent;
     --button-variant-text-foreground: var(--text-info-weak);
     --button-variant-text-hover: var(--fill-info-weak-hover);
-  }
-
-  .info-qrdXQD.gradient-ySC3O3 {
     --button-variant-gradient-start: var(--gradient-info-start);
     --button-variant-gradient-end: var(--gradient-info-end);
     --button-variant-gradient-foreground: var(--gradient-info-foreground);
-    --button-variant-gradient-hover: var(--gray-900);
     --button-variant-gradient-disabled: var(--gradient-info-disabled);
     --button-variant-gradient-foreground-disabled: var(--text-on-info-disabled);
   }
 
-  .warning-a00T3A {
+  :is(.warning-a00T3A, .button-warning) {
     --button-ring-color: var(--ring-warning);
-  }
-
-  .warning-a00T3A.filled-CwGsrO {
     --button-variant-filled: var(--fill-warning-strong);
     --button-variant-filled-foreground: var(--text-on-warning);
     --button-variant-filled-hover: var(--fill-warning-strong-hover);
     --button-variant-filled-disabled: var(--fill-warning-strong-disabled);
     --button-variant-filled-foreground-disabled: var(--text-on-warning-disabled);
-  }
-
-  .warning-a00T3A.outlined-nZGbxu {
     --button-variant-outlined: transparent;
     --button-variant-outlined-foreground: var(--text-warning-strong);
     --button-variant-outlined-hover: var(--fill-warning-weak);
     --button-variant-outlined-border: var(--stroke-warning);
     --button-variant-outlined-border-disabled: var(--stroke-warning-disabled);
     --button-variant-outlined-foreground-disabled: var(--text-warning-disabled);
-  }
-
-  .warning-a00T3A.text-GaxlcE {
     --button-variant-text: transparent;
     --button-variant-text-foreground: var(--text-warning-weak);
     --button-variant-text-hover: var(--fill-warning-weak-hover);
-  }
-
-  .warning-a00T3A.gradient-ySC3O3 {
     --button-variant-gradient-start: var(--gradient-warning-start);
     --button-variant-gradient-end: var(--gradient-warning-end);
     --button-variant-gradient-foreground: var(--gradient-warning-foreground);
-    --button-variant-gradient-hover: var(--gray-900);
     --button-variant-gradient-disabled: var(--gradient-warning-disabled);
     --button-variant-gradient-foreground-disabled: var(--text-on-warning-disabled);
   }
 
-  .danger-rwIV_i {
+  :is(.danger-rwIV_i, .button-danger) {
     --button-ring-color: var(--ring-danger);
-  }
-
-  .danger-rwIV_i.filled-CwGsrO {
     --button-variant-filled: var(--fill-danger-strong);
     --button-variant-filled-foreground: var(--text-on-danger);
     --button-variant-filled-hover: var(--fill-danger-strong-hover);
     --button-variant-filled-disabled: var(--fill-danger-strong-disabled);
     --button-variant-filled-foreground-disabled: var(--text-on-danger-disabled);
-  }
-
-  .danger-rwIV_i.outlined-nZGbxu {
     --button-variant-outlined: transparent;
     --button-variant-outlined-foreground: var(--text-danger-strong);
     --button-variant-outlined-hover: var(--fill-danger-weak);
     --button-variant-outlined-border: var(--stroke-danger);
     --button-variant-outlined-border-disabled: var(--stroke-danger-disabled);
     --button-variant-outlined-foreground-disabled: var(--text-danger-disabled);
-  }
-
-  .danger-rwIV_i.text-GaxlcE {
     --button-variant-text: transparent;
     --button-variant-text-foreground: var(--text-danger-weak);
     --button-variant-text-hover: var(--fill-danger-weak-hover);
-  }
-
-  .danger-rwIV_i.gradient-ySC3O3 {
     --button-variant-gradient-start: var(--gradient-danger-start);
     --button-variant-gradient-end: var(--gradient-danger-end);
     --button-variant-gradient-foreground: var(--gradient-danger-foreground);
-    --button-variant-gradient-hover: var(--gray-900);
     --button-variant-gradient-disabled: var(--gradient-danger-disabled);
     --button-variant-gradient-foreground-disabled: var(--text-on-danger-disabled);
   }
 
-  .fullWidth-wXvP0v {
+  :is(.fullWidth-wXvP0v, .button-full-width) {
     width: 100%;
     display: flex;
   }
-
-  .dark .button-IjDhC0:focus:not(:where([class~="not-dark"], [class~="not-dark"] *)), .dark .button-IjDhC0:active:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --ring-offset-color: var(--background);
-  }
 }
 

package/dist/components/button/copy-button_module.css

@@ -1,45 +1,45 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .copy-button-container-vCNz8o {
+  :is(.copy-button-container-vCNz8o, .copy-button-container) {
     display: inline-block;
   }
 
-  .copy-button-oa4bdj svg {
+  :is(.copy-button-oa4bdj svg, .copy-button svg) {
     width: 90%;
     height: 90%;
     display: block;
   }
 
-  .xs-lZmf78 {
+  :is(.xs-lZmf78, .copy-button-xs) {
     width: 26px;
     height: 26px;
     min-height: 26px;
     padding: .25rem;
   }
 
-  .sm-KNN1e5 {
+  :is(.sm-KNN1e5, .copy-button-sm) {
     width: 32px;
     height: 32px;
     min-height: 32px;
     padding: .35rem;
   }
 
-  .md-OoH0l4 {
+  :is(.md-OoH0l4, .copy-button-md) {
     width: 38px;
     height: 38px;
     min-height: 38px;
     padding: .45rem;
   }
 
-  .lg-uu5ujz {
+  :is(.lg-uu5ujz, .copy-button-lg) {
     width: 46px;
     height: 46px;
     min-height: 46px;
     padding: .55rem;
   }
 
-  .xl-pFYyrS {
+  :is(.xl-pFYyrS, .copy-button-xl) {
     width: 54px;
     height: 54px;
     min-height: 54px;

package/dist/components/card/card.js

@@ -4,7 +4,7 @@ import classnames from "classnames";
 import card_module from "./card.module.js";
 const Card = ({ className, hover, children, asChild, ref, ...rest })=>{
     const Comp = true === asChild ? Slot : 'div';
-    const hoverClasses = null != hover && true === hover ? card_module.cardHover : void 0;
+    const hoverClasses = null != hover && true === hover ? card_module["card-hover"] : void 0;
     const classes = classnames(card_module.card, hoverClasses, className);
     return /*#__PURE__*/ jsx(Comp, {
         ref: ref,
@@ -16,31 +16,31 @@ const Card = ({ className, hover, children, asChild, ref, ...rest })=>{
 Card.displayName = 'Card';
 const Header = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames(card_module.cardHeader, className),
+        className: classnames(card_module["card-header"], className),
         ...props
     });
 Header.displayName = 'CardHeader';
 const Title = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames(card_module.cardTitle, className),
+        className: classnames(card_module["card-title"], className),
         ...props
     });
 Title.displayName = 'CardTitle';
 const Description = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames(card_module.cardDescription, className),
+        className: classnames(card_module["card-description"], className),
         ...props
     });
 Description.displayName = "CardDescription";
 const Content = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames(card_module.cardContent, className),
+        className: classnames(card_module["card-content"], className),
         ...props
     });
 Content.displayName = 'CardContent';
 const Footer = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames(card_module.cardFooter, className),
+        className: classnames(card_module["card-footer"], className),
         ...props
     });
 Footer.displayName = 'CardFooter';

package/dist/components/card/card.module.js

@@ -1,11 +1,17 @@
 import "./card_module.css";
 const card_module = {
     card: "card-mqJaiW",
-    cardHover: "cardHover-iLbuMk",
-    cardHeader: "cardHeader-VGd2Nr",
-    cardTitle: "cardTitle-UK0xDh",
-    cardDescription: "cardDescription-t7XX1V",
-    cardContent: "cardContent-dt8eQ6",
-    cardFooter: "cardFooter-Cu0A9v"
+    "card-hover": "card-hover-hvT4d6",
+    cardHover: "card-hover-hvT4d6",
+    "card-header": "card-header-XnoBkP",
+    cardHeader: "card-header-XnoBkP",
+    "card-title": "card-title-JI7Lu3",
+    cardTitle: "card-title-JI7Lu3",
+    "card-description": "card-description-fwu7HE",
+    cardDescription: "card-description-fwu7HE",
+    "card-content": "card-content-uhoZYJ",
+    cardContent: "card-content-uhoZYJ",
+    "card-footer": "card-footer-BxTa4b",
+    cardFooter: "card-footer-BxTa4b"
 };
 export { card_module as default };