@opengovsg/oui-theme 0.0.5 → 0.0.6

package/dist/index.d.mts

@@ -13,6 +13,7 @@ export { DescriptionVariantProps, FieldErrorSlots, FieldErrorVariantProps, Label
 export { BannerSlots, BannerVariantProps, bannerStyles } from './components/banner.mjs';
 export { TagFieldItemSlots, TagFieldSlots, TagFieldVariantProps, tagFieldItemStyles, tagFieldStyles } from './components/tag-field.mjs';
 export { SelectItemVariantProps, SelectItemVariantSlots, SelectVariantProps, SelectVariantSlots, selectItemStyles, selectSearchStyles, selectStyles } from './components/select.mjs';
+export { BadgeSlots, BadgeVariantProps, badgeCloseButtonStyles, badgeStyles } from './components/badge.mjs';
 export { focusClasses, focusVisibleClasses } from './utils/classes.mjs';
 export { customTwMergeConfig, twMerge } from './utils/tw-merge.mjs';
 export { tv } from './utils/tv.mjs';

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export { DescriptionVariantProps, FieldErrorSlots, FieldErrorVariantProps, Label
 export { BannerSlots, BannerVariantProps, bannerStyles } from './components/banner.js';
 export { TagFieldItemSlots, TagFieldSlots, TagFieldVariantProps, tagFieldItemStyles, tagFieldStyles } from './components/tag-field.js';
 export { SelectItemVariantProps, SelectItemVariantSlots, SelectVariantProps, SelectVariantSlots, selectItemStyles, selectSearchStyles, selectStyles } from './components/select.js';
+export { BadgeSlots, BadgeVariantProps, badgeCloseButtonStyles, badgeStyles } from './components/badge.js';
 export { focusClasses, focusVisibleClasses } from './utils/classes.js';
 export { customTwMergeConfig, twMerge } from './utils/tw-merge.js';
 export { tv } from './utils/tv.js';

package/dist/index.js

@@ -1,51 +1,48 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-MNY5DC4A.js');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-KUAGUN4H.js');
 
 
-var _chunkMXWQ4MHMjs = require('./chunk-MXWQ4MHM.js');
 
+var _chunkOUZ7DBASjs = require('./chunk-OUZ7DBAS.js');
 
-var _chunkWWEFJ54Bjs = require('./chunk-WWEFJ54B.js');
 
+var _chunk4HJADAKBjs = require('./chunk-4HJADAKB.js');
 
 
+var _chunkMXWQ4MHMjs = require('./chunk-MXWQ4MHM.js');
 
-var _chunkATN4OFA4js = require('./chunk-ATN4OFA4.js');
 
 
-var _chunkAVNHKMODjs = require('./chunk-AVNHKMOD.js');
+var _chunkTPVZYXBGjs = require('./chunk-TPVZYXBG.js');
 
 
-var _chunkFLV5K4DIjs = require('./chunk-FLV5K4DI.js');
 
 
+var _chunk3GUL7NAVjs = require('./chunk-3GUL7NAV.js');
 
-var _chunkOUZ7DBASjs = require('./chunk-OUZ7DBAS.js');
 
+var _chunkWWEFJ54Bjs = require('./chunk-WWEFJ54B.js');
 
-var _chunk4HJADAKBjs = require('./chunk-4HJADAKB.js');
 
 
-var _chunk7SYUA43Ajs = require('./chunk-7SYUA43A.js');
 
+var _chunkATN4OFA4js = require('./chunk-ATN4OFA4.js');
 
-var _chunk677MPYSLjs = require('./chunk-677MPYSL.js');
-require('./chunk-SNEPLJSL.js');
-require('./chunk-OLJN3WXR.js');
-require('./chunk-2LTV7VB5.js');
 
+var _chunkAVNHKMODjs = require('./chunk-AVNHKMOD.js');
 
 
-var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
+var _chunkFLV5K4DIjs = require('./chunk-FLV5K4DI.js');
 
 
-var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
+var _chunkJSOQXC4Zjs = require('./chunk-JSOQXC4Z.js');
 
-var _chunkO3I4FUFDjs = require('./chunk-O3I4FUFD.js');
 
+var _chunk7SYUA43Ajs = require('./chunk-7SYUA43A.js');
 
 
-var _chunkZXZSQRVCjs = require('./chunk-ZXZSQRVC.js');
+var _chunkOHMUYFGRjs = require('./chunk-OHMUYFGR.js');
+require('./chunk-7Y2HFACM.js');
 
 
 var _chunkGQ3JHZUTjs = require('./chunk-GQ3JHZUT.js');
@@ -60,15 +57,22 @@ var _chunk2YW3O3BVjs = require('./chunk-2YW3O3BV.js');
 
 
 var _chunkDB7X5OUPjs = require('./chunk-DB7X5OUP.js');
+require('./chunk-OLJN3WXR.js');
+require('./chunk-2LTV7VB5.js');
 
 
 
-var _chunkTPVZYXBGjs = require('./chunk-TPVZYXBG.js');
+var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
 
 
+var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunk3GUL7NAVjs = require('./chunk-3GUL7NAV.js');
+var _chunkO3I4FUFDjs = require('./chunk-O3I4FUFD.js');
+
+
+
+var _chunkZXZSQRVCjs = require('./chunk-ZXZSQRVC.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -109,5 +113,7 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
 
 
 
-exports.bannerStyles = _chunk7SYUA43Ajs.bannerStyles; exports.buttonStyles = _chunk677MPYSLjs.buttonStyles; exports.calendarStyles = _chunkGQ3JHZUTjs.calendarStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunk2YW3O3BVjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxItemStyles = _chunk2YW3O3BVjs.comboBoxItemStyles; exports.comboBoxStyles = _chunk2YW3O3BVjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.descriptionStyles = _chunk3GUL7NAVjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunk3GUL7NAVjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.focusClasses = _chunkX2UCVIR5js.focusClasses; exports.focusVisibleClasses = _chunkX2UCVIR5js.focusVisibleClasses; exports.govtBannerStyles = _chunkWWEFJ54Bjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunk3GUL7NAVjs.labelStyles; exports.selectItemStyles = _chunkATN4OFA4js.selectItemStyles; exports.selectSearchStyles = _chunkATN4OFA4js.selectSearchStyles; exports.selectStyles = _chunkATN4OFA4js.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tagFieldItemStyles = _chunkOUZ7DBASjs.tagFieldItemStyles; exports.tagFieldStyles = _chunkOUZ7DBASjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkMXWQ4MHMjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
+
+
+exports.badgeCloseButtonStyles = _chunkJSOQXC4Zjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkJSOQXC4Zjs.badgeStyles; exports.bannerStyles = _chunk7SYUA43Ajs.bannerStyles; exports.buttonStyles = _chunkOHMUYFGRjs.buttonStyles; exports.calendarStyles = _chunkGQ3JHZUTjs.calendarStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunk2YW3O3BVjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxItemStyles = _chunk2YW3O3BVjs.comboBoxItemStyles; exports.comboBoxStyles = _chunk2YW3O3BVjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.descriptionStyles = _chunk3GUL7NAVjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunk3GUL7NAVjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.focusClasses = _chunkX2UCVIR5js.focusClasses; exports.focusVisibleClasses = _chunkX2UCVIR5js.focusVisibleClasses; exports.govtBannerStyles = _chunkWWEFJ54Bjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunk3GUL7NAVjs.labelStyles; exports.selectItemStyles = _chunkATN4OFA4js.selectItemStyles; exports.selectSearchStyles = _chunkATN4OFA4js.selectSearchStyles; exports.selectStyles = _chunkATN4OFA4js.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tagFieldItemStyles = _chunkOUZ7DBASjs.tagFieldItemStyles; exports.tagFieldStyles = _chunkOUZ7DBASjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkMXWQ4MHMjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"],"names":[],"mappings":"AAAA,wGAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B,+BAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,+3DAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"],"names":[],"mappings":"AAAA,wGAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,6/DAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}

package/dist/index.mjs

@@ -1,7 +1,23 @@
-import "./chunk-IG5PS6RH.mjs";
+import "./chunk-ARRSHAJG.mjs";
+import {
+  tagFieldItemStyles,
+  tagFieldStyles
+} from "./chunk-GUV5RZUP.mjs";
+import {
+  textAreaStyles
+} from "./chunk-RKCURSL5.mjs";
 import {
   toggleStyles
 } from "./chunk-U5G5CDX6.mjs";
+import {
+  fieldBorderStyles,
+  fieldGroupStyles
+} from "./chunk-2YKM6BLP.mjs";
+import {
+  descriptionStyles,
+  fieldErrorStyles,
+  labelStyles
+} from "./chunk-TBOBJYPO.mjs";
 import {
   govtBannerStyles
 } from "./chunk-SETXC4VI.mjs";
@@ -17,35 +33,16 @@ import {
   spinnerStyles
 } from "./chunk-7XIXHTLH.mjs";
 import {
-  tagFieldItemStyles,
-  tagFieldStyles
-} from "./chunk-GUV5RZUP.mjs";
-import {
-  textAreaStyles
-} from "./chunk-RKCURSL5.mjs";
+  badgeCloseButtonStyles,
+  badgeStyles
+} from "./chunk-E7JBRLR5.mjs";
 import {
   bannerStyles
 } from "./chunk-2HLZ2TA2.mjs";
 import {
   buttonStyles
-} from "./chunk-IAY272MS.mjs";
-import "./chunk-AHHCX72Y.mjs";
-import "./chunk-M2BG3FAA.mjs";
-import "./chunk-XTHC46M2.mjs";
-import {
-  focusClasses,
-  focusVisibleClasses
-} from "./chunk-SFKXXWVK.mjs";
-import {
-  cn
-} from "./chunk-HAUMMW6T.mjs";
-import {
-  dataAttr
-} from "./chunk-TL5MCSZQ.mjs";
-import {
-  composeRenderProps,
-  composeTailwindRenderProps
-} from "./chunk-J2WMLIIA.mjs";
+} from "./chunk-LB4U4MBD.mjs";
+import "./chunk-C7FUGWVY.mjs";
 import {
   calendarStyles
 } from "./chunk-GK7MVUI2.mjs";
@@ -60,15 +57,22 @@ import {
 import {
   inputStyles
 } from "./chunk-43I4FEYX.mjs";
+import "./chunk-M2BG3FAA.mjs";
+import "./chunk-XTHC46M2.mjs";
 import {
-  fieldBorderStyles,
-  fieldGroupStyles
-} from "./chunk-2YKM6BLP.mjs";
+  focusClasses,
+  focusVisibleClasses
+} from "./chunk-SFKXXWVK.mjs";
 import {
-  descriptionStyles,
-  fieldErrorStyles,
-  labelStyles
-} from "./chunk-TBOBJYPO.mjs";
+  cn
+} from "./chunk-HAUMMW6T.mjs";
+import {
+  dataAttr
+} from "./chunk-TL5MCSZQ.mjs";
+import {
+  composeRenderProps,
+  composeTailwindRenderProps
+} from "./chunk-J2WMLIIA.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -77,6 +81,8 @@ import {
   twMerge
 } from "./chunk-R6W5A7PF.mjs";
 export {
+  badgeCloseButtonStyles,
+  badgeStyles,
   bannerStyles,
   buttonStyles,
   calendarStyles,

package/dist/utils/variants.d.mts

@@ -1,11 +1,11 @@
 declare const colorVariants: {
     solid: {
-        readonly main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly sub: "bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content pressed:bg-interaction-sub-active";
-        readonly neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly critical: "bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly success: "bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly warning: "bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
     };
     reverse: {
         main: string;
@@ -14,12 +14,73 @@ declare const colorVariants: {
         neutral: string;
     };
     outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        warning: string;
+        inverse: string;
+    };
+    clear: {
         main: string;
         critical: string;
         neutral: string;
         sub: string;
         inverse: string;
     };
+};
+declare const colorVariantsWithState: {
+    solid: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    reverse: {
+        main: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+    };
+    outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        warning: string;
+        inverse: string;
+    };
+    clear: {
+        main: string;
+        critical: string;
+        neutral: string;
+        sub: string;
+        inverse: string;
+    };
+} & {
+    solid: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    reverse: {
+        main: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+    };
+    outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        inverse: string;
+    };
     clear: {
         main: string;
         critical: string;
@@ -29,4 +90,4 @@ declare const colorVariants: {
     };
 };
 
-export { colorVariants };
+export { colorVariants, colorVariantsWithState };

package/dist/utils/variants.d.ts

@@ -1,11 +1,11 @@
 declare const colorVariants: {
     solid: {
-        readonly main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly sub: "bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content pressed:bg-interaction-sub-active";
-        readonly neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly critical: "bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly success: "bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly warning: "bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
     };
     reverse: {
         main: string;
@@ -14,12 +14,73 @@ declare const colorVariants: {
         neutral: string;
     };
     outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        warning: string;
+        inverse: string;
+    };
+    clear: {
         main: string;
         critical: string;
         neutral: string;
         sub: string;
         inverse: string;
     };
+};
+declare const colorVariantsWithState: {
+    solid: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    reverse: {
+        main: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+    };
+    outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        warning: string;
+        inverse: string;
+    };
+    clear: {
+        main: string;
+        critical: string;
+        neutral: string;
+        sub: string;
+        inverse: string;
+    };
+} & {
+    solid: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    reverse: {
+        main: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+    };
+    outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        inverse: string;
+    };
     clear: {
         main: string;
         critical: string;
@@ -29,4 +90,4 @@ declare const colorVariants: {
     };
 };
 
-export { colorVariants };
+export { colorVariants, colorVariantsWithState };

package/dist/utils/variants.js

@@ -1,7 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSNEPLJSLjs = require('../chunk-SNEPLJSL.js');
 
+var _chunk7Y2HFACMjs = require('../chunk-7Y2HFACM.js');
+require('../chunk-ZIQLHX3U.js');
+require('../chunk-HEB3T2LL.js');
 
-exports.colorVariants = _chunkSNEPLJSLjs.colorVariants;
+
+
+exports.colorVariants = _chunk7Y2HFACMjs.colorVariants; exports.colorVariantsWithState = _chunk7Y2HFACMjs.colorVariantsWithState;
 //# sourceMappingURL=variants.js.map

package/dist/utils/variants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/utils/variants.js"],"names":[],"mappings":"AAAA;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/utils/variants.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/utils/variants.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,iIAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/utils/variants.js"}

package/dist/utils/variants.mjs

@@ -1,7 +1,11 @@
 import {
-  colorVariants
-} from "../chunk-AHHCX72Y.mjs";
+  colorVariants,
+  colorVariantsWithState
+} from "../chunk-C7FUGWVY.mjs";
+import "../chunk-HAUMMW6T.mjs";
+import "../chunk-R6W5A7PF.mjs";
 export {
-  colorVariants
+  colorVariants,
+  colorVariantsWithState
 };
 //# sourceMappingURL=variants.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "sideEffects": false,
   "files": [
     "dist",
@@ -21,6 +21,7 @@
     "./tailwind.css": "./src/tailwind.css"
   },
   "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "eslint": "^9.20.1",
@@ -35,6 +36,7 @@
   "dependencies": {
     "@tailwindcss/vite": "4.0.6",
     "clsx": "^2.1.1",
+    "lodash-es": "^4.17.21",
     "react": "^19.0.0",
     "tailwind-merge": "^3.0.1",
     "tailwind-variants": "^0.3.1",

package/src/variants/base.css

@@ -177,6 +177,7 @@
   --color-interaction-links-inverse-hover: #ededed;
   --color-utility-feedback-info: #1361f0;
   --color-utility-feedback-info-subtle: #f7f9fe;
+  --color-utility-feedback-warning-strong: #624200;
   --color-utility-feedback-warning: #ffda68;
   --color-utility-feedback-warning-subtle: #fffae1;
   --color-utility-feedback-success: #0f796f;

package/dist/chunk-677MPYSL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-677MPYSL.js","../src/components/button.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-677MPYSL.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n  base: cn(\n    \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n    focusVisibleClasses,\n  ),\n  variants: {\n    layout: {\n      stretch: \"w-full\",\n      default: \"\",\n    },\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: \"\",\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    radius: {\n      none: \"rounded-none\",\n      sm: \"rounded-sm\",\n      default: \"rounded\",\n      md: \"rounded-md\",\n      lg: \"rounded-lg\",\n      full: \"rounded-full\",\n    },\n    isFocusVisible: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: \"cursor-not-allowed\",\n    },\n    isIconOnly: {\n      true: \"!gap-0 px-0\",\n      false: \"[&>svg]:max-w-[theme(spacing.8)]\",\n    },\n    size: {\n      xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n      sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n      md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n      lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n    },\n  },\n  compoundVariants: [\n    // solid / color\n    {\n      variant: \"solid\",\n      color: \"main\",\n      className: colorVariants.solid.main,\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: colorVariants.solid.sub,\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: colorVariants.solid.neutral,\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: colorVariants.solid.critical,\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: colorVariants.solid.warning,\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: colorVariants.solid.success,\n    },\n    // reverse / color\n    {\n      variant: \"reverse\",\n      color: \"main\",\n      className: colorVariants.reverse.main,\n    },\n    {\n      variant: \"reverse\",\n      color: \"critical\",\n      className: colorVariants.reverse.critical,\n    },\n    {\n      variant: \"reverse\",\n      color: \"sub\",\n      className: colorVariants.reverse.sub,\n    },\n    {\n      variant: \"reverse\",\n      color: \"neutral\",\n      className: colorVariants.reverse.neutral,\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: colorVariants.outline.main,\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: colorVariants.outline.critical,\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: colorVariants.outline.neutral,\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: colorVariants.outline.sub,\n    },\n    {\n      variant: \"outline\",\n      color: \"inverse\",\n      className: colorVariants.outline.inverse,\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: colorVariants.clear.main,\n    },\n    {\n      variant: \"clear\",\n      color: \"critical\",\n      className: colorVariants.clear.critical,\n    },\n    {\n      variant: \"clear\",\n      color: \"neutral\",\n      className: colorVariants.clear.neutral,\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: colorVariants.clear.sub,\n    },\n    {\n      variant: \"clear\",\n      color: \"inverse\",\n      className: colorVariants.clear.inverse,\n    },\n    // iconbutton / size\n    {\n      isIconOnly: true,\n      size: \"lg\",\n      class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n    },\n    {\n      isIconOnly: true,\n      size: \"md\",\n      class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"sm\",\n      class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"xs\",\n      class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    color: \"main\",\n    size: \"md\",\n    radius: \"default\",\n  },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"]}

package/dist/chunk-AHHCX72Y.mjs

@@ -1,40 +0,0 @@
-// src/utils/variants.ts
-var solid = {
-  main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
-  sub: "bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content pressed:bg-interaction-sub-active",
-  neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
-  critical: "bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
-  success: "bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
-  warning: "bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content"
-};
-var reverse = {
-  main: "bg-utility-ui hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
-  critical: "bg-utility-ui hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active pressed:bg-interaction-muted-critical-active text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
-  sub: "bg-utility-ui hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active pressed:bg-interaction-muted-sub-active text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
-  neutral: "bg-utility-ui hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active pressed:bg-interaction-muted-neutral-active text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui"
-};
-var outline = {
-  main: "border border-interaction-main-default active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  critical: "border border-interaction-critical-default active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  neutral: "border border-base-content-strong active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  sub: "border border-interaction-sub-default active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  inverse: "border border-base-content-inverse hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
-};
-var clear = {
-  main: "border border-utility-ui-clear active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  critical: "border border-utility-ui-clear active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  neutral: "border border-utility-ui-clear active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  sub: "border border-utility-ui-clear active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  inverse: "border border-utility-ui-clear hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
-};
-var colorVariants = {
-  solid,
-  reverse,
-  outline,
-  clear
-};
-
-export {
-  colorVariants
-};
-//# sourceMappingURL=chunk-AHHCX72Y.mjs.map

package/dist/chunk-AHHCX72Y.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/variants.ts"],"sourcesContent":["const solid = {\n  main: \"bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n  sub: \"bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content pressed:bg-interaction-sub-active\",\n  neutral:\n    \"bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n  critical:\n    \"bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n  success:\n    \"bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n  warning:\n    \"bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n} as const\n\nconst reverse = {\n  main: \"bg-utility-ui hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n  critical:\n    \"bg-utility-ui hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active pressed:bg-interaction-muted-critical-active text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n  sub: \"bg-utility-ui hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active pressed:bg-interaction-muted-sub-active text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n  neutral:\n    \"bg-utility-ui hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active pressed:bg-interaction-muted-neutral-active text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n}\n\nconst outline = {\n  main: \"border border-interaction-main-default active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  critical:\n    \"border border-interaction-critical-default active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  neutral:\n    \"border border-base-content-strong active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  sub: \"border border-interaction-sub-default active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  inverse:\n    \"border border-base-content-inverse hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n}\n\nconst clear = {\n  main: \"border border-utility-ui-clear active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  critical:\n    \"border border-utility-ui-clear active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  neutral:\n    \"border border-utility-ui-clear active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  sub: \"border border-utility-ui-clear active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  inverse:\n    \"border border-utility-ui-clear hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n}\n\nexport const colorVariants = {\n  solid,\n  reverse,\n  outline,\n  clear,\n}\n"],"mappings":";AAAA,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SACE;AAAA,EACF,UACE;AAAA,EACF,SACE;AAAA,EACF,SACE;AACJ;AAEA,IAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,UACE;AAAA,EACF,KAAK;AAAA,EACL,SACE;AACJ;AAEA,IAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,UACE;AAAA,EACF,SACE;AAAA,EACF,KAAK;AAAA,EACL,SACE;AACJ;AAEA,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,UACE;AAAA,EACF,SACE;AAAA,EACF,KAAK;AAAA,EACL,SACE;AACJ;AAEO,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-IAY272MS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/button.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n  base: cn(\n    \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n    focusVisibleClasses,\n  ),\n  variants: {\n    layout: {\n      stretch: \"w-full\",\n      default: \"\",\n    },\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: \"\",\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    radius: {\n      none: \"rounded-none\",\n      sm: \"rounded-sm\",\n      default: \"rounded\",\n      md: \"rounded-md\",\n      lg: \"rounded-lg\",\n      full: \"rounded-full\",\n    },\n    isFocusVisible: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: \"cursor-not-allowed\",\n    },\n    isIconOnly: {\n      true: \"!gap-0 px-0\",\n      false: \"[&>svg]:max-w-[theme(spacing.8)]\",\n    },\n    size: {\n      xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n      sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n      md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n      lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n    },\n  },\n  compoundVariants: [\n    // solid / color\n    {\n      variant: \"solid\",\n      color: \"main\",\n      className: colorVariants.solid.main,\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: colorVariants.solid.sub,\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: colorVariants.solid.neutral,\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: colorVariants.solid.critical,\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: colorVariants.solid.warning,\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: colorVariants.solid.success,\n    },\n    // reverse / color\n    {\n      variant: \"reverse\",\n      color: \"main\",\n      className: colorVariants.reverse.main,\n    },\n    {\n      variant: \"reverse\",\n      color: \"critical\",\n      className: colorVariants.reverse.critical,\n    },\n    {\n      variant: \"reverse\",\n      color: \"sub\",\n      className: colorVariants.reverse.sub,\n    },\n    {\n      variant: \"reverse\",\n      color: \"neutral\",\n      className: colorVariants.reverse.neutral,\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: colorVariants.outline.main,\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: colorVariants.outline.critical,\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: colorVariants.outline.neutral,\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: colorVariants.outline.sub,\n    },\n    {\n      variant: \"outline\",\n      color: \"inverse\",\n      className: colorVariants.outline.inverse,\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: colorVariants.clear.main,\n    },\n    {\n      variant: \"clear\",\n      color: \"critical\",\n      className: colorVariants.clear.critical,\n    },\n    {\n      variant: \"clear\",\n      color: \"neutral\",\n      className: colorVariants.clear.neutral,\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: colorVariants.clear.sub,\n    },\n    {\n      variant: \"clear\",\n      color: \"inverse\",\n      className: colorVariants.clear.inverse,\n    },\n    // iconbutton / size\n    {\n      isIconOnly: true,\n      size: \"lg\",\n      class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n    },\n    {\n      isIconOnly: true,\n      size: \"md\",\n      class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"sm\",\n      class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"xs\",\n      class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    color: \"main\",\n    size: \"md\",\n    radius: \"default\",\n  },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"],"mappings":"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","names":[]}

package/dist/chunk-IG5PS6RH.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-IG5PS6RH.mjs.map

package/dist/chunk-MNY5DC4A.js

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=chunk-MNY5DC4A.js.map