@cambly/syntax-core 21.9.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/LD67LLZE.js

@@ -0,0 +1,154 @@
+"use client"
+import {
+  rounding_module_default
+} from "./KBIW5XV4.js";
+import {
+  useIsHydrated
+} from "./JB65NEXK.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./UWGNJENA.js";
+
+// src/LinkTapArea/LinkTapArea.tsx
+import {
+  forwardRef,
+  useReducer
+} from "react";
+
+// css-module:../TapArea/TapArea.module.css#css-module
+var TapArea_module_default = { "tapArea": "_tapArea_1gbc8_1", "fullHeight": "_fullHeight_1gbc8_5", "fullWidth": "_fullWidth_1gbc8_9", "disabled": "_disabled_1gbc8_13", "enabled": "_enabled_1gbc8_20", "overlay": "_overlay_1gbc8_33", "hoveredOrFocussed": "_hoveredOrFocussed_1gbc8_43" };
+
+// src/LinkTapArea/LinkTapArea.tsx
+import classNames from "classnames";
+
+// css-module:./LinkTapArea.module.css#css-module
+var LinkTapArea_module_default = { "linkTapArea": "_linkTapArea_1nzmd_1" };
+
+// src/LinkTapArea/LinkTapArea.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function reducer(state, action) {
+  switch (action.type) {
+    case "BLUR":
+      return __spreadProps(__spreadValues({}, state), { focussed: false });
+    case "FOCUS":
+      return __spreadProps(__spreadValues({}, state), { focussed: true });
+    case "MOUSE_ENTER":
+      return __spreadProps(__spreadValues({}, state), { hovered: true });
+    case "MOUSE_LEAVE":
+      return __spreadProps(__spreadValues({}, state), { hovered: false });
+    default:
+      return state;
+  }
+}
+var LinkTapArea = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      href,
+      target,
+      rel,
+      accessibilityLabel,
+      "data-testid": dataTestId,
+      disabled: disabledProp = false,
+      fullHeight = false,
+      fullWidth = true,
+      onClick,
+      onMouseEnter,
+      onMouseLeave,
+      rounding = "none",
+      tabIndex = 0
+    } = _b, accessibilityProps = __objRest(_b, [
+      "children",
+      "href",
+      "target",
+      "rel",
+      "accessibilityLabel",
+      "data-testid",
+      "disabled",
+      "fullHeight",
+      "fullWidth",
+      "onClick",
+      "onMouseEnter",
+      "onMouseLeave",
+      "rounding",
+      "tabIndex"
+    ]);
+    const isHydrated = useIsHydrated();
+    const disabled = !isHydrated || disabledProp;
+    const [{ hovered, focussed }, dispatch] = useReducer(reducer, {
+      hovered: false,
+      focussed: false
+    });
+    const handleClick = (event) => {
+      if (disabled) {
+      } else {
+        event.currentTarget.blur();
+        onClick(event);
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (disabled)
+        return;
+      if (event.key === "Enter" || event.key === " " || event.key === "Space") {
+        event.preventDefault();
+        onClick(event);
+      }
+    };
+    const handleOnMouseEnter = (event) => {
+      if (disabled)
+        return;
+      dispatch({ type: "MOUSE_ENTER" });
+      onMouseEnter == null ? void 0 : onMouseEnter(event);
+    };
+    const handleOnMouseLeave = (event) => {
+      if (disabled)
+        return;
+      dispatch({ type: "MOUSE_LEAVE" });
+      onMouseLeave == null ? void 0 : onMouseLeave(event);
+    };
+    const isHoveredOrFocussed = !disabled && (hovered || focussed);
+    const roundingClasses = rounding !== "none" && rounding_module_default[`rounding${rounding}`];
+    return /* @__PURE__ */ jsxs(
+      "a",
+      __spreadProps(__spreadValues({}, accessibilityProps), {
+        "aria-disabled": disabled || accessibilityProps["aria-disabled"],
+        "aria-label": accessibilityLabel != null ? accessibilityLabel : accessibilityProps["aria-label"],
+        className: classNames(
+          LinkTapArea_module_default.linkTapArea,
+          TapArea_module_default.tapArea,
+          TapArea_module_default[`${disabled ? "disabled" : "enabled"}`],
+          fullHeight && TapArea_module_default.fullHeight,
+          fullWidth && TapArea_module_default.fullWidth,
+          isHoveredOrFocussed && TapArea_module_default.hoveredOrFocussed,
+          roundingClasses
+        ),
+        "data-testid": dataTestId,
+        href,
+        target,
+        rel,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        onMouseEnter: handleOnMouseEnter,
+        onMouseLeave: handleOnMouseLeave,
+        onFocus: () => dispatch({ type: "FOCUS" }),
+        onBlur: () => dispatch({ type: "BLUR" }),
+        ref,
+        role: "button",
+        tabIndex: disabled ? void 0 : tabIndex,
+        children: [
+          !disabled && (hovered || focussed) && /* @__PURE__ */ jsx("div", { className: classNames(TapArea_module_default.overlay, roundingClasses) }),
+          children
+        ]
+      })
+    );
+  }
+);
+LinkTapArea.displayName = "LinkTapArea";
+var LinkTapArea_default = LinkTapArea;
+
+export {
+  LinkTapArea_default
+};
+//# sourceMappingURL=LD67LLZE.js.map

package/dist/__chunks/LD67LLZE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/LinkTapArea/LinkTapArea.tsx","css-module:../TapArea/TapArea.module.css#css-module","css-module:./LinkTapArea.module.css#css-module"],"sourcesContent":["import React, {\n  forwardRef,\n  type HtmlHTMLAttributes,\n  useReducer,\n  type AriaAttributes,\n  type ReactNode,\n} from \"react\";\nimport tapAreaStyles from \"../TapArea/TapArea.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport classNames from \"classnames\";\nimport styles from \"./LinkTapArea.module.css\";\n\ntype LinkTapAreaProps = AriaAttributes & {\n  /**\n   * The children to be rendered inside the tap area.\n   */\n  children?: ReactNode;\n  /**\n   * The link that the LinkTapArea should route to.\n   *\n   */\n  href?: string;\n  /**\n   * The target attribute specifies where to open the linked document.\n   *\n   */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /**\n   * The rel attribute specifies the relationship between the document and the link.\n   *\n   */\n  rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * Test id for the tap area\n   */\n  \"data-testid\"?: string;\n  /**\n   * If `true`, the tap area will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the tap area will be full height\n   */\n  fullHeight?: boolean;\n  /**\n   * If `true`, the tap area will be full width\n   */\n  fullWidth?: boolean;\n  /**\n   * The callback to be called when the tap area is clicked\n   */\n  onClick: (event: React.SyntheticEvent<HTMLAnchorElement>) => void;\n  /**\n   * The callback to be called when the tap area is hovered\n   */\n  onMouseEnter?: (event: React.SyntheticEvent<HTMLAnchorElement>) => void;\n  /**\n   * The callback to be called when the tap area is no longer hovered\n   */\n  onMouseLeave?: (event: React.SyntheticEvent<HTMLAnchorElement>) => void;\n  /**\n   * Border radius of the tap area.\n   *\n   * * `none`: 0px\n   * * `sm`: 8px\n   * * `md`: 12px\n   * * `full`: 999px\n   *\n   * @defaultValue \"none\"\n   */\n  rounding?: \"md\" | \"sm\" | \"full\" | \"none\";\n  /**\n   * The tab index of the tap area\n   */\n  tabIndex?: 0 | -1;\n};\n\nfunction reducer(\n  state: {\n    hovered: boolean;\n    focussed: boolean;\n  },\n  action: {\n    type: \"BLUR\" | \"FOCUS\" | \"MOUSE_ENTER\" | \"MOUSE_LEAVE\";\n  },\n) {\n  switch (action.type) {\n    case \"BLUR\":\n      return { ...state, focussed: false };\n    case \"FOCUS\":\n      return { ...state, focussed: true };\n    case \"MOUSE_ENTER\":\n      return { ...state, hovered: true };\n    case \"MOUSE_LEAVE\":\n      return { ...state, hovered: false };\n    default:\n      return state;\n  }\n}\nconst LinkTapArea = forwardRef<HTMLAnchorElement, LinkTapAreaProps>(\n  (\n    {\n      children,\n      href,\n      target,\n      rel,\n      accessibilityLabel,\n      \"data-testid\": dataTestId,\n      disabled: disabledProp = false,\n      fullHeight = false,\n      fullWidth = true,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      rounding = \"none\",\n      tabIndex = 0,\n      ...accessibilityProps\n    }: LinkTapAreaProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const [{ hovered, focussed }, dispatch] = useReducer(reducer, {\n      hovered: false,\n      focussed: false,\n    });\n    const handleClick: React.MouseEventHandler<HTMLAnchorElement> = (event) => {\n      if (disabled) {\n        undefined;\n      } else {\n        event.currentTarget.blur();\n        onClick(event);\n      }\n    };\n\n    const handleKeyDown: React.KeyboardEventHandler<HTMLAnchorElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      if (event.key === \"Enter\" || event.key === \" \" || event.key === \"Space\") {\n        event.preventDefault();\n        onClick(event);\n      }\n    };\n\n    const handleOnMouseEnter: React.MouseEventHandler<HTMLAnchorElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      dispatch({ type: \"MOUSE_ENTER\" });\n      onMouseEnter?.(event);\n    };\n\n    const handleOnMouseLeave: React.MouseEventHandler<HTMLAnchorElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      dispatch({ type: \"MOUSE_LEAVE\" });\n      onMouseLeave?.(event);\n    };\n\n    const isHoveredOrFocussed = !disabled && (hovered || focussed);\n    const roundingClasses =\n      rounding !== \"none\" && roundingStyles[`rounding${rounding}`];\n\n    return (\n      <a\n        {...accessibilityProps}\n        aria-disabled={disabled || accessibilityProps[\"aria-disabled\"]}\n        aria-label={accessibilityLabel ?? accessibilityProps[\"aria-label\"]}\n        className={classNames(\n          styles.linkTapArea,\n          tapAreaStyles.tapArea,\n          tapAreaStyles[`${disabled ? \"disabled\" : \"enabled\"}`],\n          fullHeight && tapAreaStyles.fullHeight,\n          fullWidth && tapAreaStyles.fullWidth,\n          isHoveredOrFocussed && tapAreaStyles.hoveredOrFocussed,\n          roundingClasses,\n        )}\n        data-testid={dataTestId}\n        href={href}\n        target={target}\n        rel={rel}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n        onFocus={() => dispatch({ type: \"FOCUS\" })}\n        onBlur={() => dispatch({ type: \"BLUR\" })}\n        ref={ref}\n        role=\"button\"\n        tabIndex={disabled ? undefined : tabIndex}\n      >\n        {!disabled && (hovered || focussed) && (\n          <div className={classNames(tapAreaStyles.overlay, roundingClasses)} />\n        )}\n        {children}\n      </a>\n    );\n  },\n);\n\nLinkTapArea.displayName = \"LinkTapArea\";\n\nexport default LinkTapArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css\"; export default {\"tapArea\":\"_tapArea_1gbc8_1\",\"fullHeight\":\"_fullHeight_1gbc8_5\",\"fullWidth\":\"_fullWidth_1gbc8_9\",\"disabled\":\"_disabled_1gbc8_13\",\"enabled\":\"_enabled_1gbc8_20\",\"overlay\":\"_overlay_1gbc8_33\",\"hoveredOrFocussed\":\"_hoveredOrFocussed_1gbc8_43\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkTapArea/LinkTapArea.module.css\"; export default {\"linkTapArea\":\"_linkTapArea_1nzmd_1\"}"],"mappings":"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","names":[]}

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/{S3C44SBB.js → OXEXFQAN.js}

@@ -136,4 +136,4 @@ var TapArea_default = TapArea;
 export {
   TapArea_default
 };
-//# sourceMappingURL=S3C44SBB.js.map
+//# sourceMappingURL=OXEXFQAN.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/{O73BKRLX.js → VXX4H2RU.js}

@@ -6,7 +6,7 @@ import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./QTYWP33K.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=O73BKRLX.js.map
+//# sourceMappingURL=VXX4H2RU.js.map

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

@@ -1,13 +1,13 @@
 "use client"
 import {
   TapArea_default
-} from "./S3C44SBB.js";
+} from "./OXEXFQAN.js";
 import {
   Tabs_module_default
 } 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=HAV7ESKO.js.map
+//# sourceMappingURL=XATRX37Q.js.map

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

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

package/dist/__chunks/{QTYWP33K.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 Tue, 29 Oct 2024 20:00:19 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":[]}