@cambly/syntax-core 16.3.0 → 17.1.0

package/dist/__chunks/{HNY2Z3RS.js → S5TZEGC2.js}

@@ -4,7 +4,7 @@ import {
 } from "./65PMWIHY.js";
 import {
   Typography_default
-} from "./3QUQECC3.js";
+} from "./CSXNNFUS.js";
 import {
   colors_module_default
 } from "./XVUEUKXA.js";
@@ -98,4 +98,4 @@ function TabInternal({
 export {
   TabInternal
 };
-//# sourceMappingURL=HNY2Z3RS.js.map
+//# sourceMappingURL=S5TZEGC2.js.map

package/dist/__chunks/{4LR2BMZ5.cjs → T2DVTUV3.cjs}

@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _X4VZTUXQcjs = require('./X4VZTUXQ.cjs');
+var _VFJHU2CGcjs = require('./VFJHU2CG.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, _X4VZTUXQcjs.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, _VFJHU2CGcjs.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=4LR2BMZ5.cjs.map
+//# sourceMappingURL=T2DVTUV3.cjs.map

package/dist/__chunks/{I2B3VCQZ.js → U7V5GZJN.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Chip_default
-} from "./RLCO7AXA.js";
+} from "./VLG4VGDP.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
 export {
   RichSelectChip_default
 };
-//# sourceMappingURL=I2B3VCQZ.js.map
+//# sourceMappingURL=U7V5GZJN.js.map

package/dist/__chunks/{QU5GBZJQ.js → UBAA32TM.js}

@@ -7,7 +7,7 @@ import {
 } from "./5JQ6C2XV.js";
 import {
   TabInternal
-} from "./HNY2Z3RS.js";
+} from "./S5TZEGC2.js";
 import {
   Box_default
 } from "./65PMWIHY.js";
@@ -64,4 +64,4 @@ function TabButton({
 export {
   TabButton
 };
-//# sourceMappingURL=QU5GBZJQ.js.map
+//# sourceMappingURL=UBAA32TM.js.map

package/dist/__chunks/{PO3LAF2L.cjs → UEN466AG.cjs}

@@ -23,7 +23,7 @@ var _SFBTR56Icjs = require('./SFBTR56I.cjs');
 var _65LHF5WDcjs = require('./65LHF5WD.cjs');
 
 
-var _X4VZTUXQcjs = require('./X4VZTUXQ.cjs');
+var _VFJHU2CGcjs = require('./VFJHU2CG.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -94,7 +94,7 @@ var Button = _react.forwardRef.call(void 0,
               size: _4Y7TNMFLcjs.internalIconSize[size]
             }
           ),
-          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _X4VZTUXQcjs.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, _VFJHU2CGcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: _classnames2.default.call(void 0, 
@@ -146,4 +146,4 @@ var Button_default = Button;
 
 
 exports.Button_default = Button_default;
-//# sourceMappingURL=PO3LAF2L.cjs.map
+//# sourceMappingURL=UEN466AG.cjs.map

package/dist/__chunks/{CUFB2LTK.cjs → UUOQGDIP.cjs}

@@ -4,7 +4,7 @@
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
 
 
-var _GFM6QDCCcjs = require('./GFM6QDCC.cjs');
+var _GBPRX7NMcjs = require('./GBPRX7NM.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, 
-      _GFM6QDCCcjs.RadioButton_default,
+      _GBPRX7NMcjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=CUFB2LTK.cjs.map
+//# sourceMappingURL=UUOQGDIP.cjs.map

package/dist/__chunks/{X4VZTUXQ.cjs → VFJHU2CG.cjs}

@@ -8,7 +8,7 @@ var _classnames = require('classnames'); var _classnames2 = _interopRequireDefau
 var _react = require('react');
 
 // css-module:./Typography.module.css#css-module
-var Typography_module_default = { "typography": "_typography_innr9_1", "sansSerif": "_sansSerif_innr9_22", "serif": "_serif_innr9_27", "size0": "_size0_innr9_73", "size100": "_size100_innr9_77", "size200": "_size200_innr9_82", "size300": "_size300_innr9_87", "size400": "_size400_innr9_92", "size700": "_size700_innr9_97", "size900": "_size900_innr9_101", "size1100": "_size1100_innr9_105", "center": "_center_innr9_129", "forceLeft": "_forceLeft_innr9_133", "forceRight": "_forceRight_innr9_137", "start": "_start_innr9_141", "end": "_end_innr9_145", "regular": "_regular_innr9_151", "medium": "_medium_innr9_155", "semiBold": "_semiBold_innr9_159", "bold": "_bold_innr9_163", "underline": "_underline_innr9_167", "inline": "_inline_innr9_171", "uppercase": "_uppercase_innr9_175", "lineClamp": "_lineClamp_innr9_179" };
+var Typography_module_default = { "typography": "_typography_19wa6_1", "sansSerif": "_sansSerif_19wa6_22", "serif": "_serif_19wa6_27", "size0": "_size0_19wa6_73", "size100": "_size100_19wa6_77", "size200": "_size200_19wa6_81", "size300": "_size300_19wa6_85", "size400": "_size400_19wa6_89", "size700": "_size700_19wa6_93", "size900": "_size900_19wa6_97", "size1100": "_size1100_19wa6_101", "center": "_center_19wa6_125", "forceLeft": "_forceLeft_19wa6_129", "forceRight": "_forceRight_19wa6_133", "start": "_start_19wa6_137", "end": "_end_19wa6_141", "regular": "_regular_19wa6_147", "medium": "_medium_19wa6_151", "semiBold": "_semiBold_19wa6_155", "bold": "_bold_19wa6_159", "underline": "_underline_19wa6_163", "inline": "_inline_19wa6_167", "uppercase": "_uppercase_19wa6_171", "lineClamp": "_lineClamp_19wa6_175", "p100": "_p100_19wa6_184", "p200": "_p200_19wa6_188", "p300": "_p300_19wa6_192", "p400": "_p400_19wa6_196" };
 
 // src/Typography/Typography.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -43,7 +43,8 @@ var Typography = _react.forwardRef.call(void 0, function Typography2({
         Typography_module_default[`size${size}`],
         transform === "uppercase" && Typography_module_default.uppercase,
         underline && Typography_module_default.underline,
-        lineClamp != null && Typography_module_default.lineClamp
+        lineClamp != null && Typography_module_default.lineClamp,
+        as === "p" && Typography_module_default[`p${size}`]
       ),
       "data-testid": dataTestId,
       style: {
@@ -60,4 +61,4 @@ var Typography_default = Typography;
 
 
 exports.Typography_default = Typography_default;
-//# sourceMappingURL=X4VZTUXQ.cjs.map
+//# sourceMappingURL=VFJHU2CG.cjs.map

package/dist/__chunks/VFJHU2CG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":";;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,SAAQ,mBAAkB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,YAAW,uBAAsB,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,WAAU,sBAAqB,UAAS,qBAAoB,YAAW,uBAAsB,QAAO,mBAAkB,aAAY,wBAAuB,UAAS,qBAAoB,aAAY,wBAAuB,aAAY,wBAAuB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,kBAAiB;;;ADmJp7B;AA3IJ,IAAM,aAAa,WAqHjB,SAASA,YACT;AAAA,EACE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GACA,KACc;AACd,QAAM,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ,0BAAO,MAAM;AAAA,QACb,cAAc,UAAU,0BAAO,QAAQ,0BAAO;AAAA,QAC9C,UAAU,KAAK;AAAA,QACf,UAAU,0BAAO;AAAA,QACjB,0BAAO,OAAO,MAAM;AAAA,QACpB,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,QAC5B,OAAO,OAAO,0BAAO,IAAI,MAAM;AAAA,MACjC;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport textColor from \"../colors/textColors\";\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n  HTMLDivElement,\n  {\n    /**\n     * Aligns the text to the left, right, or center of the container.\n     * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n     * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n     *\n     * @defaultValue \"start\"\n     */\n    align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n    /**\n     * DOM element to render as.\n     *\n     * @defaultValue \"div\"\n     */\n    as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n    /**\n     * The text to be rendered\n     */\n    children?: ReactNode;\n    /**\n     * The color of the text.\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"white-secondary\"\n      | \"inherit\";\n    /**\n     * Test id for the text\n     */\n    \"data-testid\"?: string;\n    /**\n     * Style of the font\n     *\n     * Classic only supports `sans-serif`\n     *\n     * @defaultValue \"sans-serif\"\n     */\n    fontStyle?: \"serif\" | \"sans-serif\";\n    /**\n     * The id for the element\n     */\n    id?: string;\n    /**\n     * Whether the text should flow inline with other elements.\n     *\n     * @defaultValue false\n     */\n    inline?: boolean;\n    /**\n     * The number of lines we should truncate the text at\n     */\n    lineClamp?: number | undefined;\n    /**\n     * Size of the text.\n     *\n     * Mobile (viewport width <= 480px)::\n     * * `0`: 12px\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 19px\n     * * `400`: 25px\n     * * `700`: 38px\n     * * `900`: 55px\n     * * `1100`: 83px\n     *\n     * Desktop (viewport width > 480px):\n     * * `0`: 12px\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `700`: 49px\n     * * `900`: 76px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 0 | 100 | 200 | 300 | 400 | 700 | 900 | 1100;\n    /**\n     * The tooltip to be displayed when the user hovers the text\n     */\n    tooltip?: string;\n    /**\n     * Whether the text should be transformed to uppercase.\n     *\n     * @defaultValue \"none\"\n     */\n    transform?: \"none\" | \"uppercase\";\n    /**\n     * Whether the text has an underline.\n     *\n     * @defaultValue false\n     */\n    underline?: boolean;\n    /**\n     * Indicates the boldness of the text.\n     *\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     * * `bold`: 710\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?: \"regular\" | \"medium\" | \"semiBold\" | \"bold\";\n  }\n>(function Typography(\n  {\n    align = \"start\",\n    as = \"div\",\n    children,\n    color = \"gray900\",\n    \"data-testid\": dataTestId,\n    fontStyle = \"sans-serif\",\n    id,\n    inline = false,\n    lineClamp = undefined,\n    size = 200,\n    tooltip,\n    transform = \"none\",\n    underline = false,\n    weight = \"regular\",\n  },\n  ref,\n): ReactElement {\n  const Tag = as;\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        styles[weight],\n        fontStyle === \"serif\" ? styles.serif : styles.sansSerif,\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\n        as === \"p\" && styles[`p${size}`],\n      )}\n      data-testid={dataTestId}\n      style={{\n        WebkitLineClamp: lineClamp,\n      }}\n      title={tooltip}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_19wa6_1\",\"sansSerif\":\"_sansSerif_19wa6_22\",\"serif\":\"_serif_19wa6_27\",\"size0\":\"_size0_19wa6_73\",\"size100\":\"_size100_19wa6_77\",\"size200\":\"_size200_19wa6_81\",\"size300\":\"_size300_19wa6_85\",\"size400\":\"_size400_19wa6_89\",\"size700\":\"_size700_19wa6_93\",\"size900\":\"_size900_19wa6_97\",\"size1100\":\"_size1100_19wa6_101\",\"center\":\"_center_19wa6_125\",\"forceLeft\":\"_forceLeft_19wa6_129\",\"forceRight\":\"_forceRight_19wa6_133\",\"start\":\"_start_19wa6_137\",\"end\":\"_end_19wa6_141\",\"regular\":\"_regular_19wa6_147\",\"medium\":\"_medium_19wa6_151\",\"semiBold\":\"_semiBold_19wa6_155\",\"bold\":\"_bold_19wa6_159\",\"underline\":\"_underline_19wa6_163\",\"inline\":\"_inline_19wa6_167\",\"uppercase\":\"_uppercase_19wa6_171\",\"lineClamp\":\"_lineClamp_19wa6_175\",\"p100\":\"_p100_19wa6_184\",\"p200\":\"_p200_19wa6_188\",\"p300\":\"_p300_19wa6_192\",\"p400\":\"_p400_19wa6_196\"}"]}

package/dist/__chunks/{RLCO7AXA.js → VLG4VGDP.js}

@@ -4,7 +4,7 @@ import {
 } from "./65PMWIHY.js";
 import {
   Typography_default
-} from "./3QUQECC3.js";
+} from "./CSXNNFUS.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=RLCO7AXA.js.map
+//# sourceMappingURL=VLG4VGDP.js.map

package/dist/__chunks/{I4G3BKIX.js → VLPA3DIG.js}

@@ -10,7 +10,7 @@ import {
 } from "./KBIW5XV4.js";
 import {
   Typography_default
-} from "./3QUQECC3.js";
+} from "./CSXNNFUS.js";
 import {
   colors_module_default
 } from "./XVUEUKXA.js";
@@ -166,4 +166,4 @@ export {
   AriaTooltip,
   Tooltip_default
 };
-//# sourceMappingURL=I4G3BKIX.js.map
+//# sourceMappingURL=VLPA3DIG.js.map

package/dist/__chunks/{4PCG6V7R.js → W55HCJ36.js}

@@ -7,7 +7,7 @@ import {
 } from "./AVREYFSM.js";
 import {
   Typography_default
-} from "./3QUQECC3.js";
+} from "./CSXNNFUS.js";
 
 // src/RichSelect/RichSelectSection.tsx
 import { forwardRef } from "react";
@@ -50,4 +50,4 @@ var RichSelectSection_default = forwardRef(
 export {
   RichSelectSection_default
 };
-//# sourceMappingURL=4PCG6V7R.js.map
+//# sourceMappingURL=W55HCJ36.js.map

package/dist/__chunks/{E2ICNJM3.cjs → WHZWLLDG.cjs}

@@ -4,7 +4,7 @@
 var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
-var _X4VZTUXQcjs = require('./X4VZTUXQ.cjs');
+var _VFJHU2CGcjs = require('./VFJHU2CG.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -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, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _X4VZTUXQcjs.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, _VFJHU2CGcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
@@ -72,7 +72,7 @@ function TextField({
           }
         ),
         (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _X4VZTUXQcjs.Typography_default,
+          _VFJHU2CGcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-darkBackground" : "gray700",
@@ -87,4 +87,4 @@ function TextField({
 
 
 exports.TextField = TextField;
-//# sourceMappingURL=E2ICNJM3.cjs.map
+//# sourceMappingURL=WHZWLLDG.cjs.map

package/dist/__chunks/{XMAFPNWJ.cjs → WXBLT2NN.cjs}

@@ -4,7 +4,7 @@
 var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
-var _X4VZTUXQcjs = require('./X4VZTUXQ.cjs');
+var _VFJHU2CGcjs = require('./VFJHU2CG.cjs');
 
 
 var _SVA2ABQQcjs = require('./SVA2ABQQ.cjs');
@@ -40,7 +40,7 @@ var ItemCountIcon = ({
           rounding: "full",
           padding: 1,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _X4VZTUXQcjs.Typography_default,
+            _VFJHU2CGcjs.Typography_default,
             {
               color: on === "lightBackground" ? "white" : "primary",
               weight: "semiBold",
@@ -79,7 +79,7 @@ function TabInternal({
       paddingY: 2,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _X4VZTUXQcjs.Typography_default,
+          _VFJHU2CGcjs.Typography_default,
           {
             size: 0,
             transform: "uppercase",
@@ -98,4 +98,4 @@ function TabInternal({
 
 
 exports.TabInternal = TabInternal;
-//# sourceMappingURL=XMAFPNWJ.cjs.map
+//# sourceMappingURL=WXBLT2NN.cjs.map

package/dist/__chunks/{BNED2ZPC.js → X7OSBKTS.js}

@@ -2,7 +2,7 @@
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./RCKGO7QW.js";
+} from "./65JDAPYD.js";
 import {
   Focus_module_default
 } from "./KKADUD65.js";
@@ -14,7 +14,7 @@ import {
 } from "./SPQ7DQHG.js";
 import {
   Typography_default
-} from "./3QUQECC3.js";
+} from "./CSXNNFUS.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -122,4 +122,4 @@ SelectList.Option = SelectOption_default;
 export {
   SelectList
 };
-//# sourceMappingURL=BNED2ZPC.js.map
+//# sourceMappingURL=X7OSBKTS.js.map

package/dist/__chunks/{5CYRB76B.js → XEVPN6M6.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Button_default
-} from "./EJOHX5KN.js";
+} from "./DM2B3B6S.js";
 import {
   Divider
 } from "./YAZOHZLW.js";
@@ -10,13 +10,13 @@ import {
 } from "./BOX3VY3Q.js";
 import {
   RichSelectSection_default
-} from "./4PCG6V7R.js";
+} from "./W55HCJ36.js";
 import {
   RichSelectRadioButton_default
-} from "./S65ZGD3J.js";
+} from "./XIQP2P6K.js";
 import {
   RichSelectChip_default
-} from "./I2B3VCQZ.js";
+} from "./U7V5GZJN.js";
 import {
   RichSelectItemContext,
   RichSelect_module_default
@@ -208,4 +208,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=5CYRB76B.js.map
+//# sourceMappingURL=XEVPN6M6.js.map

package/dist/__chunks/{S65ZGD3J.js → XIQP2P6K.js}

@@ -4,7 +4,7 @@ import {
 } from "./ODMJANSX.js";
 import {
   RadioButton_default
-} from "./CJXU3IVA.js";
+} from "./4I22HW55.js";
 import {
   __objRest,
   __spreadProps,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=S65ZGD3J.js.map
+//# sourceMappingURL=XIQP2P6K.js.map

package/dist/__chunks/{Q5FRYGOZ.cjs → YF4NOEPG.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _65T3LN32cjs = require('./65T3LN32.cjs');
+var _QTZKOUPLcjs = require('./QTZKOUPL.cjs');
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
@@ -16,7 +16,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var RichSelectChip_default = _react.forwardRef.call(void 0, 
   function RichSelectChip(props, ref) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, props), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _65T3LN32cjs.Chip_default,
+      _QTZKOUPLcjs.Chip_default,
       {
         text: props.label,
         selected: isSelected,
@@ -31,4 +31,4 @@ var RichSelectChip_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectChip_default = RichSelectChip_default;
-//# sourceMappingURL=Q5FRYGOZ.cjs.map
+//# sourceMappingURL=YF4NOEPG.cjs.map

package/dist/__chunks/{YMSCBGL2.cjs → YNE2MGFU.cjs}

@@ -4,7 +4,7 @@
 var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
-var _X4VZTUXQcjs = require('./X4VZTUXQ.cjs');
+var _VFJHU2CGcjs = require('./VFJHU2CG.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -54,8 +54,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, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _X4VZTUXQcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _X4VZTUXQcjs.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, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VFJHU2CGcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VFJHU2CGcjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "textarea",
             {
               "data-testid": dataTestId,
@@ -78,7 +78,7 @@ var TextArea = _react.forwardRef.call(void 0,
             }
           ) }),
           (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _X4VZTUXQcjs.Typography_default,
+            _VFJHU2CGcjs.Typography_default,
             {
               size: 100,
               color: errorText ? "destructive-darkBackground" : "gray700",
@@ -95,4 +95,4 @@ var TextArea_default = TextArea;
 
 
 exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=YMSCBGL2.cjs.map
+//# sourceMappingURL=YNE2MGFU.cjs.map

package/dist/__chunks/{VJUGMNM4.js → YTOI3CB5.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Heading_default
-} from "./FH6VUDLQ.js";
+} from "./EA6AYJYM.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=VJUGMNM4.js.map
+//# sourceMappingURL=YTOI3CB5.js.map

package/dist/__chunks/{OHD5GYSK.cjs → ZAMZZY5V.cjs}

@@ -8,4 +8,4 @@ var ColorBaseGray800 = "#353535";
 
 
 exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray800 = ColorBaseGray800;
-//# sourceMappingURL=OHD5GYSK.cjs.map
+//# sourceMappingURL=ZAMZZY5V.cjs.map

package/dist/__chunks/{OHD5GYSK.cjs.map → ZAMZZY5V.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Mon, 01 Jul 2024 16:19:14 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 ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\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;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 10 Jul 2024 21:00:41 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 ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\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/{EVOGRJ6Q.cjs → ZLMF56CV.cjs}

@@ -4,7 +4,7 @@
 var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
-var _X4VZTUXQcjs = require('./X4VZTUXQ.cjs');
+var _VFJHU2CGcjs = require('./VFJHU2CG.cjs');
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -45,7 +45,7 @@ var Badge = ({
       justifyContent: "center",
       minHeight: 24,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _X4VZTUXQcjs.Typography_default,
+        _VFJHU2CGcjs.Typography_default,
         {
           size: 100,
           weight: "medium",
@@ -53,7 +53,7 @@ var Badge = ({
           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: 100 }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _X4VZTUXQcjs.Typography_default,
+              _VFJHU2CGcjs.Typography_default,
               {
                 color: textColorForBackgroundColor(color),
                 size: 100,
@@ -72,4 +72,4 @@ var Badge_default = Badge;
 
 
 exports.Badge_default = Badge_default;
-//# sourceMappingURL=EVOGRJ6Q.cjs.map
+//# sourceMappingURL=ZLMF56CV.cjs.map

package/dist/__chunks/{HSN5X3GG.cjs → ZVKI4NQ2.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 _AQKXSQR3cjs = require('./AQKXSQR3.cjs');
+var _AS3XLIYDcjs = require('./AS3XLIYD.cjs');
 
 
-var _APHFWWUYcjs = require('./APHFWWUY.cjs');
+var _RQ4CD3GMcjs = require('./RQ4CD3GM.cjs');
 
 
 var _JVGBP6LOcjs = require('./JVGBP6LO.cjs');
@@ -44,10 +44,10 @@ function Tabs({
     }
   );
 }
-Tabs.Button = _APHFWWUYcjs.TabButton;
-Tabs.Link = _AQKXSQR3cjs.TabLink_default;
+Tabs.Button = _RQ4CD3GMcjs.TabButton;
+Tabs.Link = _AS3XLIYDcjs.TabLink_default;
 
 
 
 exports.Tabs = Tabs;
-//# sourceMappingURL=HSN5X3GG.cjs.map
+//# sourceMappingURL=ZVKI4NQ2.cjs.map