@cambly/syntax-core 19.2.1 → 19.3.0

package/dist/__chunks/{Z3S2ZWTJ.cjs.map → Q7CC3YA4.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":";;;;;;AAqGI;AAlGJ,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AACF,GAGkC;AAChC,MAAI,cAAc,WAAW,SAAS,KAAK;AACzC,WAAO;AAAA,EACT,WAAW,cAAc,SAAS;AAChC,WAAO;AAAA,EACT,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAKA,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AACT,MAoEoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,EAAE,WAAW,KAAK,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ","sourcesContent":["import { type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport Typography from \"../Typography/Typography\";\n\nfunction weight({\n  fontStyle,\n  size,\n}: {\n  fontStyle: ComponentProps<typeof Heading>[\"fontStyle\"];\n  size: ComponentProps<typeof Heading>[\"size\"];\n}): \"bold\" | \"medium\" | \"regular\" {\n  if (fontStyle === \"serif\" && size === 400) {\n    return \"bold\";\n  } else if (fontStyle === \"serif\") {\n    return \"medium\";\n  } else {\n    return \"regular\";\n  }\n}\n\n/**\n * [Heading](https://cambly-syntax.vercel.app/?path=/docs/components-heading--docs) enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n  align = \"start\",\n  as = \"h1\",\n  children,\n  color = \"gray900\",\n  \"data-testid\": dataTestId,\n  fontStyle = \"sans-serif\",\n  lineClamp,\n  size = 400,\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 \"h1\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\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    | \"success\"\n    | \"white\"\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 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   * * `400`: 25px\n   * * `700`: 38px\n   * * `800`: 46px\n   * * `900`: 55px\n   * * `1100`: 83px\n   *\n   * Desktop (viewport width >= 480px):\n   * * `400`: 25px\n   * * `700`: 49px\n   * * `800`: 63px\n   * * `900`: 76px\n   * * `1100`: 119px\n   *\n   * @defaultValue 400\n   */\n  size?: 400 | 700 | 800 | 900 | 1100;\n}): ReactElement => {\n  return (\n    <Typography\n      align={align}\n      as={as}\n      color={color}\n      fontStyle={fontStyle}\n      data-testid={dataTestId}\n      lineClamp={lineClamp}\n      size={size}\n      weight={weight({ fontStyle, size })}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n"]}
+{"version":3,"sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":";;;;;;AAuGI;AApGJ,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AACF,GAGkC;AAChC,MAAI,cAAc,WAAW,SAAS,KAAK;AACzC,WAAO;AAAA,EACT,WAAW,cAAc,SAAS;AAChC,WAAO;AAAA,EACT,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAKA,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AACT,MAsEoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,EAAE,WAAW,KAAK,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ","sourcesContent":["import { type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport Typography from \"../Typography/Typography\";\n\nfunction weight({\n  fontStyle,\n  size,\n}: {\n  fontStyle: ComponentProps<typeof Heading>[\"fontStyle\"];\n  size: ComponentProps<typeof Heading>[\"size\"];\n}): \"bold\" | \"medium\" | \"regular\" {\n  if (fontStyle === \"serif\" && size === 400) {\n    return \"bold\";\n  } else if (fontStyle === \"serif\") {\n    return \"medium\";\n  } else {\n    return \"regular\";\n  }\n}\n\n/**\n * [Heading](https://cambly-syntax.vercel.app/?path=/docs/components-heading--docs) enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n  align = \"start\",\n  as = \"h1\",\n  children,\n  color = \"gray900\",\n  \"data-testid\": dataTestId,\n  fontStyle = \"sans-serif\",\n  lineClamp,\n  size = 400,\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 \"h1\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\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    | \"success\"\n    | \"white\"\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 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   * * `400`: 25px\n   * * `500`: 32px\n   * * `700`: 38px\n   * * `800`: 46px\n   * * `900`: 55px\n   * * `1100`: 83px\n   *\n   * Desktop (viewport width >= 480px):\n   * * `400`: 25px\n   * * `500`: 32px\n   * * `700`: 49px\n   * * `800`: 63px\n   * * `900`: 76px\n   * * `1100`: 119px\n   *\n   * @defaultValue 400\n   */\n  size?: 400 | 500 | 700 | 800 | 900 | 1100;\n}): ReactElement => {\n  return (\n    <Typography\n      align={align}\n      as={as}\n      color={color}\n      fontStyle={fontStyle}\n      data-testid={dataTestId}\n      lineClamp={lineClamp}\n      size={size}\n      weight={weight({ fontStyle, size })}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n"]}

package/dist/__chunks/{AJC6QV6M.cjs → R3XTMI64.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
+var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -55,7 +55,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, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: 100, color: textColor, children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: textColor, children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
@@ -80,7 +80,7 @@ function TextField({
             step
           }
         ),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: 100, color: errorText ? errorTextColor : textColor, children: errorText || helperText }) })
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: errorText ? errorTextColor : textColor, children: errorText || helperText }) })
       ]
     }
   );
@@ -89,4 +89,4 @@ function TextField({
 
 
 exports.TextField = TextField;
-//# sourceMappingURL=AJC6QV6M.cjs.map
+//# sourceMappingURL=R3XTMI64.cjs.map

package/dist/__chunks/{KIEWPPIM.js → RJQ2LSPP.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_1fz2y_1", "sansSerif": "_sansSerif_1fz2y_22", "serif": "_serif_1fz2y_27", "size0": "_size0_1fz2y_73", "size100": "_size100_1fz2y_77", "size200": "_size200_1fz2y_81", "size300": "_size300_1fz2y_85", "size400": "_size400_1fz2y_89", "size700": "_size700_1fz2y_93", "size800": "_size800_1fz2y_97", "size900": "_size900_1fz2y_101", "size1100": "_size1100_1fz2y_105", "center": "_center_1fz2y_133", "forceLeft": "_forceLeft_1fz2y_137", "forceRight": "_forceRight_1fz2y_141", "start": "_start_1fz2y_145", "end": "_end_1fz2y_149", "regular": "_regular_1fz2y_155", "medium": "_medium_1fz2y_159", "semiBold": "_semiBold_1fz2y_163", "bold": "_bold_1fz2y_167", "underline": "_underline_1fz2y_171", "inline": "_inline_1fz2y_175", "uppercase": "_uppercase_1fz2y_179", "lineClamp": "_lineClamp_1fz2y_183", "p100": "_p100_1fz2y_192", "p200": "_p200_1fz2y_196", "p300": "_p300_1fz2y_200", "p400": "_p400_1fz2y_204" };
+var Typography_module_default = { "typography": "_typography_15w34_1", "sansSerif": "_sansSerif_15w34_22", "serif": "_serif_15w34_27", "size0": "_size0_15w34_73", "size100": "_size100_15w34_77", "size200": "_size200_15w34_81", "size300": "_size300_15w34_85", "size400": "_size400_15w34_89", "size500": "_size500_15w34_93", "size700": "_size700_15w34_97", "size800": "_size800_15w34_101", "size900": "_size900_15w34_105", "size1100": "_size1100_15w34_109", "center": "_center_15w34_137", "forceLeft": "_forceLeft_15w34_141", "forceRight": "_forceRight_15w34_145", "start": "_start_15w34_149", "end": "_end_15w34_153", "regular": "_regular_15w34_159", "medium": "_medium_15w34_163", "semiBold": "_semiBold_15w34_167", "bold": "_bold_15w34_171", "underline": "_underline_15w34_175", "inline": "_inline_15w34_179", "uppercase": "_uppercase_15w34_183", "lineClamp": "_lineClamp_15w34_187", "p100": "_p100_15w34_196", "p200": "_p200_15w34_200", "p300": "_p300_15w34_204", "p400": "_p400_15w34_208", "p500": "_p500_15w34_212" };
 
 // src/Typography/Typography.tsx
 import { jsx } from "react/jsx-runtime";
@@ -61,4 +61,4 @@ var Typography_default = Typography;
 export {
   Typography_default
 };
-//# sourceMappingURL=KIEWPPIM.js.map
+//# sourceMappingURL=RJQ2LSPP.js.map

package/dist/__chunks/RJQ2LSPP.js.map

@@ -0,0 +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`: 49px\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>(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_15w34_1\",\"sansSerif\":\"_sansSerif_15w34_22\",\"serif\":\"_serif_15w34_27\",\"size0\":\"_size0_15w34_73\",\"size100\":\"_size100_15w34_77\",\"size200\":\"_size200_15w34_81\",\"size300\":\"_size300_15w34_85\",\"size400\":\"_size400_15w34_89\",\"size500\":\"_size500_15w34_93\",\"size700\":\"_size700_15w34_97\",\"size800\":\"_size800_15w34_101\",\"size900\":\"_size900_15w34_105\",\"size1100\":\"_size1100_15w34_109\",\"center\":\"_center_15w34_137\",\"forceLeft\":\"_forceLeft_15w34_141\",\"forceRight\":\"_forceRight_15w34_145\",\"start\":\"_start_15w34_149\",\"end\":\"_end_15w34_153\",\"regular\":\"_regular_15w34_159\",\"medium\":\"_medium_15w34_163\",\"semiBold\":\"_semiBold_15w34_167\",\"bold\":\"_bold_15w34_171\",\"underline\":\"_underline_15w34_175\",\"inline\":\"_inline_15w34_179\",\"uppercase\":\"_uppercase_15w34_183\",\"lineClamp\":\"_lineClamp_15w34_187\",\"p100\":\"_p100_15w34_196\",\"p200\":\"_p200_15w34_200\",\"p300\":\"_p300_15w34_204\",\"p400\":\"_p400_15w34_208\",\"p500\":\"_p500_15w34_212\"}"],"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,kBAAiB;;;ADwJ3gC;AAhJJ,IAAM,aAAa,WA0HjB,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;","names":["Typography"]}

package/dist/__chunks/{WS6CZJQ6.cjs → RVU3UEZI.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_1fz2y_1", "sansSerif": "_sansSerif_1fz2y_22", "serif": "_serif_1fz2y_27", "size0": "_size0_1fz2y_73", "size100": "_size100_1fz2y_77", "size200": "_size200_1fz2y_81", "size300": "_size300_1fz2y_85", "size400": "_size400_1fz2y_89", "size700": "_size700_1fz2y_93", "size800": "_size800_1fz2y_97", "size900": "_size900_1fz2y_101", "size1100": "_size1100_1fz2y_105", "center": "_center_1fz2y_133", "forceLeft": "_forceLeft_1fz2y_137", "forceRight": "_forceRight_1fz2y_141", "start": "_start_1fz2y_145", "end": "_end_1fz2y_149", "regular": "_regular_1fz2y_155", "medium": "_medium_1fz2y_159", "semiBold": "_semiBold_1fz2y_163", "bold": "_bold_1fz2y_167", "underline": "_underline_1fz2y_171", "inline": "_inline_1fz2y_175", "uppercase": "_uppercase_1fz2y_179", "lineClamp": "_lineClamp_1fz2y_183", "p100": "_p100_1fz2y_192", "p200": "_p200_1fz2y_196", "p300": "_p300_1fz2y_200", "p400": "_p400_1fz2y_204" };
+var Typography_module_default = { "typography": "_typography_15w34_1", "sansSerif": "_sansSerif_15w34_22", "serif": "_serif_15w34_27", "size0": "_size0_15w34_73", "size100": "_size100_15w34_77", "size200": "_size200_15w34_81", "size300": "_size300_15w34_85", "size400": "_size400_15w34_89", "size500": "_size500_15w34_93", "size700": "_size700_15w34_97", "size800": "_size800_15w34_101", "size900": "_size900_15w34_105", "size1100": "_size1100_15w34_109", "center": "_center_15w34_137", "forceLeft": "_forceLeft_15w34_141", "forceRight": "_forceRight_15w34_145", "start": "_start_15w34_149", "end": "_end_15w34_153", "regular": "_regular_15w34_159", "medium": "_medium_15w34_163", "semiBold": "_semiBold_15w34_167", "bold": "_bold_15w34_171", "underline": "_underline_15w34_175", "inline": "_inline_15w34_179", "uppercase": "_uppercase_15w34_183", "lineClamp": "_lineClamp_15w34_187", "p100": "_p100_15w34_196", "p200": "_p200_15w34_200", "p300": "_p300_15w34_204", "p400": "_p400_15w34_208", "p500": "_p500_15w34_212" };
 
 // src/Typography/Typography.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -61,4 +61,4 @@ var Typography_default = Typography;
 
 
 exports.Typography_default = Typography_default;
-//# sourceMappingURL=WS6CZJQ6.cjs.map
+//# sourceMappingURL=RVU3UEZI.cjs.map

package/dist/__chunks/RVU3UEZI.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,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,kBAAiB;;;ADwJ3gC;AAhJJ,IAAM,aAAa,WA0HjB,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      | \"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`: 49px\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>(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_15w34_1\",\"sansSerif\":\"_sansSerif_15w34_22\",\"serif\":\"_serif_15w34_27\",\"size0\":\"_size0_15w34_73\",\"size100\":\"_size100_15w34_77\",\"size200\":\"_size200_15w34_81\",\"size300\":\"_size300_15w34_85\",\"size400\":\"_size400_15w34_89\",\"size500\":\"_size500_15w34_93\",\"size700\":\"_size700_15w34_97\",\"size800\":\"_size800_15w34_101\",\"size900\":\"_size900_15w34_105\",\"size1100\":\"_size1100_15w34_109\",\"center\":\"_center_15w34_137\",\"forceLeft\":\"_forceLeft_15w34_141\",\"forceRight\":\"_forceRight_15w34_145\",\"start\":\"_start_15w34_149\",\"end\":\"_end_15w34_153\",\"regular\":\"_regular_15w34_159\",\"medium\":\"_medium_15w34_163\",\"semiBold\":\"_semiBold_15w34_167\",\"bold\":\"_bold_15w34_171\",\"underline\":\"_underline_15w34_175\",\"inline\":\"_inline_15w34_179\",\"uppercase\":\"_uppercase_15w34_183\",\"lineClamp\":\"_lineClamp_15w34_187\",\"p100\":\"_p100_15w34_196\",\"p200\":\"_p200_15w34_200\",\"p300\":\"_p300_15w34_204\",\"p400\":\"_p400_15w34_208\",\"p500\":\"_p500_15w34_212\"}"]}

package/dist/__chunks/{SG3FRX2U.js → RX3JA6WI.js}

@@ -7,7 +7,7 @@ import {
 } from "./VV2NJABK.js";
 import {
   TabInternal
-} from "./MTR3ESEZ.js";
+} from "./45DUMC5J.js";
 import {
   Box_default
 } from "./IB6JZQF3.js";
@@ -64,4 +64,4 @@ function TabButton({
 export {
   TabButton
 };
-//# sourceMappingURL=SG3FRX2U.js.map
+//# sourceMappingURL=RX3JA6WI.js.map

package/dist/__chunks/{BFZFNLM5.cjs → S7BCIAUQ.cjs}

@@ -4,7 +4,7 @@
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
+var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -98,7 +98,7 @@ var Checkbox = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _WS6CZJQ6cjs.Typography_default,
+          _RVU3UEZIcjs.Typography_default,
           {
             size: typographySize[size],
             color: error ? "destructive-darkBackground" : "primary",
@@ -114,4 +114,4 @@ var Checkbox_default = Checkbox;
 
 
 exports.Checkbox_default = Checkbox_default;
-//# sourceMappingURL=BFZFNLM5.cjs.map
+//# sourceMappingURL=S7BCIAUQ.cjs.map

package/dist/__chunks/{2RPK7IB4.cjs → SAPSO6DD.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _Z3S2ZWTJcjs = require('./Z3S2ZWTJ.cjs');
+var _Q7CC3YA4cjs = require('./Q7CC3YA4.cjs');
 
 
 var _HUIHS6RNcjs = require('./HUIHS6RN.cjs');
@@ -93,7 +93,7 @@ function Modal({
             ),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _QODNNCT2cjs.Box_default, { display: "flex", direction: "column", width: "100%", children: [
               image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { children: image }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { padding: 6, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Z3S2ZWTJcjs.Heading_default, { as: "h1", size: 700, fontStyle: "serif", children: header }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { padding: 6, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Q7CC3YA4cjs.Heading_default, { as: "h1", size: 700, fontStyle: "serif", children: header }) }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _QODNNCT2cjs.Box_default,
                 {
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
 
 
 exports.Modal = Modal;
-//# sourceMappingURL=2RPK7IB4.cjs.map
+//# sourceMappingURL=SAPSO6DD.cjs.map

package/dist/__chunks/{23LD2DDB.cjs → SJSSW5MP.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
+var _RVU3UEZIcjs = require('./RVU3UEZI.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, 
-        _WS6CZJQ6cjs.Typography_default,
+        _RVU3UEZIcjs.Typography_default,
         {
           size: 100,
           weight: "medium",
@@ -53,7 +53,7 @@ var Badge = ({
           children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _QODNNCT2cjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
             Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: Badge_module_default.icon, size: 100 }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _WS6CZJQ6cjs.Typography_default,
+              _RVU3UEZIcjs.Typography_default,
               {
                 color: textColorForBackgroundColor(color),
                 size: 100,
@@ -72,4 +72,4 @@ var Badge_default = Badge;
 
 
 exports.Badge_default = Badge_default;
-//# sourceMappingURL=23LD2DDB.cjs.map
+//# sourceMappingURL=SJSSW5MP.cjs.map

package/dist/__chunks/{JN5UK7KH.cjs → SW6S6ZCI.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
+var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
 
 
 var _2XIVACBMcjs = require('./2XIVACBM.cjs');
@@ -40,7 +40,7 @@ var ItemCountIcon = ({
           rounding: "full",
           padding: 1,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _WS6CZJQ6cjs.Typography_default,
+            _RVU3UEZIcjs.Typography_default,
             {
               color: on === "lightBackground" ? "white" : "primary",
               weight: "semiBold",
@@ -79,7 +79,7 @@ function TabInternal({
       paddingY: 2,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _WS6CZJQ6cjs.Typography_default,
+          _RVU3UEZIcjs.Typography_default,
           {
             size: 0,
             transform: "uppercase",
@@ -98,4 +98,4 @@ function TabInternal({
 
 
 exports.TabInternal = TabInternal;
-//# sourceMappingURL=JN5UK7KH.cjs.map
+//# sourceMappingURL=SW6S6ZCI.cjs.map

package/dist/__chunks/{DTQMK5RP.js → UNQGP24J.js}

@@ -10,7 +10,7 @@ import {
 } from "./KBIW5XV4.js";
 import {
   Typography_default
-} from "./KIEWPPIM.js";
+} from "./RJQ2LSPP.js";
 import {
   colors_module_default
 } from "./XSYKMCV5.js";
@@ -166,4 +166,4 @@ export {
   AriaTooltip,
   Tooltip_default
 };
-//# sourceMappingURL=DTQMK5RP.js.map
+//# sourceMappingURL=UNQGP24J.js.map

package/dist/__chunks/{SVNXSJ7Z.js → W6JOWMNG.js}

@@ -23,7 +23,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./KIEWPPIM.js";
+} from "./RJQ2LSPP.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -146,4 +146,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=SVNXSJ7Z.js.map
+//# sourceMappingURL=W6JOWMNG.js.map

package/dist/__chunks/{RVF6GMID.js → WCQCYWL5.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Chip_default
-} from "./D45HCKL3.js";
+} from "./XEHZJBLD.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
 export {
   RichSelectChip_default
 };
-//# sourceMappingURL=RVF6GMID.js.map
+//# sourceMappingURL=WCQCYWL5.js.map

package/dist/__chunks/{STMMCDX5.js → WGRDMB2P.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Heading_default
-} from "./HG43LCAW.js";
+} from "./DDD7XI7R.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=STMMCDX5.js.map
+//# sourceMappingURL=WGRDMB2P.js.map

package/dist/__chunks/{G2RAXJEA.cjs → WNNJJJGM.cjs}

@@ -9,21 +9,21 @@ var _3RX4RMGCcjs = require('./3RX4RMGC.cjs');
 
 
 
-var _X4H65FEFcjs = require('./X4H65FEF.cjs');
+var _D4FWWDPJcjs = require('./D4FWWDPJ.cjs');
 
 
 
 
-var _GK3YX7CIcjs = require('./GK3YX7CI.cjs');
+var _5I7B5SAFcjs = require('./5I7B5SAF.cjs');
 
 
-var _WHTMS6T3cjs = require('./WHTMS6T3.cjs');
+var _AAZIVDWScjs = require('./AAZIVDWS.cjs');
 
 
-var _PGMFMTEUcjs = require('./PGMFMTEU.cjs');
+var _PBOAPP74cjs = require('./PBOAPP74.cjs');
 
 
-var _OOAQZC7Ecjs = require('./OOAQZC7E.cjs');
+var _XSU6O5C3cjs = require('./XSU6O5C3.cjs');
 
 
 var _3UEOKPM2cjs = require('./3UEOKPM2.cjs');
@@ -32,7 +32,7 @@ var _3UEOKPM2cjs = require('./3UEOKPM2.cjs');
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
+var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -103,11 +103,11 @@ function RichSelectList(props) {
   const disabled = !isHydrated || disabledProp;
   const overlayHandlerRef = _react.useRef.call(void 0, {});
   const selectedKeysProp = _react.useMemo.call(void 0, 
-    () => _GK3YX7CIcjs.convertSelection.call(void 0, selectedValuesProp),
+    () => _5I7B5SAFcjs.convertSelection.call(void 0, selectedValuesProp),
     [selectedValuesProp]
   );
   const defaultSelectedKeys = _react.useMemo.call(void 0, 
-    () => _GK3YX7CIcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
+    () => _5I7B5SAFcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
     [defaultSelectedValuesProp]
   );
   const [selectedKeys, setSelectedKeys] = _utils.useControlledState.call(void 0, 
@@ -147,12 +147,12 @@ function RichSelectList(props) {
   };
   const getArrowIconColor = () => {
     if (errorText) {
-      return _X4H65FEFcjs.ColorBaseDestructive700;
+      return _D4FWWDPJcjs.ColorBaseDestructive700;
     } else {
       if (color === "clear") {
-        return _X4H65FEFcjs.ColorCambioWhite100;
+        return _D4FWWDPJcjs.ColorCambioWhite100;
       } else {
-        return _X4H65FEFcjs.ColorBaseGray700;
+        return _D4FWWDPJcjs.ColorBaseGray700;
       }
     }
   };
@@ -160,7 +160,7 @@ function RichSelectList(props) {
     _reactariacomponents.Provider,
     {
       values: [
-        [_GK3YX7CIcjs.RichSelectBoxContext, { autoFocus: true }],
+        [_5I7B5SAFcjs.RichSelectBoxContext, { autoFocus: true }],
         [_3RX4RMGCcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
         // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided
       ],
@@ -184,7 +184,7 @@ function RichSelectList(props) {
                   (_a2 = fieldRef.current) == null ? void 0 : _a2.focus();
                   _interactions.setInteractionModality.call(void 0, "keyboard");
                 },
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: 100, color: textColor[color], children: label }) })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: textColor[color], children: label }) })
               })
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -201,7 +201,7 @@ function RichSelectList(props) {
                       dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
                       role: "menu",
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _GK3YX7CIcjs.RichSelectBox_default,
+                        _5I7B5SAFcjs.RichSelectBox_default,
                         _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                           autosave,
                           selectedValues: selectedKeys,
@@ -263,7 +263,7 @@ function RichSelectList(props) {
               }
             ),
             (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _WS6CZJQ6cjs.Typography_default,
+              _RVU3UEZIcjs.Typography_default,
               _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                 size: 100,
                 color: errorText ? "destructive-primary" : textColor[color]
@@ -278,12 +278,12 @@ function RichSelectList(props) {
   );
 }
 var RichSelectList_default = Object.assign(RichSelectList, {
-  Section: _WHTMS6T3cjs.RichSelectSection_default,
-  Chip: _OOAQZC7Ecjs.RichSelectChip_default,
-  RadioButton: _PGMFMTEUcjs.RichSelectRadioButton_default
+  Section: _AAZIVDWScjs.RichSelectSection_default,
+  Chip: _XSU6O5C3cjs.RichSelectChip_default,
+  RadioButton: _PBOAPP74cjs.RichSelectRadioButton_default
 });
 
 
 
 exports.RichSelectList_default = RichSelectList_default;
-//# sourceMappingURL=G2RAXJEA.cjs.map
+//# sourceMappingURL=WNNJJJGM.cjs.map

package/dist/__chunks/{D45HCKL3.js → XEHZJBLD.js}

@@ -4,7 +4,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./KIEWPPIM.js";
+} from "./RJQ2LSPP.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=D45HCKL3.js.map
+//# sourceMappingURL=XEHZJBLD.js.map

package/dist/__chunks/{OOAQZC7E.cjs → XSU6O5C3.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _WSKCMPTDcjs = require('./WSKCMPTD.cjs');
+var _PBHDA7GVcjs = require('./PBHDA7GV.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, 
-      _WSKCMPTDcjs.Chip_default,
+      _PBHDA7GVcjs.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=OOAQZC7E.cjs.map
+//# sourceMappingURL=XSU6O5C3.cjs.map

package/dist/__chunks/{TTR4ZAGC.cjs → YNGB4N62.cjs}

@@ -23,7 +23,7 @@ var _2D3DOVVZcjs = require('./2D3DOVVZ.cjs');
 var _F3SUJGZLcjs = require('./F3SUJGZL.cjs');
 
 
-var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
+var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
 
 // src/LinkButton/LinkButton.tsx
 
@@ -89,7 +89,7 @@ var LinkButton = _react.forwardRef.call(void 0,
               size: _65BTPZZTcjs.internalIconSize[size]
             }
           ),
-          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: foregroundColorClass,
@@ -138,4 +138,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=TTR4ZAGC.cjs.map
+//# sourceMappingURL=YNGB4N62.cjs.map

package/dist/__chunks/{QJGERVMN.cjs → Z6EWS3QI.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
+var _RVU3UEZIcjs = require('./RVU3UEZI.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, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.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, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.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, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _WS6CZJQ6cjs.Typography_default,
+            _RVU3UEZIcjs.Typography_default,
             {
               size: 100,
               color: errorText ? "destructive-darkBackground" : "gray700",
@@ -95,4 +95,4 @@ var TextArea_default = TextArea;
 
 
 exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=QJGERVMN.cjs.map
+//# sourceMappingURL=Z6EWS3QI.cjs.map