@cambly/syntax-core 20.1.0 → 20.3.0

package/dist/__chunks/{Y5R3XLL7.cjs → P3YRUAAE.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _3RX4RMGCcjs = require('./3RX4RMGC.cjs');
+var _OKT24L6Dcjs = require('./OKT24L6D.cjs');
 
 
 var _VJWLFFADcjs = require('./VJWLFFAD.cjs');
@@ -113,7 +113,7 @@ var ModalDialog = _react.forwardRef.call(void 0,
             "aria-label": accessibilityLabel,
             onChangeContentVisibility,
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _3RX4RMGCcjs.Dialog_default,
+              _OKT24L6Dcjs.Dialog_default,
               {
                 accessibilityLabel,
                 "data-testid": dataTestId,
@@ -157,4 +157,4 @@ var ModalDialog_default = ModalDialog;
 
 
 exports.AriaModalOverlay = AriaModalOverlay; exports.AriaModal = AriaModal; exports.ModalDialog_default = ModalDialog_default;
-//# sourceMappingURL=Y5R3XLL7.cjs.map
+//# sourceMappingURL=P3YRUAAE.cjs.map

package/dist/__chunks/{CKRK4CN4.js → P7OZNQDL.js}

@@ -4,7 +4,7 @@ import {
 } from "./VV2NJABK.js";
 import {
   TabInternal
-} from "./45DUMC5J.js";
+} from "./URFJDXHO.js";
 import {
   Box_default
 } from "./IB6JZQF3.js";
@@ -72,4 +72,4 @@ var TabLink_default = TabLink;
 export {
   TabLink_default
 };
-//# sourceMappingURL=CKRK4CN4.js.map
+//# sourceMappingURL=P7OZNQDL.js.map

package/dist/__chunks/{SW6S6ZCI.cjs → PEWPDQ4Z.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
+var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
 
 
 var _2XIVACBMcjs = require('./2XIVACBM.cjs');
@@ -40,7 +40,7 @@ var ItemCountIcon = ({
           rounding: "full",
           padding: 1,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _RVU3UEZIcjs.Typography_default,
+            _4TYOP5XMcjs.Typography_default,
             {
               color: on === "lightBackground" ? "white" : "primary",
               weight: "semiBold",
@@ -79,7 +79,7 @@ function TabInternal({
       paddingY: 2,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _RVU3UEZIcjs.Typography_default,
+          _4TYOP5XMcjs.Typography_default,
           {
             size: 0,
             transform: "uppercase",
@@ -98,4 +98,4 @@ function TabInternal({
 
 
 exports.TabInternal = TabInternal;
-//# sourceMappingURL=SW6S6ZCI.cjs.map
+//# sourceMappingURL=PEWPDQ4Z.cjs.map

package/dist/__chunks/{LVKEK2EY.cjs → PMNFDB6C.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _5NYVFU4Acjs = require('./5NYVFU4A.cjs');
+var _J5XNUGR3cjs = require('./J5XNUGR3.cjs');
 
 
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
+var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -59,7 +59,7 @@ function TextField({
         }
       },
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: textColor, children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: 100, color: textColor, children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           _QODNNCT2cjs.Box_default,
           {
@@ -98,7 +98,7 @@ function TextField({
                   dangerouslySetInlineStyle: { __style: { top: "25%" } },
                   marginEnd: 4,
                   children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _5NYVFU4Acjs.Badge_default,
+                    _J5XNUGR3cjs.Badge_default,
                     {
                       text: endBadge,
                       color: on === "lightBackground" ? "gray370" : "gray870"
@@ -109,7 +109,7 @@ function TextField({
             ]
           }
         ),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: errorText ? errorTextColor : textColor, children: errorText || helperText }) })
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: 100, color: errorText ? errorTextColor : textColor, children: errorText || helperText }) })
       ]
     }
   );
@@ -118,4 +118,4 @@ function TextField({
 
 
 exports.TextField = TextField;
-//# sourceMappingURL=LVKEK2EY.cjs.map
+//# sourceMappingURL=PMNFDB6C.cjs.map

package/dist/__chunks/{GQ3EDG2X.js → PQOA7RCC.js}

@@ -1,29 +1,29 @@
 "use client"
 import {
   Popover_default
-} from "./ATUBU46J.js";
+} from "./IKOJX6EH.js";
 import {
   DialogContext
-} from "./CXENLD6O.js";
+} from "./QVK3VV5M.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./5OYS7RA7.js";
+} from "./FVE7IUGA.js";
 import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "./7YH3K65I.js";
+} from "./MOUGFIY7.js";
 import {
   RichSelectSection_default
-} from "./6KET3XO2.js";
+} from "./I2TGRWBJ.js";
 import {
   RichSelectRadioButton_default
-} from "./CS32ABQA.js";
+} from "./ZAYQ4QHT.js";
 import {
   RichSelectChip_default
-} from "./WCQCYWL5.js";
+} from "./WQ4ENJC7.js";
 import {
   TapArea_default
 } from "./77FFPQY6.js";
@@ -32,7 +32,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./RJQ2LSPP.js";
+} from "./RVPSNO77.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -286,4 +286,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=GQ3EDG2X.js.map
+//# sourceMappingURL=PQOA7RCC.js.map

package/dist/__chunks/{RX3JA6WI.js → QTGFGB6U.js}

@@ -7,7 +7,7 @@ import {
 } from "./VV2NJABK.js";
 import {
   TabInternal
-} from "./45DUMC5J.js";
+} from "./URFJDXHO.js";
 import {
   Box_default
 } from "./IB6JZQF3.js";
@@ -64,4 +64,4 @@ function TabButton({
 export {
   TabButton
 };
-//# sourceMappingURL=RX3JA6WI.js.map
+//# sourceMappingURL=QTGFGB6U.js.map

package/dist/__chunks/{CXENLD6O.js → QVK3VV5M.js}

@@ -25,7 +25,7 @@ import React, {
 var elevation_module_default = { "elevation400BoxShadow": "_elevation400BoxShadow_vw6sp_1" };
 
 // css-module:./Dialog.module.css#css-module
-var Dialog_module_default = { "dialog": "_dialog_1bme6_1" };
+var Dialog_module_default = { "dialog": "_dialog_1ds6e_1" };
 
 // src/Dialog/Dialog.tsx
 import { Dialog as ReactAriaDialog } from "react-aria-components";
@@ -77,4 +77,4 @@ export {
   DialogContext,
   Dialog_default
 };
-//# sourceMappingURL=CXENLD6O.js.map
+//# sourceMappingURL=QVK3VV5M.js.map

package/dist/__chunks/{CXENLD6O.js.map → QVK3VV5M.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dialog/Dialog.tsx","css-module:../elevation/elevation.module.css#css-module","css-module:./Dialog.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactNode,\n  forwardRef,\n  type ReactElement,\n  useContext,\n  type ComponentProps,\n} from \"react\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport elevationStyles from \"../elevation/elevation.module.css\";\nimport layoutStyles from \"../layout.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport styles from \"./Dialog.module.css\";\nimport { Dialog as ReactAriaDialog } from \"react-aria-components\";\nimport classNames from \"classnames\";\nimport type Box from \"../Box/Box\";\n\ntype DialogSize = \"sm\" | \"md\" | \"lg\";\nexport type DialogProps = {\n  /** Test id for the floating dialog */\n  \"data-testid\"?: string;\n  /** aria-label for the dialog */\n  accessibilityLabel?: string;\n  /** Content to be shown inside the dialog. */\n  children?: ReactNode;\n  /** Optional size of the dialog box */\n  size?: DialogSize;\n};\n\nconst sizeToPadding: Record<DialogSize, 4 | 5 | 6> = {\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\ntype DialogContextType = {\n  /** padding of dialog content. overrides \\\"size\\\" prop's padding\" */\n  padding?: ComponentProps<typeof Box>[\"padding\"];\n};\nexport const DialogContext = React.createContext<DialogContextType>({});\n\n/**\n * Dialog is a display component for showing content in Popovers, Modals, etc...\n *\n * Example Usage:\n ```\n  <Dialog accessibilityLabel=\"Select some options\">\n    <Box padding={2} maxWidth={400}>\n      ... some content goes here\n    </Box>\n  </Dialog>\n ```\n */\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  props,\n  ref,\n): ReactElement {\n  const {\n    \"data-testid\": dataTestId,\n    accessibilityLabel,\n    children,\n    size = \"md\",\n  } = props;\n\n  const { padding } = useContext(DialogContext);\n\n  return (\n    <ReactAriaDialog\n      ref={ref}\n      data-testid={dataTestId}\n      // first thing screen reader reads\n      // e.g. \"<this was the label prop>, dialog, 4 items...\"\n      aria-label={accessibilityLabel}\n      className={classNames([\n        boxStyles.box,\n        boxStyles.flex,\n        boxStyles.column,\n        boxStyles.gap4,\n        boxStyles.relative,\n        boxStyles.overflowauto,\n        colorStyles.whiteBackgroundColor,\n        paddingStyles[`paddingX${padding ?? sizeToPadding[size]}`],\n        paddingStyles[`paddingY${padding ?? sizeToPadding[size]}`],\n        roundingStyles.roundingmd,\n        elevationStyles.elevation400BoxShadow,\n        layoutStyles.fullMaxHeight,\n        layoutStyles.visibilityVisible,\n        styles.dialog,\n      ])}\n    >\n      {children}\n    </ReactAriaDialog>\n  );\n});\n\nexport default Dialog;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/elevation/elevation.module.css\"; export default {\"elevation400BoxShadow\":\"_elevation400BoxShadow_vw6sp_1\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Dialog/Dialog.module.css\"; export default {\"dialog\":\"_dialog_1bme6_1\"}"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO;AAAA,EAEL;AAAA,EAEA;AAAA,OAEK;;;ACN2F,IAAO,2BAAQ,EAAC,yBAAwB,iCAAgC;;;ACA9E,IAAO,wBAAQ,EAAC,UAAS,kBAAiB;;;AFctI,SAAS,UAAU,uBAAuB;AAC1C,OAAO,gBAAgB;AAqDnB;AAtCJ,IAAM,gBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAMO,IAAM,gBAAgB,MAAM,cAAiC,CAAC,CAAC;AActE,IAAM,SAAS,WAAwC,SAASA,QAC9D,OACA,KACc;AACd,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MAGb,cAAY;AAAA,MACZ,WAAW,WAAW;AAAA,QACpB,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,sBAAY;AAAA,QACZ,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,wBAAe;AAAA,QACf,yBAAgB;AAAA,QAChB,sBAAa;AAAA,QACb,sBAAa;AAAA,QACb,sBAAO;AAAA,MACT,CAAC;AAAA,MAEA;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iBAAQ;","names":["Dialog"]}
+{"version":3,"sources":["../../src/Dialog/Dialog.tsx","css-module:../elevation/elevation.module.css#css-module","css-module:./Dialog.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactNode,\n  forwardRef,\n  type ReactElement,\n  useContext,\n  type ComponentProps,\n} from \"react\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport elevationStyles from \"../elevation/elevation.module.css\";\nimport layoutStyles from \"../layout.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport styles from \"./Dialog.module.css\";\nimport { Dialog as ReactAriaDialog } from \"react-aria-components\";\nimport classNames from \"classnames\";\nimport type Box from \"../Box/Box\";\n\ntype DialogSize = \"sm\" | \"md\" | \"lg\";\nexport type DialogProps = {\n  /** Test id for the floating dialog */\n  \"data-testid\"?: string;\n  /** aria-label for the dialog */\n  accessibilityLabel?: string;\n  /** Content to be shown inside the dialog. */\n  children?: ReactNode;\n  /** Optional size of the dialog box */\n  size?: DialogSize;\n};\n\nconst sizeToPadding: Record<DialogSize, 4 | 5 | 6> = {\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\ntype DialogContextType = {\n  /** padding of dialog content. overrides \\\"size\\\" prop's padding\" */\n  padding?: ComponentProps<typeof Box>[\"padding\"];\n};\nexport const DialogContext = React.createContext<DialogContextType>({});\n\n/**\n * Dialog is a display component for showing content in Popovers, Modals, etc...\n *\n * Example Usage:\n ```\n  <Dialog accessibilityLabel=\"Select some options\">\n    <Box padding={2} maxWidth={400}>\n      ... some content goes here\n    </Box>\n  </Dialog>\n ```\n */\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  props,\n  ref,\n): ReactElement {\n  const {\n    \"data-testid\": dataTestId,\n    accessibilityLabel,\n    children,\n    size = \"md\",\n  } = props;\n\n  const { padding } = useContext(DialogContext);\n\n  return (\n    <ReactAriaDialog\n      ref={ref}\n      data-testid={dataTestId}\n      // first thing screen reader reads\n      // e.g. \"<this was the label prop>, dialog, 4 items...\"\n      aria-label={accessibilityLabel}\n      className={classNames([\n        boxStyles.box,\n        boxStyles.flex,\n        boxStyles.column,\n        boxStyles.gap4,\n        boxStyles.relative,\n        boxStyles.overflowauto,\n        colorStyles.whiteBackgroundColor,\n        paddingStyles[`paddingX${padding ?? sizeToPadding[size]}`],\n        paddingStyles[`paddingY${padding ?? sizeToPadding[size]}`],\n        roundingStyles.roundingmd,\n        elevationStyles.elevation400BoxShadow,\n        layoutStyles.fullMaxHeight,\n        layoutStyles.visibilityVisible,\n        styles.dialog,\n      ])}\n    >\n      {children}\n    </ReactAriaDialog>\n  );\n});\n\nexport default Dialog;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/elevation/elevation.module.css\"; export default {\"elevation400BoxShadow\":\"_elevation400BoxShadow_vw6sp_1\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Dialog/Dialog.module.css\"; export default {\"dialog\":\"_dialog_1ds6e_1\"}"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO;AAAA,EAEL;AAAA,EAEA;AAAA,OAEK;;;ACN2F,IAAO,2BAAQ,EAAC,yBAAwB,iCAAgC;;;ACA9E,IAAO,wBAAQ,EAAC,UAAS,kBAAiB;;;AFctI,SAAS,UAAU,uBAAuB;AAC1C,OAAO,gBAAgB;AAqDnB;AAtCJ,IAAM,gBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAMO,IAAM,gBAAgB,MAAM,cAAiC,CAAC,CAAC;AActE,IAAM,SAAS,WAAwC,SAASA,QAC9D,OACA,KACc;AACd,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MAGb,cAAY;AAAA,MACZ,WAAW,WAAW;AAAA,QACpB,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,sBAAY;AAAA,QACZ,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,wBAAe;AAAA,QACf,yBAAgB;AAAA,QAChB,sBAAa;AAAA,QACb,sBAAa;AAAA,QACb,sBAAO;AAAA,MACT,CAAC;AAAA,MAEA;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iBAAQ;","names":["Dialog"]}

package/dist/__chunks/{RJQ2LSPP.js → RVPSNO77.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   textColor
-} from "./YSI244J6.js";
+} from "./EZITRCKZ.js";
 
 // src/Typography/Typography.tsx
 import classNames from "classnames";
@@ -61,4 +61,4 @@ var Typography_default = Typography;
 export {
   Typography_default
 };
-//# sourceMappingURL=RJQ2LSPP.js.map
+//# sourceMappingURL=RVPSNO77.js.map

package/dist/__chunks/{SJOBDTPK.cjs → S3NKZJST.cjs}

@@ -6,7 +6,7 @@ var _JVGX637Ecjs = require('./JVGX637E.cjs');
 
 
 
-var _LT2LND2Pcjs = require('./LT2LND2P.cjs');
+var _ARG3EXY4cjs = require('./ARG3EXY4.cjs');
 
 
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
@@ -15,7 +15,7 @@ var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
+var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -66,12 +66,12 @@ function SelectList({
   };
   const getArrowIconColor = () => {
     if (errorText) {
-      return _LT2LND2Pcjs.ColorBaseDestructive700;
+      return _ARG3EXY4cjs.ColorBaseDestructive700;
     } else {
       if (on === "darkBackground") {
-        return _LT2LND2Pcjs.ColorCambioWhite100;
+        return _ARG3EXY4cjs.ColorCambioWhite100;
       } else {
-        return _LT2LND2Pcjs.ColorBaseGray700;
+        return _ARG3EXY4cjs.ColorBaseGray700;
       }
     }
   };
@@ -82,7 +82,7 @@ function SelectList({
         [SelectList_module_default.opacityOverlay]: disabled
       }),
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: textColor, children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: 100, color: textColor, children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SelectList_module_default.selectWrapper, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "select",
@@ -130,7 +130,7 @@ function SelectList({
             }
           ) })
         ] }),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: errorText ? errorTextColor : textColor, children: errorText ? errorText : helperText }) })
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: 100, color: errorText ? errorTextColor : textColor, children: errorText ? errorText : helperText }) })
       ]
     }
   );
@@ -140,4 +140,4 @@ SelectList.Option = _JVGX637Ecjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=SJOBDTPK.cjs.map
+//# sourceMappingURL=S3NKZJST.cjs.map

package/dist/__chunks/{4FGMH6ZT.js → TIF2TGI4.js}

@@ -7,7 +7,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./RJQ2LSPP.js";
+} from "./RVPSNO77.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -127,4 +127,4 @@ var RadioButton_default = RadioButton;
 export {
   RadioButton_default
 };
-//# sourceMappingURL=4FGMH6ZT.js.map
+//# sourceMappingURL=TIF2TGI4.js.map

package/dist/__chunks/{YNGB4N62.cjs → TTUGZZPV.cjs}

@@ -23,7 +23,7 @@ var _2D3DOVVZcjs = require('./2D3DOVVZ.cjs');
 var _F3SUJGZLcjs = require('./F3SUJGZL.cjs');
 
 
-var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
+var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
 
 // src/LinkButton/LinkButton.tsx
 
@@ -89,7 +89,7 @@ var LinkButton = _react.forwardRef.call(void 0,
               size: _65BTPZZTcjs.internalIconSize[size]
             }
           ),
-          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: foregroundColorClass,
@@ -138,4 +138,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=YNGB4N62.cjs.map
+//# sourceMappingURL=TTUGZZPV.cjs.map

package/dist/__chunks/{45DUMC5J.js → URFJDXHO.js}

@@ -4,7 +4,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./RJQ2LSPP.js";
+} from "./RVPSNO77.js";
 import {
   colors_module_default
 } from "./XSYKMCV5.js";
@@ -98,4 +98,4 @@ function TabInternal({
 export {
   TabInternal
 };
-//# sourceMappingURL=45DUMC5J.js.map
+//# sourceMappingURL=URFJDXHO.js.map

package/dist/__chunks/{AAZIVDWS.cjs → VDLYCYDQ.cjs}

@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
+var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
 
 // src/RichSelect/RichSelectSection.tsx
 var _react = require('react');
@@ -39,7 +39,7 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
           }
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { children: label }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { children: label }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Collection, { children })
         ]
       }
@@ -50,4 +50,4 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectSection_default = RichSelectSection_default;
-//# sourceMappingURL=AAZIVDWS.cjs.map
+//# sourceMappingURL=VDLYCYDQ.cjs.map

package/dist/__chunks/{IUX3GQRD.cjs → VVRMCACE.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
+var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -57,8 +57,8 @@ var TextArea = _react.forwardRef.call(void 0,
         },
         position: "relative",
         children: [
-          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: textColor, children: label }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: 100, color: textColor, children: label }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "textarea",
             {
               "data-testid": dataTestId,
@@ -82,7 +82,7 @@ var TextArea = _react.forwardRef.call(void 0,
             }
           ) }),
           (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _RVU3UEZIcjs.Typography_default,
+            _4TYOP5XMcjs.Typography_default,
             {
               size: 100,
               color: errorText ? errorTextColor : textColor,
@@ -99,4 +99,4 @@ var TextArea_default = TextArea;
 
 
 exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=IUX3GQRD.cjs.map
+//# sourceMappingURL=VVRMCACE.cjs.map

package/dist/__chunks/{PBOAPP74.cjs → WKADTHRK.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _AI52ORKAcjs = require('./AI52ORKA.cjs');
+var _DHXH7ZSGcjs = require('./DHXH7ZSG.cjs');
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
@@ -19,7 +19,7 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
   function RichSelectRadioButton(props, ref) {
     const _a = props, { size, name } = _a, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _a, ["size", "name"]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _AI52ORKAcjs.RadioButton_default,
+      _DHXH7ZSGcjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=PBOAPP74.cjs.map
+//# sourceMappingURL=WKADTHRK.cjs.map

package/dist/__chunks/{WCQCYWL5.js → WQ4ENJC7.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Chip_default
-} from "./XEHZJBLD.js";
+} from "./NVTCDO3W.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
 export {
   RichSelectChip_default
 };
-//# sourceMappingURL=WCQCYWL5.js.map
+//# sourceMappingURL=WQ4ENJC7.js.map

package/dist/__chunks/{DDD7XI7R.js → X4DRRDFO.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Typography_default
-} from "./RJQ2LSPP.js";
+} from "./RVPSNO77.js";
 
 // src/Heading/Heading.tsx
 import { jsx } from "react/jsx-runtime";
@@ -47,4 +47,4 @@ var Heading_default = Heading;
 export {
   Heading_default
 };
-//# sourceMappingURL=DDD7XI7R.js.map
+//# sourceMappingURL=X4DRRDFO.js.map

package/dist/__chunks/{S7BCIAUQ.cjs → XUDOYOWH.cjs}

@@ -4,7 +4,7 @@
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
+var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -98,7 +98,7 @@ var Checkbox = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _RVU3UEZIcjs.Typography_default,
+          _4TYOP5XMcjs.Typography_default,
           {
             size: typographySize[size],
             color: error ? "destructive-darkBackground" : "primary",
@@ -114,4 +114,4 @@ var Checkbox_default = Checkbox;
 
 
 exports.Checkbox_default = Checkbox_default;
-//# sourceMappingURL=S7BCIAUQ.cjs.map
+//# sourceMappingURL=XUDOYOWH.cjs.map

package/dist/__chunks/{FHQ7KPFE.cjs → YGFJ2STL.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
+var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
 
 // src/WordConfetti/WordConfetti.tsx
 var _react = require('react');
@@ -48,7 +48,7 @@ var WordConfetto = ({
         }
       },
       width: "fit-content",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size, weight: "bold", fontStyle: "serif", children: text })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size, weight: "bold", fontStyle: "serif", children: text })
     }
   );
 };
@@ -101,4 +101,4 @@ var WordConfetti_default = WordConfetti;
 
 
 exports.WordConfetti_default = WordConfetti_default;
-//# sourceMappingURL=FHQ7KPFE.cjs.map
+//# sourceMappingURL=YGFJ2STL.cjs.map

package/dist/__chunks/{QURJJHRN.js → YN2ORRKZ.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Dialog_default
-} from "./CXENLD6O.js";
+} from "./QVK3VV5M.js";
 import {
   IconButton_default
 } from "./GDXRRA57.js";
@@ -157,4 +157,4 @@ export {
   AriaModal,
   ModalDialog_default
 };
-//# sourceMappingURL=QURJJHRN.js.map
+//# sourceMappingURL=YN2ORRKZ.js.map

package/dist/__chunks/{WGRDMB2P.js → Z74J5XCF.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Heading_default
-} from "./DDD7XI7R.js";
+} from "./X4DRRDFO.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=WGRDMB2P.js.map
+//# sourceMappingURL=Z74J5XCF.js.map

package/dist/__chunks/{CS32ABQA.js → ZAYQ4QHT.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   RadioButton_default
-} from "./4FGMH6ZT.js";
+} from "./TIF2TGI4.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=CS32ABQA.js.map
+//# sourceMappingURL=ZAYQ4QHT.js.map

package/dist/colors/textColors.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _TA4EX7DLcjs = require('../__chunks/TA4EX7DL.cjs');
+var _B3JRSVBDcjs = require('../__chunks/B3JRSVBD.cjs');
 require('../__chunks/2XIVACBM.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _TA4EX7DLcjs.textColor;
+exports.default = _B3JRSVBDcjs.textColor;
 //# sourceMappingURL=textColors.cjs.map

package/dist/colors/textColors.js

@@ -1,7 +1,7 @@
 "use client"
 import {
   textColor
-} from "../__chunks/YSI244J6.js";
+} from "../__chunks/EZITRCKZ.js";
 import "../__chunks/XSYKMCV5.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/UWGNJENA.js";