@cambly/syntax-core 21.10.0 → 21.11.0

package/dist/__chunks/{3CVV6PAD.js → CLVZ4FOV.js}

@@ -4,19 +4,19 @@ import {
 } from "./36DG472B.js";
 import {
   Button_default
-} from "./2BHS5CFG.js";
+} from "./MEW6HJNQ.js";
 import {
   Divider
 } from "./3WKVZ2UU.js";
 import {
   RichSelectSection_default
-} from "./LIAZJ67M.js";
+} from "./KURNAKIN.js";
 import {
   RichSelectRadioButton_default
-} from "./KYB756P2.js";
+} from "./ND2XGXML.js";
 import {
   RichSelectChip_default
-} from "./WAGE57PF.js";
+} from "./3TH6B66Z.js";
 import {
   RichSelectItemContext,
   RichSelect_module_default
@@ -208,4 +208,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=3CVV6PAD.js.map
+//# sourceMappingURL=CLVZ4FOV.js.map

package/dist/__chunks/{HVUDEKZ4.js → EJEDQLJI.js}

@@ -7,7 +7,7 @@ import {
 } from "./X552U42S.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -127,4 +127,4 @@ var RadioButton_default = RadioButton;
 export {
   RadioButton_default
 };
-//# sourceMappingURL=HVUDEKZ4.js.map
+//# sourceMappingURL=EJEDQLJI.js.map

package/dist/__chunks/{VVBRZJ24.js → EKSO3SO5.js}

@@ -1,13 +1,13 @@
 "use client"
 import {
   Badge_default
-} from "./4DDCK4YC.js";
+} from "./J2CULO5Z.js";
 import {
   Box_default
 } from "./X552U42S.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -118,4 +118,4 @@ function TextField({
 export {
   TextField
 };
-//# sourceMappingURL=VVBRZJ24.js.map
+//# sourceMappingURL=EKSO3SO5.js.map

package/dist/__chunks/{MPRB6RD7.js → IDX7RWVA.js}

@@ -8,7 +8,7 @@ import classNames from "classnames";
 import { forwardRef } from "react";
 
 // css-module:./Typography.module.css#css-module
-var Typography_module_default = { "typography": "_typography_1x77l_1", "sansSerif": "_sansSerif_1x77l_22", "serif": "_serif_1x77l_27", "size0": "_size0_1x77l_73", "size100": "_size100_1x77l_77", "size200": "_size200_1x77l_81", "size300": "_size300_1x77l_85", "size400": "_size400_1x77l_89", "size500": "_size500_1x77l_93", "size700": "_size700_1x77l_97", "size800": "_size800_1x77l_101", "size900": "_size900_1x77l_105", "size1100": "_size1100_1x77l_109", "center": "_center_1x77l_137", "forceLeft": "_forceLeft_1x77l_141", "forceRight": "_forceRight_1x77l_145", "start": "_start_1x77l_149", "end": "_end_1x77l_153", "regular": "_regular_1x77l_159", "medium": "_medium_1x77l_163", "semiBold": "_semiBold_1x77l_167", "bold": "_bold_1x77l_171", "underline": "_underline_1x77l_175", "inline": "_inline_1x77l_179", "uppercase": "_uppercase_1x77l_183", "lineClamp": "_lineClamp_1x77l_187", "p100": "_p100_1x77l_196", "p200": "_p200_1x77l_200", "p300": "_p300_1x77l_204", "p400": "_p400_1x77l_208", "p500": "_p500_1x77l_212", "inherit": "_inherit_1x77l_217", "normal": "_normal_1x77l_221", "nowrap": "_nowrap_1x77l_225", "preLine": "_preLine_1x77l_229" };
+var Typography_module_default = { "typography": "_typography_qb8k0_1", "sansSerif": "_sansSerif_qb8k0_22", "serif": "_serif_qb8k0_27", "size0": "_size0_qb8k0_73", "size100": "_size100_qb8k0_77", "size200": "_size200_qb8k0_81", "size300": "_size300_qb8k0_85", "size400": "_size400_qb8k0_89", "size500": "_size500_qb8k0_93", "size700": "_size700_qb8k0_97", "size800": "_size800_qb8k0_101", "size900": "_size900_qb8k0_105", "size1100": "_size1100_qb8k0_109", "center": "_center_qb8k0_137", "forceLeft": "_forceLeft_qb8k0_141", "forceRight": "_forceRight_qb8k0_145", "start": "_start_qb8k0_149", "end": "_end_qb8k0_153", "regular": "_regular_qb8k0_159", "medium": "_medium_qb8k0_163", "semiBold": "_semiBold_qb8k0_167", "bold": "_bold_qb8k0_171", "underline": "_underline_qb8k0_175", "inline": "_inline_qb8k0_179", "uppercase": "_uppercase_qb8k0_183", "lineClamp": "_lineClamp_qb8k0_187", "p100": "_p100_qb8k0_196", "p200": "_p200_qb8k0_200", "p300": "_p300_qb8k0_204", "p400": "_p400_qb8k0_208", "p500": "_p500_qb8k0_212", "inherit": "_inherit_qb8k0_217", "normal": "_normal_qb8k0_221", "nowrap": "_nowrap_qb8k0_225", "preLine": "_preLine_qb8k0_229" };
 
 // src/Typography/Typography.tsx
 import { jsx } from "react/jsx-runtime";
@@ -63,4 +63,4 @@ var Typography_default = Typography;
 export {
   Typography_default
 };
-//# sourceMappingURL=MPRB6RD7.js.map
+//# sourceMappingURL=IDX7RWVA.js.map

package/dist/__chunks/{MPRB6RD7.js.map → IDX7RWVA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"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      | \"destructive-lightBackground\"\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     * * `500`: 32px\n     * * `700`: 38px\n     * * `800`: 46px\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     * * `500`: 32px\n     * * `700`: 44px\n     * * `800`: 63px\n     * * `900`: 76px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 0 | 100 | 200 | 300 | 400 | 500 | 700 | 800 | 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     * Controls how whitespace within the element is handled.\n     *\n     * See: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space\n     *\n     * @defaultValue \"inherit\"\n     */\n    whiteSpace?: \"inherit\" | \"normal\" | \"nowrap\" | \"preLine\";\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    whiteSpace = \"inherit\",\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        styles[whiteSpace],\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_1x77l_1\",\"sansSerif\":\"_sansSerif_1x77l_22\",\"serif\":\"_serif_1x77l_27\",\"size0\":\"_size0_1x77l_73\",\"size100\":\"_size100_1x77l_77\",\"size200\":\"_size200_1x77l_81\",\"size300\":\"_size300_1x77l_85\",\"size400\":\"_size400_1x77l_89\",\"size500\":\"_size500_1x77l_93\",\"size700\":\"_size700_1x77l_97\",\"size800\":\"_size800_1x77l_101\",\"size900\":\"_size900_1x77l_105\",\"size1100\":\"_size1100_1x77l_109\",\"center\":\"_center_1x77l_137\",\"forceLeft\":\"_forceLeft_1x77l_141\",\"forceRight\":\"_forceRight_1x77l_145\",\"start\":\"_start_1x77l_149\",\"end\":\"_end_1x77l_153\",\"regular\":\"_regular_1x77l_159\",\"medium\":\"_medium_1x77l_163\",\"semiBold\":\"_semiBold_1x77l_167\",\"bold\":\"_bold_1x77l_171\",\"underline\":\"_underline_1x77l_175\",\"inline\":\"_inline_1x77l_179\",\"uppercase\":\"_uppercase_1x77l_183\",\"lineClamp\":\"_lineClamp_1x77l_187\",\"p100\":\"_p100_1x77l_196\",\"p200\":\"_p200_1x77l_200\",\"p300\":\"_p300_1x77l_204\",\"p400\":\"_p400_1x77l_208\",\"p500\":\"_p500_1x77l_212\",\"inherit\":\"_inherit_1x77l_217\",\"normal\":\"_normal_1x77l_221\",\"nowrap\":\"_nowrap_1x77l_225\",\"preLine\":\"_preLine_1x77l_229\"}"],"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,WAAU,sBAAqB,WAAU,sBAAqB,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,mBAAkB,QAAO,mBAAkB,WAAU,sBAAqB,UAAS,qBAAoB,UAAS,qBAAoB,WAAU,qBAAoB;;;ADiKnoC;AAzJJ,IAAM,aAAa,WAkIjB,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;AAAA,EACT,aAAa;AACf,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,0BAAO,UAAU;AAAA,QACjB,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;","names":["Typography"]}
+{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"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      | \"destructive-lightBackground\"\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     * * `500`: 32px\n     * * `700`: 38px\n     * * `800`: 46px\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     * * `500`: 32px\n     * * `700`: 44px\n     * * `800`: 63px\n     * * `900`: 76px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 0 | 100 | 200 | 300 | 400 | 500 | 700 | 800 | 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     * Controls how whitespace within the element is handled.\n     *\n     * See: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space\n     *\n     * @defaultValue \"inherit\"\n     */\n    whiteSpace?: \"inherit\" | \"normal\" | \"nowrap\" | \"preLine\";\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    whiteSpace = \"inherit\",\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        styles[whiteSpace],\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_qb8k0_1\",\"sansSerif\":\"_sansSerif_qb8k0_22\",\"serif\":\"_serif_qb8k0_27\",\"size0\":\"_size0_qb8k0_73\",\"size100\":\"_size100_qb8k0_77\",\"size200\":\"_size200_qb8k0_81\",\"size300\":\"_size300_qb8k0_85\",\"size400\":\"_size400_qb8k0_89\",\"size500\":\"_size500_qb8k0_93\",\"size700\":\"_size700_qb8k0_97\",\"size800\":\"_size800_qb8k0_101\",\"size900\":\"_size900_qb8k0_105\",\"size1100\":\"_size1100_qb8k0_109\",\"center\":\"_center_qb8k0_137\",\"forceLeft\":\"_forceLeft_qb8k0_141\",\"forceRight\":\"_forceRight_qb8k0_145\",\"start\":\"_start_qb8k0_149\",\"end\":\"_end_qb8k0_153\",\"regular\":\"_regular_qb8k0_159\",\"medium\":\"_medium_qb8k0_163\",\"semiBold\":\"_semiBold_qb8k0_167\",\"bold\":\"_bold_qb8k0_171\",\"underline\":\"_underline_qb8k0_175\",\"inline\":\"_inline_qb8k0_179\",\"uppercase\":\"_uppercase_qb8k0_183\",\"lineClamp\":\"_lineClamp_qb8k0_187\",\"p100\":\"_p100_qb8k0_196\",\"p200\":\"_p200_qb8k0_200\",\"p300\":\"_p300_qb8k0_204\",\"p400\":\"_p400_qb8k0_208\",\"p500\":\"_p500_qb8k0_212\",\"inherit\":\"_inherit_qb8k0_217\",\"normal\":\"_normal_qb8k0_221\",\"nowrap\":\"_nowrap_qb8k0_225\",\"preLine\":\"_preLine_qb8k0_229\"}"],"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,WAAU,sBAAqB,WAAU,sBAAqB,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,mBAAkB,QAAO,mBAAkB,WAAU,sBAAqB,UAAS,qBAAoB,UAAS,qBAAoB,WAAU,qBAAoB;;;ADiKnoC;AAzJJ,IAAM,aAAa,WAkIjB,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;AAAA,EACT,aAAa;AACf,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,0BAAO,UAAU;AAAA,QACjB,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;","names":["Typography"]}

package/dist/__chunks/{DIZ2AM3O.js → IOLXYFOT.js}

@@ -4,7 +4,7 @@ import {
 } from "./KKADUD65.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -114,4 +114,4 @@ var Checkbox_default = Checkbox;
 export {
   Checkbox_default
 };
-//# sourceMappingURL=DIZ2AM3O.js.map
+//# sourceMappingURL=IOLXYFOT.js.map

package/dist/__chunks/{4DDCK4YC.js → J2CULO5Z.js}

@@ -4,7 +4,7 @@ import {
 } from "./X552U42S.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -74,4 +74,4 @@ var Badge_default = Badge;
 export {
   Badge_default
 };
-//# sourceMappingURL=4DDCK4YC.js.map
+//# sourceMappingURL=J2CULO5Z.js.map

package/dist/__chunks/{TZ6K2QOX.js → JEQOCPG6.js}

@@ -23,7 +23,7 @@ import {
 } from "./RSS2H4EE.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 
 // src/LinkButton/LinkButton.tsx
 import {
@@ -138,4 +138,4 @@ var LinkButton_default = LinkButton;
 export {
   LinkButton_default
 };
-//# sourceMappingURL=TZ6K2QOX.js.map
+//# sourceMappingURL=JEQOCPG6.js.map

package/dist/__chunks/{JVYDT3KG.js → JRSIZ3OC.js}

@@ -4,7 +4,7 @@ import {
 } from "./X552U42S.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=JVYDT3KG.js.map
+//# sourceMappingURL=JRSIZ3OC.js.map

package/dist/__chunks/{QGKN6QPT.js → JXOW2OYL.js}

@@ -4,7 +4,7 @@ import {
 } from "./VV2NJABK.js";
 import {
   TabInternal
-} from "./TKDQXKWS.js";
+} from "./L3O26KOI.js";
 import {
   Box_default
 } from "./X552U42S.js";
@@ -72,4 +72,4 @@ var TabLink_default = TabLink;
 export {
   TabLink_default
 };
-//# sourceMappingURL=QGKN6QPT.js.map
+//# sourceMappingURL=JXOW2OYL.js.map

package/dist/__chunks/{LIAZJ67M.js → KURNAKIN.js}

@@ -7,7 +7,7 @@ import {
 } from "./AVREYFSM.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 
 // src/RichSelect/RichSelectSection.tsx
 import { forwardRef } from "react";
@@ -50,4 +50,4 @@ var RichSelectSection_default = forwardRef(
 export {
   RichSelectSection_default
 };
-//# sourceMappingURL=LIAZJ67M.js.map
+//# sourceMappingURL=KURNAKIN.js.map

package/dist/__chunks/{TKDQXKWS.js → L3O26KOI.js}

@@ -4,7 +4,7 @@ import {
 } from "./X552U42S.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 import {
   colors_module_default
 } from "./QIMMO3OB.js";
@@ -98,4 +98,4 @@ function TabInternal({
 export {
   TabInternal
 };
-//# sourceMappingURL=TKDQXKWS.js.map
+//# sourceMappingURL=L3O26KOI.js.map

package/dist/__chunks/{2BHS5CFG.js → MEW6HJNQ.js}

@@ -23,7 +23,7 @@ import {
 } from "./X552U42S.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -146,4 +146,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=2BHS5CFG.js.map
+//# sourceMappingURL=MEW6HJNQ.js.map

package/dist/__chunks/{KYB756P2.js → ND2XGXML.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   RadioButton_default
-} from "./HVUDEKZ4.js";
+} from "./EJEDQLJI.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=KYB756P2.js.map
+//# sourceMappingURL=ND2XGXML.js.map

package/dist/__chunks/{Q3GETQTJ.js → NXXK4RDM.js}

@@ -4,7 +4,7 @@ import {
 } from "./X552U42S.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -99,4 +99,4 @@ var TextArea_default = TextArea;
 export {
   TextArea_default
 };
-//# sourceMappingURL=Q3GETQTJ.js.map
+//# sourceMappingURL=NXXK4RDM.js.map

package/dist/__chunks/{22DOBTM6.js → OSGJ5HDK.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Heading_default
-} from "./37HO7CY6.js";
+} from "./SFIVTUDU.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=22DOBTM6.js.map
+//# sourceMappingURL=OSGJ5HDK.js.map

package/dist/__chunks/{37HO7CY6.js → SFIVTUDU.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 
 // src/Heading/Heading.tsx
 import { jsx } from "react/jsx-runtime";
@@ -47,4 +47,4 @@ var Heading_default = Heading;
 export {
   Heading_default
 };
-//# sourceMappingURL=37HO7CY6.js.map
+//# sourceMappingURL=SFIVTUDU.js.map

package/dist/__chunks/{4QIAQ7OT.js → TNRDWSUF.js}

@@ -10,7 +10,7 @@ import {
 } from "./KBIW5XV4.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 import {
   colors_module_default
 } from "./QIMMO3OB.js";
@@ -166,4 +166,4 @@ export {
   AriaTooltip,
   Tooltip_default
 };
-//# sourceMappingURL=4QIAQ7OT.js.map
+//# sourceMappingURL=TNRDWSUF.js.map

package/dist/__chunks/{5QR4GKVY.js → VXX4H2RU.js}

@@ -6,7 +6,7 @@ import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./YSRQYMMU.js";
+} from "./YGOEYFXY.js";
 import {
   Focus_module_default
 } from "./KKADUD65.js";
@@ -15,7 +15,7 @@ import {
 } from "./X552U42S.js";
 import {
   Typography_default
-} from "./MPRB6RD7.js";
+} from "./IDX7RWVA.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -140,4 +140,4 @@ SelectList.Option = SelectOption_default;
 export {
   SelectList
 };
-//# sourceMappingURL=5QR4GKVY.js.map
+//# sourceMappingURL=VXX4H2RU.js.map

package/dist/__chunks/{OYZNL37T.js → XATRX37Q.js}

@@ -7,7 +7,7 @@ import {
 } from "./VV2NJABK.js";
 import {
   TabInternal
-} from "./TKDQXKWS.js";
+} from "./L3O26KOI.js";
 import {
   Box_default
 } from "./X552U42S.js";
@@ -64,4 +64,4 @@ function TabButton({
 export {
   TabButton
 };
-//# sourceMappingURL=OYZNL37T.js.map
+//# sourceMappingURL=XATRX37Q.js.map

package/dist/__chunks/{YSRQYMMU.js → YGOEYFXY.js}

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

package/dist/__chunks/{YSRQYMMU.js.map → YGOEYFXY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 01 Nov 2024 20:46:04 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 Thu, 07 Nov 2024 06: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 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/index.css

@@ -2296,7 +2296,7 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
-._typography_1x77l_1 {
+._typography_qb8k0_1 {
   line-height: initial;
   margin: 0;
 }
@@ -2312,144 +2312,148 @@
   font-weight: 700;
   src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-text-bold-final.woff2);
 }
-._sansSerif_1x77l_22 {
+._sansSerif_qb8k0_22 {
   font-family: var(--syntax-font-sans-serif);
   margin: 0;
 }
-._serif_1x77l_27 {
+._serif_qb8k0_27 {
   font-family: var( --syntax-font-sans-serif );
 }
-:lang(en) ._serif_1x77l_27,
-:lang(az) ._serif_1x77l_27,
-:lang(fr) ._serif_1x77l_27,
-:lang(de) ._serif_1x77l_27,
-:lang(es) ._serif_1x77l_27,
-:lang(it) ._serif_1x77l_27,
-:lang(pl) ._serif_1x77l_27,
-:lang(pt) ._serif_1x77l_27,
-:lang(tr) ._serif_1x77l_27 {
+:lang(en) ._serif_qb8k0_27,
+:lang(az) ._serif_qb8k0_27,
+:lang(fr) ._serif_qb8k0_27,
+:lang(de) ._serif_qb8k0_27,
+:lang(es) ._serif_qb8k0_27,
+:lang(it) ._serif_qb8k0_27,
+:lang(pl) ._serif_qb8k0_27,
+:lang(pt) ._serif_qb8k0_27,
+:lang(tr) ._serif_qb8k0_27 {
   font-family: "GT Super", var(--syntax-font-sans-serif);
   -webkit-font-smoothing: antialiased;
   letter-spacing: -0.02em;
   line-height: 1.15em;
 }
-._size0_1x77l_73 {
+._size0_qb8k0_73 {
   font-size: 12px;
 }
-._size100_1x77l_77 {
+._size100_qb8k0_77 {
   font-size: 13px;
 }
-._size200_1x77l_81 {
+._size200_qb8k0_81 {
   font-size: 16px;
 }
-._size300_1x77l_85 {
+._size300_qb8k0_85 {
   font-size: 19px;
 }
-._size400_1x77l_89 {
+._size400_qb8k0_89 {
   font-size: 25px;
 }
-._size500_1x77l_93 {
+._size500_qb8k0_93 {
   font-size: 32px;
 }
-._size700_1x77l_97 {
+._size700_qb8k0_97 {
   font-size: 38px;
 }
-._size800_1x77l_101 {
+._size800_qb8k0_101 {
   font-size: 46px;
 }
-._size900_1x77l_105 {
+._size900_qb8k0_105 {
   font-size: 55px;
 }
-._size1100_1x77l_109 {
+._size1100_qb8k0_109 {
   font-size: 83px;
 }
 @media (min-width: 480px) {
-  ._size300_1x77l_85 {
+  ._size300_qb8k0_85 {
     font-size: 20px;
   }
-  ._size700_1x77l_97 {
+  ._size700_qb8k0_97 {
     font-size: 44px;
   }
-  ._size800_1x77l_101 {
+  ._size800_qb8k0_101 {
     font-size: 63px;
   }
-  ._size900_1x77l_105 {
+  ._size900_qb8k0_105 {
     font-size: 76px;
   }
-  ._size1100_1x77l_109 {
+  ._size1100_qb8k0_109 {
     font-size: 119px;
   }
 }
-._center_1x77l_137 {
+._center_qb8k0_137 {
   text-align: center;
 }
-._forceLeft_1x77l_141 {
+._forceLeft_qb8k0_141 {
   text-align: left;
 }
-._forceRight_1x77l_145 {
+._forceRight_qb8k0_145 {
   text-align: right;
 }
-._start_1x77l_149 {
+._start_qb8k0_149 {
   text-align: start;
 }
-._end_1x77l_153 {
+._end_qb8k0_153 {
   text-align: end;
 }
-._regular_1x77l_159 {
+._regular_qb8k0_159 {
   font-weight: 400;
 }
-._medium_1x77l_163 {
+._medium_qb8k0_163 {
   font-weight: 510;
 }
-._semiBold_1x77l_167 {
+._semiBold_qb8k0_167 {
   font-weight: 590;
 }
-._bold_1x77l_171 {
+._bold_qb8k0_171 {
   font-weight: 700;
 }
-._underline_1x77l_175 {
+._underline_qb8k0_175 {
   text-decoration: underline;
 }
-._inline_1x77l_179 {
+._inline_qb8k0_179 {
   display: inline;
 }
-._uppercase_1x77l_183 {
+._uppercase_qb8k0_183 {
   text-transform: uppercase;
 }
-._lineClamp_1x77l_187 {
+._lineClamp_qb8k0_187 {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   max-width: 100%;
   overflow: hidden;
   word-break: break-word;
 }
-._p100_1x77l_196 {
+._p100_qb8k0_196 {
   line-height: 150%;
 }
-._p200_1x77l_200 {
+._p200_qb8k0_200 {
   line-height: 150%;
 }
-._p300_1x77l_204 {
+._p300_qb8k0_204 {
   line-height: 140%;
 }
-._p400_1x77l_208 {
+._p400_qb8k0_208 {
   line-height: 130%;
 }
-._p500_1x77l_212 {
+._p500_qb8k0_212 {
   line-height: 115%;
 }
-._inherit_1x77l_217 {
+._inherit_qb8k0_217 {
   white-space: inherit;
 }
-._normal_1x77l_221 {
+._normal_qb8k0_221 {
   white-space: normal;
 }
-._nowrap_1x77l_225 {
+._nowrap_qb8k0_225 {
   white-space: nowrap;
 }
-._preLine_1x77l_229 {
+._preLine_qb8k0_229 {
   white-space: pre-line;
 }
+:lang(ko),
+._typography_qb8k0_1 {
+  word-break: keep-all;
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css/#css-module-data */
 ._icon_1g9xb_1 {