@cambly/syntax-core 18.8.0 → 18.9.0

package/dist/__chunks/{QQQ2H2H5.js → DXWIXSZQ.js}

@@ -1,38 +1,38 @@
 "use client"
 import {
   Popover_default
-} from "./FE6DDP5I.js";
+} from "./TTCJEHHX.js";
 import {
   DialogContext
-} from "./T22F22GU.js";
+} from "./CXENLD6O.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./NB2IFWV4.js";
+} from "./GHOEHIVB.js";
 import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "./VJUBMJDF.js";
+} from "./KKV5SSD5.js";
 import {
   RichSelectSection_default
-} from "./55MEPCFY.js";
+} from "./AHICHJTL.js";
 import {
   RichSelectRadioButton_default
-} from "./LRM73Q7W.js";
+} from "./AWWUKCOZ.js";
 import {
   RichSelectChip_default
-} from "./ZVVUIPNS.js";
+} from "./56LMASNQ.js";
 import {
   TapArea_default
 } from "./77FFPQY6.js";
 import {
   Box_default
-} from "./YWFG6EUU.js";
+} from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./FQSEHETP.js";
+} from "./DAK5IGJK.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -286,4 +286,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=QQQ2H2H5.js.map
+//# sourceMappingURL=DXWIXSZQ.js.map

package/dist/__chunks/{L5HGMK6O.js → E27BHPP7.js}

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

package/dist/__chunks/{WREHUE3B.js → E2EADLLG.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
-  textColor
-} from "./MYNWWZA6.js";
+  colors_module_default
+} from "./XSYKMCV5.js";
 
 // src/Icon/Icon.tsx
 import { forwardRef } from "react";
@@ -13,12 +13,12 @@ var Icon_module_default = { "icon": "_icon_1vyva_1", "icon100": "_icon100_1vyva_
 // src/Icon/Icon.tsx
 import { jsx } from "react/jsx-runtime";
 var Icon = forwardRef(
-  ({ color = "inherit", path, size = 200 }, ref) => /* @__PURE__ */ jsx(
+  ({ color = "gray900", path, size = 200 }, ref) => /* @__PURE__ */ jsx(
     "svg",
     {
       className: classnames(
         Icon_module_default.icon,
-        textColor(color),
+        colors_module_default[`${color}Color`],
         Icon_module_default[`icon${size}`]
       ),
       ref,
@@ -34,4 +34,4 @@ var Icon_default = Icon;
 export {
   Icon_default
 };
-//# sourceMappingURL=WREHUE3B.js.map
+//# sourceMappingURL=E2EADLLG.js.map

package/dist/__chunks/E2EADLLG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Icon/Icon.tsx","css-module:./Icon.module.css#css-module"],"sourcesContent":["import { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Icon.module.css\";\nimport type allColors from \"../colors/allColors\";\n\ntype IconProps = {\n  /**\n   * The color of the Icon.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof allColors)[number];\n  /**\n   * The size of the Icon.\n   * * 100: 16px x 16px\n   * * 200: 20px x 20px\n   * * 300: 24px x 24px\n   * * 400: 28px x 28px\n   * * 500: 48px x 48px\n   * * 600: 72px x 72px\n   * * 700: 100px x 100px\n   * * 800: 140px x 140px\n   * * 900: 200px x 200px\n   * * 1000: 280px x 280px\n   *\n   * @defaultValue 200\n   */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n  /**\n   * The svg path of the icon. You should not use this prop directly, instead use the specific icon components.\n   */\n  path?: string;\n};\n\n/**\n * [Icon](http://localhost:6006/?path=/docs/icons-icons--docs) is the base component that renders an icon.\n * You shouldn't use this component directly, instead use the specific icon components.\n * @example\n * `import Book from \"@cambly/syntax-icons/Book\";`\n *\n * You can click on the icon to copy the import statement!\n */\nconst Icon = forwardRef<SVGSVGElement, IconProps>(\n  ({ color = \"gray900\", path, size = 200 }: IconProps, ref) => (\n    <svg\n      className={classnames(\n        styles.icon,\n        colorStyles[`${color}Color`],\n        styles[`icon${size}`],\n      )}\n      ref={ref}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d={path} />\n    </svg>\n  ),\n);\n\nIcon.displayName = \"Icon\";\n\nexport default Icon;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css\"; export default {\"icon\":\"_icon_1vyva_1\",\"icon100\":\"_icon100_1vyva_8\",\"icon200\":\"_icon200_1vyva_13\",\"icon300\":\"_icon300_1vyva_18\",\"icon400\":\"_icon400_1vyva_23\",\"icon500\":\"_icon500_1vyva_28\",\"icon600\":\"_icon600_1vyva_33\",\"icon700\":\"_icon700_1vyva_38\",\"icon800\":\"_icon800_1vyva_43\",\"icon900\":\"_icon900_1vyva_48\",\"icon1000\":\"_icon1000_1vyva_53\"}"],"mappings":";;;;;;AAAA,SAAS,kBAAkB;AAC3B,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,WAAU,oBAAmB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,YAAW,qBAAoB;;;ADuDra;AAZN,IAAM,OAAO;AAAA,EACX,CAAC,EAAE,QAAQ,WAAW,MAAM,OAAO,IAAI,GAAc,QACnD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,oBAAO;AAAA,QACP,sBAAY,GAAG,YAAY;AAAA,QAC3B,oBAAO,OAAO,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,OAAM;AAAA,MAEN,8BAAC,UAAK,GAAG,MAAM;AAAA;AAAA,EACjB;AAEJ;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ;","names":[]}

package/dist/__chunks/{I6Y47J7A.cjs → E3A6VFMB.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -34,7 +34,7 @@ var Badge = ({
   color = "sky"
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _A5IA5BEWcjs.Box_default,
+    _QODNNCT2cjs.Box_default,
     {
       display: "inlineFlex",
       paddingX: 2,
@@ -45,15 +45,15 @@ var Badge = ({
       justifyContent: "center",
       minHeight: 24,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _FZKGDXO4cjs.Typography_default,
+        _5NQO6SP3cjs.Typography_default,
         {
           size: 100,
           weight: "medium",
           color: textColorForBackgroundColor(color),
-          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _A5IA5BEWcjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _QODNNCT2cjs.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: 100 }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _FZKGDXO4cjs.Typography_default,
+              _5NQO6SP3cjs.Typography_default,
               {
                 color: textColorForBackgroundColor(color),
                 size: 100,
@@ -72,4 +72,4 @@ var Badge_default = Badge;
 
 
 exports.Badge_default = Badge_default;
-//# sourceMappingURL=I6Y47J7A.cjs.map
+//# sourceMappingURL=E3A6VFMB.cjs.map

package/dist/__chunks/{IBGEINNM.cjs → EHZAOGLQ.cjs}

@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.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, _FZKGDXO4cjs.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, _5NQO6SP3cjs.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=IBGEINNM.cjs.map
+//# sourceMappingURL=EHZAOGLQ.cjs.map

package/dist/__chunks/{KQUIYNLT.cjs → F2OSI5F3.cjs}

@@ -10,4 +10,4 @@ var ColorCambioWhite100 = "#ffffff";
 
 
 exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray700 = ColorBaseGray700; exports.ColorCambioWhite100 = ColorCambioWhite100;
-//# sourceMappingURL=KQUIYNLT.cjs.map
+//# sourceMappingURL=F2OSI5F3.cjs.map

package/dist/__chunks/{KQUIYNLT.cjs.map → F2OSI5F3.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 24 Jul 2024 20:45:30 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Sat, 27 Jul 2024 01:39:44 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"]}

package/dist/__chunks/{MKMFTN6G.cjs → F3SUJGZL.cjs}

@@ -1,51 +1,51 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _SJBJQ3PLcjs = require('./SJBJQ3PL.cjs');
+var _UKQIAZA5cjs = require('./UKQIAZA5.cjs');
 
 // src/colors/backgroundColor.ts
 function backgroundColor(color, on) {
   if (on === "lightBackground") {
     switch (color) {
       case "primary":
-        return _SJBJQ3PLcjs.colors_module_default.cambioBlackBackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioBlackBackgroundColor;
       case "secondary":
       case "success-secondary":
       case "destructive-secondary":
-        return _SJBJQ3PLcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioTransparentFullBackgroundColor;
       case "tertiary":
       case "success-tertiary":
       case "destructive-tertiary":
-        return _SJBJQ3PLcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioTransparentFullBackgroundColor;
       case "success-primary":
-        return _SJBJQ3PLcjs.colors_module_default.cambioSuccess700BackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioSuccess700BackgroundColor;
       case "destructive-primary":
-        return _SJBJQ3PLcjs.colors_module_default.cambioDestructive700BackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioDestructive700BackgroundColor;
       case "branded":
-        return _SJBJQ3PLcjs.colors_module_default.cambioYellow700BackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioYellow700BackgroundColor;
       default:
-        return _SJBJQ3PLcjs.colors_module_default.cambioBlackBackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioBlackBackgroundColor;
     }
   } else {
     switch (color) {
       case "primary":
-        return _SJBJQ3PLcjs.colors_module_default.cambioGray200BackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioGray200BackgroundColor;
       case "secondary":
       case "success-secondary":
       case "destructive-secondary":
-        return _SJBJQ3PLcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioTransparentFullBackgroundColor;
       case "tertiary":
       case "success-tertiary":
       case "destructive-tertiary":
-        return _SJBJQ3PLcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioTransparentFullBackgroundColor;
       case "success-primary":
-        return _SJBJQ3PLcjs.colors_module_default.cambioSuccess300BackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioSuccess300BackgroundColor;
       case "destructive-primary":
-        return _SJBJQ3PLcjs.colors_module_default.cambioDestructive300BackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioDestructive300BackgroundColor;
       case "branded":
-        return _SJBJQ3PLcjs.colors_module_default.cambioYellow700BackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioYellow700BackgroundColor;
       default:
-        return _SJBJQ3PLcjs.colors_module_default.cambioWhiteBackgroundColor;
+        return _UKQIAZA5cjs.colors_module_default.cambioWhiteBackgroundColor;
     }
   }
 }
@@ -53,4 +53,4 @@ function backgroundColor(color, on) {
 
 
 exports.backgroundColor = backgroundColor;
-//# sourceMappingURL=MKMFTN6G.cjs.map
+//# sourceMappingURL=F3SUJGZL.cjs.map

package/dist/__chunks/{CVMW4LL2.js → FFV4E6S6.js}

@@ -7,10 +7,10 @@ import {
 } from "./5JQ6C2XV.js";
 import {
   TabInternal
-} from "./E2BVSWGC.js";
+} from "./PBHAJ42K.js";
 import {
   Box_default
-} from "./YWFG6EUU.js";
+} from "./IB6JZQF3.js";
 
 // src/Tabs/TabButton.tsx
 import classnames from "classnames";
@@ -64,4 +64,4 @@ function TabButton({
 export {
   TabButton
 };
-//# sourceMappingURL=CVMW4LL2.js.map
+//# sourceMappingURL=FFV4E6S6.js.map

package/dist/__chunks/{ZGGBRE7T.js → FPROMKT3.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./YWFG6EUU.js";
+} from "./IB6JZQF3.js";
 
 // src/AvatarGroup/AvatarGroup.tsx
 import {
@@ -39,4 +39,4 @@ export {
   useAvatarGroup,
   AvatarGroup
 };
-//# sourceMappingURL=ZGGBRE7T.js.map
+//# sourceMappingURL=FPROMKT3.js.map

package/dist/__chunks/{GZOJQ37Q.cjs → GEXK47GR.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 // src/AvatarGroup/AvatarGroup.tsx
 
@@ -20,7 +20,7 @@ function AvatarGroup({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarGroupContext.Provider, { value: { size, orientation }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _A5IA5BEWcjs.Box_default,
+    _QODNNCT2cjs.Box_default,
     {
       display: "flex",
       justifyContent: orientation === "standard" ? "start" : "end",
@@ -39,4 +39,4 @@ AvatarGroup.displayName = "AvatarGroup";
 
 
 exports.useAvatarGroup = useAvatarGroup; exports.AvatarGroup = AvatarGroup;
-//# sourceMappingURL=GZOJQ37Q.cjs.map
+//# sourceMappingURL=GEXK47GR.cjs.map

package/dist/__chunks/{NB2IFWV4.js → GHOEHIVB.js}

@@ -10,4 +10,4 @@ export {
   ColorBaseGray700,
   ColorCambioWhite100
 };
-//# sourceMappingURL=NB2IFWV4.js.map
+//# sourceMappingURL=GHOEHIVB.js.map

package/dist/__chunks/{NB2IFWV4.js.map → GHOEHIVB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 24 Jul 2024 20:45:30 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Sat, 27 Jul 2024 01:39:44 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}

package/dist/__chunks/{PPXSYRSW.js → HVGNETJV.js}

@@ -5,13 +5,13 @@ import {
 } from "./64WM4STC.js";
 import {
   foregroundColor
-} from "./6I4OHEQB.js";
+} from "./JCQUY624.js";
 import {
   border
-} from "./U6X47HLX.js";
+} from "./AXXUPHFX.js";
 import {
   backgroundColor
-} from "./QUULVD2S.js";
+} from "./YGON3SJ5.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -74,4 +74,4 @@ var IconButton_default = IconButton;
 export {
   IconButton_default
 };
-//# sourceMappingURL=PPXSYRSW.js.map
+//# sourceMappingURL=HVGNETJV.js.map

package/dist/__chunks/{UJFE5ANU.js → HXEO4QAR.js}

@@ -1,16 +1,16 @@
 "use client"
 import {
   TabLink_default
-} from "./5UDEM3WT.js";
+} from "./2EHOOEZ6.js";
 import {
   TabButton
-} from "./CVMW4LL2.js";
+} from "./FFV4E6S6.js";
 import {
   Tabs_module_default
 } from "./5JQ6C2XV.js";
 import {
   Box_default
-} from "./YWFG6EUU.js";
+} from "./IB6JZQF3.js";
 
 // src/Tabs/Tabs.tsx
 import classnames from "classnames";
@@ -50,4 +50,4 @@ Tabs.Link = TabLink_default;
 export {
   Tabs
 };
-//# sourceMappingURL=UJFE5ANU.js.map
+//# sourceMappingURL=HXEO4QAR.js.map

package/dist/__chunks/{YWFG6EUU.js → IB6JZQF3.js}

@@ -4,7 +4,7 @@ import {
 } from "./KBIW5XV4.js";
 import {
   colors_module_default
-} from "./6247H47L.js";
+} from "./XSYKMCV5.js";
 import {
   __objRest,
   __spreadProps,
@@ -233,4 +233,4 @@ var Box_default = Box;
 export {
   Box_default
 };
-//# sourceMappingURL=YWFG6EUU.js.map
+//# sourceMappingURL=IB6JZQF3.js.map

package/dist/__chunks/{6FDOUWLG.cjs → IHGDCH62.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 _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.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: 100 }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _A5IA5BEWcjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZKGDXO4cjs.Typography_default, { size: 100, color, weight: "medium", children: text }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, color, weight: "medium", children: text }) })
         ]
       }
     );
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 
 
 exports.Chip_default = Chip_default;
-//# sourceMappingURL=6FDOUWLG.cjs.map
+//# sourceMappingURL=IHGDCH62.cjs.map

package/dist/__chunks/{6I4OHEQB.js → JCQUY624.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./QQMWJ5UA.js";
+} from "./M4CFLT64.js";
 
 // src/colors/foregroundColor.ts
 function foregroundColor(color, on) {
@@ -44,4 +44,4 @@ function foregroundColor(color, on) {
 export {
   foregroundColor
 };
-//# sourceMappingURL=6I4OHEQB.js.map
+//# sourceMappingURL=JCQUY624.js.map

package/dist/__chunks/{CPNO4BNM.cjs → JOTFTEBX.cjs}

@@ -14,16 +14,16 @@ var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
 var _65BTPZZTcjs = require('./65BTPZZT.cjs');
 
 
-var _3BPWW7LWcjs = require('./3BPWW7LW.cjs');
+var _RXQBNEFRcjs = require('./RXQBNEFR.cjs');
 
 
-var _4KS4YP6Ucjs = require('./4KS4YP6U.cjs');
+var _2D3DOVVZcjs = require('./2D3DOVVZ.cjs');
 
 
-var _MKMFTN6Gcjs = require('./MKMFTN6G.cjs');
+var _F3SUJGZLcjs = require('./F3SUJGZL.cjs');
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
 
 // src/LinkButton/LinkButton.tsx
 
@@ -52,8 +52,8 @@ var LinkButton = _react.forwardRef.call(void 0,
     on = "lightBackground",
     onClick
   }, ref) => {
-    const foregroundColorClass = _3BPWW7LWcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _MKMFTN6Gcjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _RXQBNEFRcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _F3SUJGZLcjs.backgroundColor.call(void 0, color, on);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "a",
       {
@@ -67,7 +67,7 @@ var LinkButton = _react.forwardRef.call(void 0,
           _TH4TA3JNcjs.Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          _4KS4YP6Ucjs.border.call(void 0, color, on),
+          _2D3DOVVZcjs.border.call(void 0, color, on),
           _TH4TA3JNcjs.Button_module_default[size],
           {
             [_TH4TA3JNcjs.Button_module_default.fullWidth]: fullWidth,
@@ -89,7 +89,7 @@ var LinkButton = _react.forwardRef.call(void 0,
               size: _65BTPZZTcjs.internalIconSize[size]
             }
           ),
-          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZKGDXO4cjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.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=CPNO4BNM.cjs.map
+//# sourceMappingURL=JOTFTEBX.cjs.map

package/dist/__chunks/{6FKGSUV5.js → JVLEQ5LB.js}

@@ -8,13 +8,13 @@ import {
 } from "./64WM4STC.js";
 import {
   foregroundColor
-} from "./6I4OHEQB.js";
+} from "./JCQUY624.js";
 import {
   border
-} from "./U6X47HLX.js";
+} from "./AXXUPHFX.js";
 import {
   backgroundColor
-} from "./QUULVD2S.js";
+} from "./YGON3SJ5.js";
 
 // src/IconLinkButton/IconLinkButton.tsx
 import {
@@ -80,4 +80,4 @@ var IconLinkButton_default = IconLinkButton;
 export {
   IconLinkButton_default
 };
-//# sourceMappingURL=6FKGSUV5.js.map
+//# sourceMappingURL=JVLEQ5LB.js.map

package/dist/__chunks/{KHGYVM4R.cjs → KHFG45BJ.cjs}

@@ -3,19 +3,19 @@
 
 
 
-var _KQUIYNLTcjs = require('./KQUIYNLT.cjs');
+var _F2OSI5F3cjs = require('./F2OSI5F3.cjs');
 
 
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
 var _JVGX637Ecjs = require('./JVGX637E.cjs');
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -68,12 +68,12 @@ function SelectList({
   };
   const getArrowIconColor = () => {
     if (errorText) {
-      return _KQUIYNLTcjs.ColorBaseDestructive700;
+      return _F2OSI5F3cjs.ColorBaseDestructive700;
     } else {
       if (color === "clear") {
-        return _KQUIYNLTcjs.ColorCambioWhite100;
+        return _F2OSI5F3cjs.ColorCambioWhite100;
       } else {
-        return _KQUIYNLTcjs.ColorBaseGray700;
+        return _F2OSI5F3cjs.ColorBaseGray700;
       }
     }
   };
@@ -84,7 +84,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, _A5IA5BEWcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZKGDXO4cjs.Typography_default, { size: 100, color: textColor[color], 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, _5NQO6SP3cjs.Typography_default, { size: 100, color: textColor[color], children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SelectList_module_default.selectWrapper, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "select",
@@ -131,8 +131,8 @@ function SelectList({
             }
           ) })
         ] }),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _A5IA5BEWcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _FZKGDXO4cjs.Typography_default,
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _5NQO6SP3cjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : textColor[color],
@@ -148,4 +148,4 @@ SelectList.Option = _JVGX637Ecjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=KHGYVM4R.cjs.map
+//# sourceMappingURL=KHFG45BJ.cjs.map