@cambly/syntax-core 15.3.0 → 15.4.0

package/dist/__chunks/LMZJHS5E.js

@@ -0,0 +1,75 @@
+"use client"
+import {
+  Tabs_module_default
+} from "./5JQ6C2XV.js";
+import {
+  TabInternal
+} from "./CB66GOW7.js";
+import {
+  Box_default
+} from "./65PMWIHY.js";
+
+// src/Tabs/TabLink.tsx
+import {
+  forwardRef
+} from "react";
+import classnames from "classnames";
+import { jsx } from "react/jsx-runtime";
+var TabLink = forwardRef(
+  ({
+    text,
+    href,
+    target,
+    rel,
+    "data-testid": dataTestId,
+    on,
+    onClick,
+    selected,
+    endContent,
+    itemCount
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "tab",
+        className: classnames({
+          [Tabs_module_default.unselectedTab]: !selected,
+          [Tabs_module_default.selectedTabOnLightBackground]: selected && on === "lightBackground",
+          [Tabs_module_default.selectedTabDarkBackground]: selected && on === "darkBackground"
+        }),
+        style: {
+          height: "100%"
+        },
+        children: /* @__PURE__ */ jsx(Box_default, { display: "flex", alignItems: "center", height: "100%", children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href,
+            "data-testid": dataTestId,
+            target,
+            ref,
+            rel,
+            onClick,
+            className: Tabs_module_default.link,
+            children: /* @__PURE__ */ jsx(
+              TabInternal,
+              {
+                text,
+                selected,
+                endContent,
+                itemCount,
+                on
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+TabLink.displayName = "TabLink";
+var TabLink_default = TabLink;
+
+export {
+  TabLink_default
+};
+//# sourceMappingURL=LMZJHS5E.js.map

package/dist/__chunks/LMZJHS5E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/TabLink.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type HtmlHTMLAttributes,\n  type ComponentProps,\n} from \"react\";\nimport TabInternal from \"./TabInternal\";\nimport classnames from \"classnames\";\nimport styles from \"./Tabs.module.css\";\nimport Box from \"../Box/Box\";\n\ntype TabLinkProps = ComponentProps<typeof TabInternal> & {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The link that the Tab should route to.\n   *\n   */\n  href: string;\n  /**\n   * The target attribute specifies where to open the linked document.\n   *\n   */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /**\n   * The rel attribute specifies the relationship between the document and the link.\n   *\n   */\n  rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n  /**\n   * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\nconst TabLink = forwardRef<HTMLAnchorElement, TabLinkProps>(\n  (\n    {\n      text,\n      href,\n      target,\n      rel,\n      \"data-testid\": dataTestId,\n      on,\n      onClick,\n      selected,\n      endContent,\n      itemCount,\n    }: TabLinkProps,\n    ref,\n  ) => {\n    return (\n      <div\n        role=\"tab\"\n        className={classnames({\n          [styles.unselectedTab]: !selected,\n          [styles.selectedTabOnLightBackground]:\n            selected && on === \"lightBackground\",\n          [styles.selectedTabDarkBackground]:\n            selected && on === \"darkBackground\",\n        })}\n        style={{\n          height: \"100%\",\n        }}\n      >\n        <Box display=\"flex\" alignItems=\"center\" height=\"100%\">\n          <a\n            href={href}\n            data-testid={dataTestId}\n            target={target}\n            ref={ref}\n            rel={rel}\n            onClick={onClick}\n            className={styles.link}\n          >\n            <TabInternal\n              text={text}\n              selected={selected}\n              endContent={endContent}\n              itemCount={itemCount}\n              on={on}\n            />\n          </a>\n        </Box>\n      </div>\n    );\n  },\n);\n\nTabLink.displayName = \"TabLink\";\n\nexport default TabLink;\n"],"mappings":";;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,OAGK;AAEP,OAAO,gBAAgB;AAsEX;AAxCZ,IAAM,UAAU;AAAA,EACd,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,WAAW;AAAA,UACpB,CAAC,oBAAO,aAAa,GAAG,CAAC;AAAA,UACzB,CAAC,oBAAO,4BAA4B,GAClC,YAAY,OAAO;AAAA,UACrB,CAAC,oBAAO,yBAAyB,GAC/B,YAAY,OAAO;AAAA,QACvB,CAAC;AAAA,QACD,OAAO;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QAEA,8BAAC,eAAI,SAAQ,QAAO,YAAW,UAAS,QAAO,QAC7C;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,oBAAO;AAAA,YAElB;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF;AAAA;AAAA,QACF,GACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;","names":[]}

package/dist/__chunks/{ELEREGBW.cjs → LNLOBEMH.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _TYPTB7HDcjs = require('./TYPTB7HD.cjs');
+var _SSGQWZJGcjs = require('./SSGQWZJG.cjs');
 
 
-var _76LTWV2Qcjs = require('./76LTWV2Q.cjs');
+var _J27AGJQBcjs = require('./J27AGJQB.cjs');
 
 
 var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
@@ -100,7 +100,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
   } = props;
   const modal = !children || modalProp;
   const modalNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _TYPTB7HDcjs.ModalDialog_default,
+    _SSGQWZJGcjs.ModalDialog_default,
     {
       accessibilityLabel,
       accessibilityCloseLabel,
@@ -117,7 +117,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
     {
       placement: _LLFHCGRAcjs.syntaxToReactAriaPlacement.call(void 0, placement),
       onChangeContentVisibility,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _76LTWV2Qcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _J27AGJQBcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
     }
   );
   if (!children)
@@ -141,4 +141,4 @@ var Popover_default = Popover;
 
 
 exports.AriaPopover = AriaPopover; exports.Popover_default = Popover_default;
-//# sourceMappingURL=ELEREGBW.cjs.map
+//# sourceMappingURL=LNLOBEMH.cjs.map

package/dist/__chunks/{MKZONAGT.cjs → LZYX5BWD.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _KZT53ITQcjs = require('./KZT53ITQ.cjs');
+var _JTTZCAPPcjs = require('./JTTZCAPP.cjs');
 
 // src/colors/foregroundColor.ts
 function foregroundColor(color, on) {
@@ -10,33 +10,33 @@ function foregroundColor(color, on) {
       case "primary":
       case "success-primary":
       case "destructive-primary":
-        return _KZT53ITQcjs.colors_module_default.cambioWhiteColor;
+        return _JTTZCAPPcjs.colors_module_default.cambioWhiteColor;
       case "success-secondary":
       case "success-tertiary":
-        return _KZT53ITQcjs.colors_module_default.cambioSuccess700Color;
+        return _JTTZCAPPcjs.colors_module_default.cambioSuccess700Color;
       case "destructive-secondary":
       case "destructive-tertiary":
-        return _KZT53ITQcjs.colors_module_default.cambioDestructive700Color;
+        return _JTTZCAPPcjs.colors_module_default.cambioDestructive700Color;
       default:
-        return _KZT53ITQcjs.colors_module_default.cambioBlackColor;
+        return _JTTZCAPPcjs.colors_module_default.cambioBlackColor;
     }
   } else {
     switch (color) {
       case "primary":
       case "success-primary":
       case "destructive-primary":
-        return _KZT53ITQcjs.colors_module_default.cambioBlackColor;
+        return _JTTZCAPPcjs.colors_module_default.cambioBlackColor;
       case "secondary":
       case "tertiary":
-        return _KZT53ITQcjs.colors_module_default.cambioWhiteColor;
+        return _JTTZCAPPcjs.colors_module_default.cambioWhiteColor;
       case "success-secondary":
       case "success-tertiary":
-        return _KZT53ITQcjs.colors_module_default.cambioSuccess300Color;
+        return _JTTZCAPPcjs.colors_module_default.cambioSuccess300Color;
       case "destructive-secondary":
       case "destructive-tertiary":
-        return _KZT53ITQcjs.colors_module_default.cambioDestructive300Color;
+        return _JTTZCAPPcjs.colors_module_default.cambioDestructive300Color;
       default:
-        return _KZT53ITQcjs.colors_module_default.cambioBlackColor;
+        return _JTTZCAPPcjs.colors_module_default.cambioBlackColor;
     }
   }
 }
@@ -44,4 +44,4 @@ function foregroundColor(color, on) {
 
 
 exports.foregroundColor = foregroundColor;
-//# sourceMappingURL=MKZONAGT.cjs.map
+//# sourceMappingURL=LZYX5BWD.cjs.map

package/dist/__chunks/{YVQRFDEE.cjs → M7KSUTKJ.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _FESAFV44cjs = require('./FESAFV44.cjs');
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
-var _PJLDYIB6cjs = require('./PJLDYIB6.cjs');
+var _3BGIBVCRcjs = require('./3BGIBVCR.cjs');
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -33,7 +33,7 @@ var Badge = ({
   color = "sky"
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _FESAFV44cjs.Box_default,
+    _KJLBDAZHcjs.Box_default,
     {
       display: "inlineFlex",
       paddingX: 2,
@@ -44,15 +44,15 @@ var Badge = ({
       justifyContent: "center",
       minHeight: 24,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _PJLDYIB6cjs.Typography_default,
+        _3BGIBVCRcjs.Typography_default,
         {
           size: 100,
           weight: "medium",
           color: textColorForBackgroundColor(color),
-          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _FESAFV44cjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _KJLBDAZHcjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
             Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: Badge_module_default.icon, size: "xs" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _PJLDYIB6cjs.Typography_default,
+              _3BGIBVCRcjs.Typography_default,
               {
                 color: textColorForBackgroundColor(color),
                 size: 100,
@@ -71,4 +71,4 @@ var Badge_default = Badge;
 
 
 exports.Badge_default = Badge_default;
-//# sourceMappingURL=YVQRFDEE.cjs.map
+//# sourceMappingURL=M7KSUTKJ.cjs.map

package/dist/__chunks/NFSZQICF.cjs

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
+
+
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
+
+
+var _3BGIBVCRcjs = require('./3BGIBVCR.cjs');
+
+
+var _SVA2ABQQcjs = require('./SVA2ABQQ.cjs');
+
+// src/Tabs/TabInternal.tsx
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+var ItemCountIcon = ({
+  itemCount,
+  on,
+  selected
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _classnames2.default.call(void 0, {
+        [_SVA2ABQQcjs.colors_module_default.cambioWhiteBackgroundColor]: on === "darkBackground" && selected,
+        [_SVA2ABQQcjs.colors_module_default.cambioWhite70BackgroundColor]: on === "darkBackground" && !selected,
+        [_SVA2ABQQcjs.colors_module_default.cambioBlackBackgroundColor]: on === "lightBackground" && selected,
+        [_SVA2ABQQcjs.colors_module_default.cambioGray700BackgroundColor]: on === "lightBackground" && !selected
+      }),
+      style: {
+        width: "100%",
+        height: "100%",
+        borderRadius: 999
+      },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _KJLBDAZHcjs.Box_default,
+        {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          rounding: "full",
+          padding: 1,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _3BGIBVCRcjs.Typography_default,
+            {
+              color: on === "lightBackground" ? "white" : "primary",
+              weight: "semiBold",
+              size: 100,
+              children: itemCount <= 99 ? itemCount : "99+"
+            }
+          )
+        }
+      )
+    }
+  );
+};
+function textColor({
+  selected,
+  on
+}) {
+  if (selected) {
+    return on === "lightBackground" ? "primary" : "white";
+  }
+  return on === "lightBackground" ? "gray700" : "white-secondary";
+}
+function TabInternal({
+  text,
+  selected,
+  endContent,
+  itemCount,
+  on = "lightBackground"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _KJLBDAZHcjs.Box_default,
+    {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "start",
+      gap: 2,
+      paddingY: 2,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _3BGIBVCRcjs.Typography_default,
+          {
+            size: 0,
+            transform: "uppercase",
+            weight: "semiBold",
+            color: textColor({ selected, on }),
+            children: text
+          }
+        ),
+        itemCount == null && endContent,
+        itemCount != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ItemCountIcon, { itemCount, on, selected })
+      ]
+    }
+  );
+}
+
+
+
+exports.TabInternal = TabInternal;
+//# sourceMappingURL=NFSZQICF.cjs.map

package/dist/__chunks/NFSZQICF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/TabInternal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,gBAAgB;AAuCf,cAwDJ,YAxDI;AAlCR,IAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,QACpB,CAAC,sBAAY,0BAA0B,GACrC,OAAO,oBAAoB;AAAA,QAC7B,CAAC,sBAAY,4BAA4B,GACvC,OAAO,oBAAoB,CAAC;AAAA,QAC9B,CAAC,sBAAY,0BAA0B,GACrC,OAAO,qBAAqB;AAAA,QAC9B,CAAC,sBAAY,4BAA4B,GACvC,OAAO,qBAAqB,CAAC;AAAA,MACjC,CAAC;AAAA,MACD,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,MAChB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,UAAS;AAAA,UACT,SAAS;AAAA,UAET;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,OAAO,oBAAoB,UAAU;AAAA,cAC5C,QAAO;AAAA,cACP,MAAM;AAAA,cAEL,uBAAa,KAAK,YAAY;AAAA;AAAA,UACjC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AACF,GAG+C;AAC7C,MAAI,UAAU;AACZ,WAAO,OAAO,oBAAoB,YAAY;AAAA,EAChD;AACA,SAAO,OAAO,oBAAoB,YAAY;AAChD;AAEe,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,KAAK;AACP,GAuBiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAK;AAAA,MACL,UAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACV,QAAO;AAAA,YACP,OAAO,UAAU,EAAE,UAAU,GAAG,CAAC;AAAA,YAEhC;AAAA;AAAA,QACH;AAAA,QACC,aAAa,QAAQ;AAAA,QACrB,aAAa,QACZ,oBAAC,iBAAc,WAAsB,IAAQ,UAAoB;AAAA;AAAA;AAAA,EAErE;AAEJ","sourcesContent":["import { type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nconst ItemCountIcon = ({\n  itemCount,\n  on,\n  selected,\n}: {\n  itemCount: number;\n  on: ComponentProps<typeof TabInternal>[\"on\"];\n  selected: boolean;\n}) => {\n  return (\n    <div\n      className={classnames({\n        [colorStyles.cambioWhiteBackgroundColor]:\n          on === \"darkBackground\" && selected,\n        [colorStyles.cambioWhite70BackgroundColor]:\n          on === \"darkBackground\" && !selected,\n        [colorStyles.cambioBlackBackgroundColor]:\n          on === \"lightBackground\" && selected,\n        [colorStyles.cambioGray700BackgroundColor]:\n          on === \"lightBackground\" && !selected,\n      })}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        borderRadius: 999,\n      }}\n    >\n      <Box\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        rounding=\"full\"\n        padding={1}\n      >\n        <Typography\n          color={on === \"lightBackground\" ? \"white\" : \"primary\"}\n          weight=\"semiBold\"\n          size={100}\n        >\n          {itemCount <= 99 ? itemCount : \"99+\"}\n        </Typography>\n      </Box>\n    </div>\n  );\n};\n\nfunction textColor({\n  selected,\n  on,\n}: {\n  selected: boolean;\n  on: \"lightBackground\" | \"darkBackground\";\n}): ComponentProps<typeof Typography>[\"color\"] {\n  if (selected) {\n    return on === \"lightBackground\" ? \"primary\" : \"white\";\n  }\n  return on === \"lightBackground\" ? \"gray700\" : \"white-secondary\";\n}\n\nexport default function TabInternal({\n  text,\n  selected,\n  endContent,\n  itemCount,\n  on = \"lightBackground\",\n}: {\n  /**\n   * The text to display in the tab.\n   */\n  text: string;\n  /**\n   * Whether the tab is selected.\n   */\n  selected: boolean;\n  /**\n   * Content to display at the end of the tab.\n   */\n  endContent?: ReactNode;\n  /**\n   * Renders an item count badge at the end of the tab.\n   */\n  itemCount?: number;\n  /**\n   * Indicate whether the Tab renders on a light or dark background.\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n}): ReactElement {\n  return (\n    <Box\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"start\"\n      gap={2}\n      paddingY={2}\n    >\n      <Typography\n        size={0}\n        transform=\"uppercase\"\n        weight=\"semiBold\"\n        color={textColor({ selected, on })}\n      >\n        {text}\n      </Typography>\n      {itemCount == null && endContent}\n      {itemCount != null && (\n        <ItemCountIcon itemCount={itemCount} on={on} selected={selected} />\n      )}\n    </Box>\n  );\n}\n"]}

package/dist/__chunks/{ZBBMY7Y7.cjs → NJ7VV2CH.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _FESAFV44cjs = require('./FESAFV44.cjs');
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
-var _PJLDYIB6cjs = require('./PJLDYIB6.cjs');
+var _3BGIBVCRcjs = require('./3BGIBVCR.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -76,7 +76,7 @@ var Chip = _react.forwardRef.call(void 0,
         onClick: onChange,
         children: [
           Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: iconStyles, size: "sm" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PJLDYIB6cjs.Typography_default, { size: 100, color, weight: "medium", children: text }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3BGIBVCRcjs.Typography_default, { size: 100, color, weight: "medium", children: text }) })
         ]
       }
     );
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 
 
 exports.Chip_default = Chip_default;
-//# sourceMappingURL=ZBBMY7Y7.cjs.map
+//# sourceMappingURL=NJ7VV2CH.cjs.map

package/dist/__chunks/{E7IFJPHC.js → NKGOCFTT.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   Box_default
-} from "./M36V23WR.js";
+} from "./65PMWIHY.js";
 import {
   Typography_default
-} from "./JRDHZ3QL.js";
+} from "./UXDF6ZIG.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=E7IFJPHC.js.map
+//# sourceMappingURL=NKGOCFTT.js.map

package/dist/__chunks/{VKAYAQ3Z.cjs → NVHCU2CO.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _FESAFV44cjs = require('./FESAFV44.cjs');
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
-var _PJLDYIB6cjs = require('./PJLDYIB6.cjs');
+var _3BGIBVCRcjs = require('./3BGIBVCR.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -40,7 +40,7 @@ function TextField({
   const reactId = _react.useId.call(void 0, );
   const inputId = id != null ? id : reactId;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _FESAFV44cjs.Box_default,
+    _KJLBDAZHcjs.Box_default,
     {
       display: "flex",
       direction: "column",
@@ -52,7 +52,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, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PJLDYIB6cjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3BGIBVCRcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
@@ -71,8 +71,8 @@ function TextField({
             step
           }
         ),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _PJLDYIB6cjs.Typography_default,
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _3BGIBVCRcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -87,4 +87,4 @@ function TextField({
 
 
 exports.TextField = TextField;
-//# sourceMappingURL=VKAYAQ3Z.cjs.map
+//# sourceMappingURL=NVHCU2CO.cjs.map

package/dist/__chunks/{HF4V7JJP.cjs → OY5QYJVA.cjs}

@@ -10,19 +10,19 @@ var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
 var _BHN2OODFcjs = require('./BHN2OODF.cjs');
 
 
-var _FESAFV44cjs = require('./FESAFV44.cjs');
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
-var _MKZONAGTcjs = require('./MKZONAGT.cjs');
+var _LZYX5BWDcjs = require('./LZYX5BWD.cjs');
 
 
-var _C3KZXHTVcjs = require('./C3KZXHTV.cjs');
+var _SFBTR56Icjs = require('./SFBTR56I.cjs');
 
 
-var _RAL6R27Scjs = require('./RAL6R27S.cjs');
+var _65LHF5WDcjs = require('./65LHF5WD.cjs');
 
 
-var _PJLDYIB6cjs = require('./PJLDYIB6.cjs');
+var _3BGIBVCRcjs = require('./3BGIBVCR.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -55,8 +55,8 @@ var Button = _react.forwardRef.call(void 0,
     type = "button"
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const foregroundColorClass = _MKZONAGTcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _RAL6R27Scjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _LZYX5BWDcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _65LHF5WDcjs.backgroundColor.call(void 0, color, on);
     const disabledPrimary = color === "primary" && disabled;
     const isDisabled = !isHydrated || disabled || loading;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -73,7 +73,7 @@ var Button = _react.forwardRef.call(void 0,
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          _C3KZXHTVcjs.border.call(void 0, color, on),
+          _SFBTR56Icjs.border.call(void 0, color, on),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
@@ -93,7 +93,7 @@ var Button = _react.forwardRef.call(void 0,
               size
             }
           ),
-          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PJLDYIB6cjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3BGIBVCRcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: _classnames2.default.call(void 0, 
@@ -145,4 +145,4 @@ var Button_default = Button;
 
 
 exports.Button_default = Button_default;
-//# sourceMappingURL=HF4V7JJP.cjs.map
+//# sourceMappingURL=OY5QYJVA.cjs.map

package/dist/__chunks/{N7ZNFTV7.cjs → P3W4SW6R.cjs}

@@ -4,7 +4,7 @@
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
 
 
-var _N5W44DQ5cjs = require('./N5W44DQ5.cjs');
+var _JAW252M7cjs = require('./JAW252M7.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, 
-      _N5W44DQ5cjs.RadioButton_default,
+      _JAW252M7cjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=N7ZNFTV7.cjs.map
+//# sourceMappingURL=P3W4SW6R.cjs.map

package/dist/__chunks/{63XQSPT7.cjs → PIQO2LH2.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 _MKZONAGTcjs = require('./MKZONAGT.cjs');
+var _LZYX5BWDcjs = require('./LZYX5BWD.cjs');
 
 
-var _C3KZXHTVcjs = require('./C3KZXHTV.cjs');
+var _SFBTR56Icjs = require('./SFBTR56I.cjs');
 
 
-var _RAL6R27Scjs = require('./RAL6R27S.cjs');
+var _65LHF5WDcjs = require('./65LHF5WD.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -39,8 +39,8 @@ var IconButton = _react.forwardRef.call(void 0,
     onClick
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const foregroundColorClass = _MKZONAGTcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _RAL6R27Scjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _LZYX5BWDcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _65LHF5WDcjs.backgroundColor.call(void 0, color, on);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
@@ -54,7 +54,7 @@ var IconButton = _react.forwardRef.call(void 0,
           IconButton_module_default.iconButton,
           foregroundColorClass,
           backgroundColorClass,
-          _C3KZXHTVcjs.border.call(void 0, color, on),
+          _SFBTR56Icjs.border.call(void 0, color, on),
           IconButton_module_default[size]
         ),
         ref,
@@ -69,4 +69,4 @@ var IconButton_default = IconButton;
 
 
 exports.IconButton_default = IconButton_default;
-//# sourceMappingURL=63XQSPT7.cjs.map
+//# sourceMappingURL=PIQO2LH2.cjs.map

package/dist/__chunks/{NPZBG5AK.js → QAH73IJZ.js}

@@ -1,13 +1,13 @@
 "use client"
 import {
   Dialog_default
-} from "./TZGJS522.js";
+} from "./5HEC7ASW.js";
 import {
   IconButton_default
-} from "./4JFE4NWI.js";
+} from "./T6T5FJWJ.js";
 import {
   Box_default
-} from "./M36V23WR.js";
+} from "./65PMWIHY.js";
 import {
   padding_module_default
 } from "./ZOWOFYUE.js";
@@ -157,4 +157,4 @@ export {
   AriaModal,
   ModalDialog_default
 };
-//# sourceMappingURL=NPZBG5AK.js.map
+//# sourceMappingURL=QAH73IJZ.js.map

package/dist/__chunks/{AVTBLTHP.js → QNTUG5SZ.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   useAvatarGroup
-} from "./LT6ELZIN.js";
+} from "./JJNZLCKX.js";
 import {
   Box_default
-} from "./M36V23WR.js";
+} from "./65PMWIHY.js";
 import {
   __spreadValues
 } from "./UWGNJENA.js";
@@ -125,4 +125,4 @@ var Avatar_default = Avatar;
 export {
   Avatar_default
 };
-//# sourceMappingURL=AVTBLTHP.js.map
+//# sourceMappingURL=QNTUG5SZ.js.map

package/dist/__chunks/{NOQ3DDEP.cjs → RC7EMZ6N.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _KBFQU5AWcjs = require('./KBFQU5AW.cjs');
+var _5COVOOB3cjs = require('./5COVOOB3.cjs');
 
 
-var _FESAFV44cjs = require('./FESAFV44.cjs');
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
 var _X2SDR4SDcjs = require('./X2SDR4SD.cjs');
@@ -51,8 +51,8 @@ function AvatarInternal({
         )
       }
     ),
-    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _FESAFV44cjs.Box_default,
+    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _KJLBDAZHcjs.Box_default,
       {
         display: "flex",
         alignItems: "center",
@@ -76,10 +76,10 @@ var Avatar = ({
   size = "md",
   src
 }) => {
-  const avatarGroupContext = _KBFQU5AWcjs.useAvatarGroup.call(void 0, );
+  const avatarGroupContext = _5COVOOB3cjs.useAvatarGroup.call(void 0, );
   if (avatarGroupContext !== null) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _FESAFV44cjs.Box_default,
+      _KJLBDAZHcjs.Box_default,
       {
         position: "relative",
         dangerouslySetInlineStyle: {
@@ -88,7 +88,7 @@ var Avatar = ({
           }
         },
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _FESAFV44cjs.Box_default,
+          _KJLBDAZHcjs.Box_default,
           {
             display: "flex",
             alignItems: "center",
@@ -125,4 +125,4 @@ var Avatar_default = Avatar;
 
 
 exports.Avatar_default = Avatar_default;
-//# sourceMappingURL=NOQ3DDEP.cjs.map
+//# sourceMappingURL=RC7EMZ6N.cjs.map