@cambly/syntax-core 10.30.0 → 10.32.0

package/dist/__chunks/UVROGDYB.js

@@ -1,128 +0,0 @@
-"use client"
-import {
-  colors_module_default
-} from "./B7PDT66P.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
-
-// src/Typography/Typography.tsx
-import classNames from "classnames";
-import { forwardRef } from "react";
-
-// css-module:./Typography.module.css#css-module
-var Typography_module_default = { "typography": "_typography_emvev_1", "sansSerif": "_sansSerif_emvev_22", "serif": "_serif_emvev_27", "size100": "_size100_emvev_71", "size200": "_size200_emvev_75", "size300": "_size300_emvev_79", "size500": "_size500_emvev_83", "size600": "_size600_emvev_87", "size700": "_size700_emvev_91", "size800": "_size800_emvev_95", "size100Cambio": "_size100Cambio_emvev_100", "size200Cambio": "_size200Cambio_emvev_104", "size300Cambio": "_size300Cambio_emvev_108", "size400Cambio": "_size400Cambio_emvev_112", "size500Cambio": "_size500Cambio_emvev_116", "size600Cambio": "_size600Cambio_emvev_120", "size700Cambio": "_size700Cambio_emvev_124", "size800Cambio": "_size800Cambio_emvev_128", "size900Cambio": "_size900Cambio_emvev_132", "size1000Cambio": "_size1000Cambio_emvev_173", "size1100Cambio": "_size1100Cambio_emvev_177", "center": "_center_emvev_183", "forceLeft": "_forceLeft_emvev_187", "forceRight": "_forceRight_emvev_191", "start": "_start_emvev_195", "end": "_end_emvev_199", "bold": "_bold_emvev_204", "regular": "_regular_emvev_208", "interactive": "_interactive_emvev_212", "semiBold": "_semiBold_emvev_216", "heavy": "_heavy_emvev_220", "regularCambio": "_regularCambio_emvev_224", "mediumCambio": "_mediumCambio_emvev_228", "semiBoldCambio": "_semiBoldCambio_emvev_232", "boldCambio": "_boldCambio_emvev_236", "underline": "_underline_emvev_240", "inline": "_inline_emvev_244", "uppercase": "_uppercase_emvev_248", "lineClamp": "_lineClamp_emvev_252" };
-
-// src/Typography/Typography.tsx
-import { jsx } from "react/jsx-runtime";
-function classicTextColor(color) {
-  switch (color) {
-    case "gray700":
-      return colors_module_default.gray700Color;
-    case "white":
-      return colors_module_default.whiteColor;
-    case "inherit":
-      return colors_module_default.inheritColor;
-    case "primary":
-      return colors_module_default.primary700Color;
-    case "destructive-primary":
-    case "destructive-darkBackground":
-      return colors_module_default.destructive700Color;
-    case "success":
-      return colors_module_default.success700Color;
-    default:
-      return colors_module_default.gray900Color;
-  }
-}
-function cambioTextColor(color) {
-  switch (color) {
-    case "gray700":
-      return colors_module_default.cambioGray800Color;
-    case "white":
-      return colors_module_default.cambioWhiteColor;
-    case "inherit":
-      return colors_module_default.inheritColor;
-    case "destructive-primary":
-      return colors_module_default.cambioDestructive900Color;
-    case "destructive-darkBackground":
-      return colors_module_default.cambioDestructive100Color;
-    case "success":
-      return colors_module_default.cambioSuccess900Color;
-    case "success-darkBackground":
-      return colors_module_default.cambioSuccess100Color;
-    default:
-      return colors_module_default.cambioBlackColor;
-  }
-}
-function classicWeight(weight) {
-  switch (weight) {
-    case "medium":
-      return "regular";
-    default:
-      return weight;
-  }
-}
-function cambioWeight(weight) {
-  switch (weight) {
-    case "interactive":
-      return "medium";
-    case "heavy":
-      return "regular";
-    default:
-      return weight;
-  }
-}
-var Typography = forwardRef(function Typography2({
-  align = "start",
-  as = "div",
-  children,
-  color = "gray900",
-  "data-testid": dataTestId,
-  fontStyle = "sans-serif",
-  id,
-  inline = false,
-  lineClamp = void 0,
-  size = 200,
-  tooltip,
-  transform = "none",
-  underline = false,
-  weight = "regular"
-}, ref) {
-  const Tag = as;
-  const { themeName } = useTheme();
-  const weightStyles = themeName === "classic" ? Typography_module_default[classicWeight(weight)] : Typography_module_default[`${cambioWeight(weight)}Cambio`];
-  return /* @__PURE__ */ jsx(
-    Tag,
-    {
-      id,
-      className: classNames(
-        Typography_module_default.typography,
-        Typography_module_default[align],
-        weightStyles,
-        themeName === "cambio" && fontStyle === "serif" ? Typography_module_default.serif : Typography_module_default.sansSerif,
-        themeName === "cambio" ? cambioTextColor(color) : classicTextColor(color),
-        inline && Typography_module_default.inline,
-        themeName === "classic" ? Typography_module_default[`size${// TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually
-        // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433
-        // One we ship Cambio, we can remove these checks
-        size === 100 || size === 200 || size === 300 || size === 500 || size === 600 || size === 700 || size === 800 ? size : 200}`] : Typography_module_default[`size${size}Cambio`],
-        transform === "uppercase" && Typography_module_default.uppercase,
-        underline && Typography_module_default.underline,
-        lineClamp != null && Typography_module_default.lineClamp
-      ),
-      "data-testid": dataTestId,
-      style: {
-        WebkitLineClamp: lineClamp
-      },
-      title: tooltip,
-      ref,
-      children
-    }
-  );
-});
-var Typography_default = Typography;
-
-export {
-  Typography_default
-};
-//# sourceMappingURL=UVROGDYB.js.map

package/dist/__chunks/UVROGDYB.js.map

@@ -1 +0,0 @@
-{"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 colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.gray700Color;\n    case \"white\":\n      return colorStyles.whiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"primary\":\n      return colorStyles.primary700Color;\n    case \"destructive-primary\":\n    case \"destructive-darkBackground\":\n      return colorStyles.destructive700Color;\n    case \"success\":\n      return colorStyles.success700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\nfunction cambioTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive100Color;\n    case \"success\":\n      return colorStyles.cambioSuccess900Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n\nfunction classicWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n  switch (weight) {\n    case \"medium\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\n\nfunction cambioWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n  switch (weight) {\n    case \"interactive\":\n      return \"medium\";\n    case \"heavy\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\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\";\n    /**\n     * The text to be rendered\n     */\n    children?: ReactNode;\n    /**\n     * The color of the text.\n     *\n     * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"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     * Classic:\n     * * `100`: 12px\n     * * `200`: 14px\n     * * `300`: 16px\n     * * `500`: 20px\n     * * `600`: 28px\n     * * `700`: 40px\n     * * `800`: 64px\n     *\n     * Cambio Mobile:\n     * * `100`: 14px\n     * * `200`: 16px\n     * * `300`: 18px\n     * * `400`: 20px\n     * * `500`: 23px\n     * * `600`: 26px\n     * * `700`: 29px\n     * * `800`: 33px\n     * * `900`: 37px\n     * * `1000`: 41px\n     * * `1100`: 46px\n     *\n     * Cambio Desktop (viewport width > 480px):\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `500`: 31px\n     * * `600`: 39px\n     * * `700`: 49px\n     * * `800`: 61px\n     * * `900`: 76px\n     * * `1000`: 95px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 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     * Classic:\n     * * `regular`: 400\n     * * `interactive`: 500 (Classic only)\n     * * `semiBold`: 600\n     * * `bold`: 700\n     * * `heavy`: 860 (Classic only)\n     *\n     * Cambio:\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     * * `bold`: 710\n     *\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?:\n      | \"regular\"\n      | \"interactive\"\n      | \"medium\"\n      | \"semiBold\"\n      | \"bold\"\n      | \"heavy\";\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  const { themeName } = useTheme();\n\n  const weightStyles =\n    themeName === \"classic\"\n      ? styles[classicWeight(weight)]\n      : styles[`${cambioWeight(weight)}Cambio`];\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        weightStyles,\n        themeName === \"cambio\" && fontStyle === \"serif\"\n          ? styles.serif\n          : styles.sansSerif,\n        themeName === \"cambio\"\n          ? cambioTextColor(color)\n          : classicTextColor(color),\n        inline && styles.inline,\n        themeName === \"classic\"\n          ? styles[\n              `size${\n                // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n                // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n                // One we ship Cambio, we can remove these checks\n                size === 100 ||\n                size === 200 ||\n                size === 300 ||\n                size === 500 ||\n                size === 600 ||\n                size === 700 ||\n                size === 800\n                  ? size\n                  : 200\n              }`\n            ]\n          : styles[`size${size}Cambio`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\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_emvev_1\",\"sansSerif\":\"_sansSerif_emvev_22\",\"serif\":\"_serif_emvev_27\",\"size100\":\"_size100_emvev_71\",\"size200\":\"_size200_emvev_75\",\"size300\":\"_size300_emvev_79\",\"size500\":\"_size500_emvev_83\",\"size600\":\"_size600_emvev_87\",\"size700\":\"_size700_emvev_91\",\"size800\":\"_size800_emvev_95\",\"size100Cambio\":\"_size100Cambio_emvev_100\",\"size200Cambio\":\"_size200Cambio_emvev_104\",\"size300Cambio\":\"_size300Cambio_emvev_108\",\"size400Cambio\":\"_size400Cambio_emvev_112\",\"size500Cambio\":\"_size500Cambio_emvev_116\",\"size600Cambio\":\"_size600Cambio_emvev_120\",\"size700Cambio\":\"_size700Cambio_emvev_124\",\"size800Cambio\":\"_size800Cambio_emvev_128\",\"size900Cambio\":\"_size900Cambio_emvev_132\",\"size1000Cambio\":\"_size1000Cambio_emvev_173\",\"size1100Cambio\":\"_size1100Cambio_emvev_177\",\"center\":\"_center_emvev_183\",\"forceLeft\":\"_forceLeft_emvev_187\",\"forceRight\":\"_forceRight_emvev_191\",\"start\":\"_start_emvev_195\",\"end\":\"_end_emvev_199\",\"bold\":\"_bold_emvev_204\",\"regular\":\"_regular_emvev_208\",\"interactive\":\"_interactive_emvev_212\",\"semiBold\":\"_semiBold_emvev_216\",\"heavy\":\"_heavy_emvev_220\",\"regularCambio\":\"_regularCambio_emvev_224\",\"mediumCambio\":\"_mediumCambio_emvev_228\",\"semiBoldCambio\":\"_semiBoldCambio_emvev_232\",\"boldCambio\":\"_boldCambio_emvev_236\",\"underline\":\"_underline_emvev_240\",\"inline\":\"_inline_emvev_244\",\"uppercase\":\"_uppercase_emvev_248\",\"lineClamp\":\"_lineClamp_emvev_252\"}"],"mappings":"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","names":["Typography"]}

package/dist/__chunks/VR4ZFZ4Z.js

@@ -1,96 +0,0 @@
-"use client"
-import {
-  Button_module_default
-} from "./OMFFRI3K.js";
-import {
-  cambioColor,
-  classicColor
-} from "./GFKDPMFK.js";
-import {
-  cambioForegroundColor,
-  classicForegroundColor
-} from "./FPHP3T7U.js";
-import {
-  cambioBackgroundColor,
-  classicBackgroundColor
-} from "./IB3FQANU.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
-import {
-  useIsHydrated
-} from "./JB65NEXK.js";
-
-// src/IconButton/IconButton.tsx
-import classNames from "classnames";
-import { forwardRef } from "react";
-
-// css-module:./IconButton.module.css#css-module
-var IconButton_module_default = { "iconButton": "_iconButton_4ynk4_1", "iconButtonNoBorder": "_iconButtonNoBorder_4ynk4_8", "sm": "_sm_4ynk4_49", "md": "_md_4ynk4_54", "lg": "_lg_4ynk4_59", "smCambio": "_smCambio_4ynk4_64", "mdCambio": "_mdCambio_4ynk4_69", "lgCambio": "_lgCambio_4ynk4_74", "smIcon": "_smIcon_4ynk4_79", "mdIcon": "_mdIcon_4ynk4_86", "lgIcon": "_lgIcon_4ynk4_93", "smIconCambio": "_smIconCambio_4ynk4_100", "mdIconCambio": "_mdIconCambio_4ynk4_107", "lgIconCambio": "_lgIconCambio_4ynk4_114" };
-
-// src/IconButton/IconButton.tsx
-import { jsx } from "react/jsx-runtime";
-var classicIconSize = {
-  sm: IconButton_module_default.smIcon,
-  md: IconButton_module_default.mdIcon,
-  lg: IconButton_module_default.lgIcon
-};
-var cambioIconSize = {
-  sm: IconButton_module_default.smIconCambio,
-  md: IconButton_module_default.mdIconCambio,
-  lg: IconButton_module_default.lgIconCambio
-};
-var IconButton = forwardRef(
-  ({
-    accessibilityLabel,
-    color = "primary",
-    "data-testid": dataTestId,
-    disabled = false,
-    icon: Icon,
-    size = "md",
-    tooltip,
-    on = "lightBackground",
-    onClick
-  }, ref) => {
-    const isHydrated = useIsHydrated();
-    const { themeName } = useTheme();
-    const foregroundColorClass = themeName === "classic" ? classicForegroundColor(classicColor(color)) : cambioForegroundColor(cambioColor(color), on);
-    const backgroundColorClass = themeName === "classic" ? classicBackgroundColor(classicColor(color)) : cambioBackgroundColor(cambioColor(color), on);
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        "aria-label": accessibilityLabel,
-        "data-testid": dataTestId,
-        type: "button",
-        title: tooltip,
-        disabled: !isHydrated || disabled,
-        onClick,
-        className: classNames(
-          IconButton_module_default.iconButton,
-          foregroundColorClass,
-          backgroundColorClass,
-          themeName === "classic" ? IconButton_module_default[size] : IconButton_module_default[`${size}Cambio`],
-          {
-            [Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
-            [Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary",
-            [IconButton_module_default.iconButtonNoBorder]: themeName === "classic" && !["secondary", "destructive-secondary"].includes(color) || themeName === "cambio"
-          }
-        ),
-        ref,
-        children: /* @__PURE__ */ jsx(
-          Icon,
-          {
-            className: themeName === "classic" ? classicIconSize[size] : cambioIconSize[size]
-          }
-        )
-      }
-    );
-  }
-);
-IconButton.displayName = "IconButton";
-var IconButton_default = IconButton;
-
-export {
-  IconButton_default
-};
-//# sourceMappingURL=VR4ZFZ4Z.js.map

package/dist/__chunks/VR4ZFZ4Z.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport {\n  classicForegroundColor,\n  cambioForegroundColor,\n} from \"../colors/foregroundColor\";\nimport React, { forwardRef } from \"react\";\nimport { type Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\nimport { classicColor, cambioColor } from \"../Button/constants/color\";\nimport buttonStyles from \"../Button/Button.module.css\";\nimport {\n  classicBackgroundColor,\n  cambioBackgroundColor,\n} from \"../colors/backgroundColor\";\n\nconst classicIconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nconst cambioIconSize = {\n  sm: styles.smIconCambio,\n  md: styles.mdIconCambio,\n  lg: styles.lgIconCambio,\n};\n\ntype IconButtonProps = {\n  /**\n   * The color of the button\n   *\n   * Classic only:\n   * * `inverse`\n   * * `success`\n   *\n   * Cambio only:\n   * * `success-primary`\n   * * `success-secondary`\n   * * `success-tertiary`\n   *\n   * @defaultValue \"primary\"\n   */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"destructive-primary\"\n    | \"destructive-secondary\"\n    | \"destructive-tertiary\"\n    | \"branded\"\n    | \"success\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\"\n    | \"inverse\";\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The size of the button\n   *\n   * Classic:\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * Cambio:\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel: string;\n  /**\n   * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  icon: React.ComponentType<{ className?: string }>;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Indicate whether the button renders on a light or dark background. Changes the color of the button (Cambio only)\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n};\n\n/**\n * [IconButton](https://cambly-syntax.vercel.app/?path=/docs/components-iconbutton--docs) is a clickable element that is used to perform an action.\n */\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      accessibilityLabel,\n      color = \"primary\",\n      \"data-testid\": dataTestId,\n      disabled = false,\n      icon: Icon,\n      size = \"md\",\n      tooltip,\n      on = \"lightBackground\",\n      onClick,\n    }: IconButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const { themeName } = useTheme();\n\n    const foregroundColorClass =\n      themeName === \"classic\"\n        ? classicForegroundColor(classicColor(color))\n        : cambioForegroundColor(cambioColor(color), on);\n\n    const backgroundColorClass =\n      themeName === \"classic\"\n        ? classicBackgroundColor(classicColor(color))\n        : cambioBackgroundColor(cambioColor(color), on);\n\n    return (\n      <button\n        aria-label={accessibilityLabel}\n        data-testid={dataTestId}\n        type=\"button\"\n        title={tooltip}\n        disabled={!isHydrated || disabled}\n        onClick={onClick}\n        className={classNames(\n          styles.iconButton,\n          foregroundColorClass,\n          backgroundColorClass,\n          themeName === \"classic\" ? styles[size] : styles[`${size}Cambio`],\n          {\n            [buttonStyles.secondaryBorder]:\n              themeName === \"classic\" && color === \"secondary\",\n            [buttonStyles.secondaryDestructiveBorder]:\n              themeName === \"classic\" && color === \"destructive-secondary\",\n            [styles.iconButtonNoBorder]:\n              (themeName === \"classic\" &&\n                ![\"secondary\", \"destructive-secondary\"].includes(color)) ||\n              themeName === \"cambio\",\n          },\n        )}\n        ref={ref}\n      >\n        <Icon\n          className={\n            themeName === \"classic\"\n              ? classicIconSize[size]\n              : cambioIconSize[size]\n          }\n        />\n      </button>\n    );\n  },\n);\n\nIconButton.displayName = \"IconButton\";\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_4ynk4_1\",\"iconButtonNoBorder\":\"_iconButtonNoBorder_4ynk4_8\",\"sm\":\"_sm_4ynk4_49\",\"md\":\"_md_4ynk4_54\",\"lg\":\"_lg_4ynk4_59\",\"smCambio\":\"_smCambio_4ynk4_64\",\"mdCambio\":\"_mdCambio_4ynk4_69\",\"lgCambio\":\"_lgCambio_4ynk4_74\",\"smIcon\":\"_smIcon_4ynk4_79\",\"mdIcon\":\"_mdIcon_4ynk4_86\",\"lgIcon\":\"_lgIcon_4ynk4_93\",\"smIconCambio\":\"_smIconCambio_4ynk4_100\",\"mdIconCambio\":\"_mdIconCambio_4ynk4_107\",\"lgIconCambio\":\"_lgIconCambio_4ynk4_114\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AAKvB,SAAgB,kBAAkB;;;ACLkE,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,sBAAqB,+BAA8B,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,gBAAe,2BAA0B,gBAAe,2BAA0B,gBAAe,0BAAyB;;;ADoK5iB;AAnJR,IAAM,kBAAkB;AAAA,EACtB,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AACb;AAEA,IAAM,iBAAiB;AAAA,EACrB,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AACb;AAmFA,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA,KAAK;AAAA,IACL;AAAA,EACF,GACA,QACG;AACH,UAAM,aAAa,cAAc;AACjC,UAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,UAAM,uBACJ,cAAc,YACV,uBAAuB,aAAa,KAAK,CAAC,IAC1C,sBAAsB,YAAY,KAAK,GAAG,EAAE;AAElD,UAAM,uBACJ,cAAc,YACV,uBAAuB,aAAa,KAAK,CAAC,IAC1C,sBAAsB,YAAY,KAAK,GAAG,EAAE;AAElD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ,eAAa;AAAA,QACb,MAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,cAAc;AAAA,QACzB;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,cAAc,YAAY,0BAAO,IAAI,IAAI,0BAAO,GAAG,YAAY;AAAA,UAC/D;AAAA,YACE,CAAC,sBAAa,eAAe,GAC3B,cAAc,aAAa,UAAU;AAAA,YACvC,CAAC,sBAAa,0BAA0B,GACtC,cAAc,aAAa,UAAU;AAAA,YACvC,CAAC,0BAAO,kBAAkB,GACvB,cAAc,aACb,CAAC,CAAC,aAAa,uBAAuB,EAAE,SAAS,KAAK,KACxD,cAAc;AAAA,UAClB;AAAA,QACF;AAAA,QACA;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WACE,cAAc,YACV,gBAAgB,IAAI,IACpB,eAAe,IAAI;AAAA;AAAA,QAE3B;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ;","names":[]}

package/dist/__chunks/W2JRKN5E.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// css-module:../Button/Button.module.css#css-module
-var Button_module_default = { "button": "_button_9efd1_1", "buttonGap": "_buttonGap_9efd1_9", "disabledCambioPrimary": "_disabledCambioPrimary_9efd1_50", "fullWidth": "_fullWidth_9efd1_54", "sm": "_sm_9efd1_58", "md": "_md_9efd1_65", "lg": "_lg_9efd1_72", "smCambio": "_smCambio_9efd1_79", "mdCambio": "_mdCambio_9efd1_86", "lgCambio": "_lgCambio_9efd1_93", "icon": "_icon_9efd1_100", "smIcon": "_smIcon_9efd1_104", "mdIcon": "_mdIcon_9efd1_111", "lgIcon": "_lgIcon_9efd1_118", "secondaryBorder": "_secondaryBorder_9efd1_125", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_9efd1_129", "loading": "_loading_9efd1_143", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_9efd1_1", "loadingCircle": "_loadingCircle_9efd1_147" };
-
-
-
-exports.Button_module_default = Button_module_default;
-//# sourceMappingURL=W2JRKN5E.cjs.map

package/dist/__chunks/W2JRKN5E.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../Button/Button.module.css#css-module"],"names":[],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,yBAAwB,mCAAkC,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,QAAO,mBAAkB,UAAS,qBAAoB,UAAS,qBAAoB,UAAS,qBAAoB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_9efd1_1\",\"buttonGap\":\"_buttonGap_9efd1_9\",\"disabledCambioPrimary\":\"_disabledCambioPrimary_9efd1_50\",\"fullWidth\":\"_fullWidth_9efd1_54\",\"sm\":\"_sm_9efd1_58\",\"md\":\"_md_9efd1_65\",\"lg\":\"_lg_9efd1_72\",\"smCambio\":\"_smCambio_9efd1_79\",\"mdCambio\":\"_mdCambio_9efd1_86\",\"lgCambio\":\"_lgCambio_9efd1_93\",\"icon\":\"_icon_9efd1_100\",\"smIcon\":\"_smIcon_9efd1_104\",\"mdIcon\":\"_mdIcon_9efd1_111\",\"lgIcon\":\"_lgIcon_9efd1_118\",\"secondaryBorder\":\"_secondaryBorder_9efd1_125\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_9efd1_129\",\"loading\":\"_loading_9efd1_143\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_9efd1_1\",\"loadingCircle\":\"_loadingCircle_9efd1_147\"}"]}

package/dist/__chunks/W5MIJIZA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Dialog/Dialog.tsx","css-module:../elevation/elevation.module.css#css-module","css-module:./Dialog.module.css#css-module"],"names":["Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO;AAAA,EAEL;AAAA,EAEA;AAAA,OAEK;;;ACN2F,IAAO,2BAAQ,EAAC,yBAAwB,iCAAgC;;;ACA9E,IAAO,wBAAQ,EAAC,UAAS,kBAAiB;;;AFctI,SAAS,UAAU,uBAAuB;AAC1C,OAAO,gBAAgB;AA8DnB;AA7CJ,IAAM,iBAAqD;AAAA,EACzD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,gBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAMO,IAAM,gBAAgB,MAAM,cAAiC,CAAC,CAAC;AActE,IAAM,SAAS,WAAwC,SAASA,QAC9D,OACA,KACc;AACd,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAC5C,QAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MAGb,cAAY;AAAA,MACZ,WAAW,WAAW;AAAA,QACpB,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,sBAAY;AAAA,QACZ,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,wBACE,cAAc,YACT,WAAW,eAAe,IAAI,MAC/B,kBACN;AAAA,QACA,yBAAgB;AAAA,QAChB,sBAAa;AAAA,QACb,sBAAa;AAAA,QACb,sBAAO;AAAA,MACT,CAAC;AAAA,MAEA;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iBAAQ","sourcesContent":["import React, {\n  type ReactNode,\n  forwardRef,\n  type ReactElement,\n  useContext,\n  type ComponentProps,\n} from \"react\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport elevationStyles from \"../elevation/elevation.module.css\";\nimport layoutStyles from \"../layout.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport styles from \"./Dialog.module.css\";\nimport { Dialog as ReactAriaDialog } from \"react-aria-components\";\nimport classNames from \"classnames\";\nimport type Box from \"../Box/Box\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\ntype DialogSize = \"sm\" | \"md\" | \"lg\";\ntype DialogRounding = \"lg\" | \"xl\";\nexport type DialogProps = {\n  /** Test id for the floating dialog */\n  \"data-testid\"?: string;\n  /** aria-label for the dialog */\n  accessibilityLabel?: string;\n  /** Content to be shown inside the dialog. */\n  children?: ReactNode;\n  /** Optional size of the dialog box */\n  size?: DialogSize;\n};\n\nconst sizeToRounding: Record<DialogSize, DialogRounding> = {\n  sm: \"lg\",\n  md: \"lg\",\n  lg: \"xl\",\n};\n\nconst sizeToPadding: Record<DialogSize, 4 | 5 | 6> = {\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\ntype DialogContextType = {\n  /** padding of dialog content. overrides \\\"size\\\" prop's padding\" */\n  padding?: ComponentProps<typeof Box>[\"padding\"];\n};\nexport const DialogContext = React.createContext<DialogContextType>({});\n\n/**\n * Dialog is a display component for showing content in Popovers, Modals, etc...\n *\n * Example Usage:\n ```\n  <Dialog accessibilityLabel=\"Select some options\">\n    <Box padding={2} maxWidth={400}>\n      ... some content goes here\n    </Box>\n  </Dialog>\n ```\n */\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  props,\n  ref,\n): ReactElement {\n  const {\n    \"data-testid\": dataTestId,\n    accessibilityLabel,\n    children,\n    size = \"md\",\n  } = props;\n\n  const { padding } = useContext(DialogContext);\n  const { themeName } = useTheme();\n\n  return (\n    <ReactAriaDialog\n      ref={ref}\n      data-testid={dataTestId}\n      // first thing screen reader reads\n      // e.g. \"<this was the label prop>, dialog, 4 items...\"\n      aria-label={accessibilityLabel}\n      className={classNames([\n        boxStyles.box,\n        boxStyles.flex,\n        boxStyles.column,\n        boxStyles.gap4,\n        boxStyles.relative,\n        boxStyles.overflowauto,\n        colorStyles.whiteBackgroundColor,\n        paddingStyles[`paddingX${padding ?? sizeToPadding[size]}`],\n        paddingStyles[`paddingY${padding ?? sizeToPadding[size]}`],\n        roundingStyles[\n          themeName === \"classic\"\n            ? (`rounding${sizeToRounding[size]}` as const)\n            : \"roundingmdCambio\"\n        ],\n        elevationStyles.elevation400BoxShadow,\n        layoutStyles.fullMaxHeight,\n        layoutStyles.visibilityVisible,\n        styles.dialog,\n      ])}\n    >\n      {children}\n    </ReactAriaDialog>\n  );\n});\n\nexport default Dialog;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/elevation/elevation.module.css\"; export default {\"elevation400BoxShadow\":\"_elevation400BoxShadow_vw6sp_1\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Dialog/Dialog.module.css\"; export default {\"dialog\":\"_dialog_1bme6_1\"}"]}

package/dist/__chunks/X5KCRFFF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TextArea/TextArea.tsx","css-module:./TextArea.module.css#css-module","css-module:../TextField/TextField.module.css#css-module"],"sourcesContent":["import Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport React, { type ReactElement, useId, forwardRef } from \"react\";\nimport styles from \"./TextArea.module.css\";\nimport textFieldStyles from \"../TextField/TextField.module.css\";\nimport classNames from \"classnames\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\ntype TextAreaProps = {\n  /**\n   * A data-testid to make querying for the TextArea easier.\n   */\n  \"data-testid\"?: string;\n  /**\n   * If true, the TextArea will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Text shown below TextArea if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Informative helper text shown below TextArea\n   */\n  helperText?: string;\n  /**\n   * TextField id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /**\n   * TextArea visible label\n   */\n  label: string;\n  /**\n   * Maximum number of characters allowed in the TextArea\n   */\n  maxLength?: number;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text to display when TextArea is empty\n   */\n  placeholder?: string;\n  /**\n   * Size of the TextArea. Defines the font size and padding.\n   *\n   * Cambio only supports `md`\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /**\n   * Number of rows to display\n   */\n  rows?: number;\n  /**\n   * Value of the TextArea\n   */\n  value: string;\n};\n\n/**\n * [TextArea](https://cambly-syntax.vercel.app/?path=/docs/components-textarea--docs) allows users to enter multiple lines of text.\n */\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    {\n      \"data-testid\": dataTestId,\n      disabled: disabledProp = false,\n      errorText = \"\",\n      helperText = \"\",\n      id,\n      label,\n      maxLength = 1024,\n      placeholder = \"\",\n      rows = 3,\n      size = \"md\",\n      value = \"\",\n      onChange,\n    }: TextAreaProps,\n    forwardedRef,\n  ): ReactElement {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const reactId = useId();\n    const { themeName } = useTheme();\n    const inputId = id ?? reactId;\n\n    return (\n      <Box\n        display=\"flex\"\n        direction=\"column\"\n        gap={2}\n        width=\"100%\"\n        dangerouslySetInlineStyle={{\n          __style: {\n            opacity: disabled ? 0.5 : 1,\n          },\n        }}\n        position={themeName === \"cambio\" ? \"relative\" : undefined}\n      >\n        <label className={textFieldStyles.label} htmlFor={inputId}>\n          <Box paddingX={1}>\n            <Typography size={100} color=\"gray700\">\n              {label}\n            </Typography>\n          </Box>\n        </label>\n        <Typography size={themeName === \"cambio\" ? 100 : 200}>\n          <textarea\n            data-testid={dataTestId}\n            ref={forwardedRef}\n            className={classNames(\n              textFieldStyles.textfield,\n              themeName === \"classic\"\n                ? textFieldStyles.textfieldClassic\n                : textFieldStyles.textfieldCambio,\n              themeName === \"classic\" && textFieldStyles[size],\n              themeName === \"classic\" && styles[size],\n              themeName === \"classic\" ? styles.textarea : styles.textareaCambio,\n              {\n                [themeName === \"classic\"\n                  ? textFieldStyles.inputError\n                  : textFieldStyles.inputErrorCambio]: errorText,\n              },\n            )}\n            id={inputId}\n            placeholder={placeholder}\n            maxLength={maxLength}\n            onChange={onChange}\n            rows={rows}\n            value={value}\n            disabled={disabled}\n          />\n        </Typography>\n        {(helperText || errorText) && (\n          <Box paddingX={1}>\n            <Typography\n              size={100}\n              color={errorText ? \"destructive-primary\" : \"gray700\"}\n            >\n              {errorText || helperText}\n            </Typography>\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n\nexport default TextArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextArea/TextArea.module.css\"; export default {\"textarea\":\"_textarea_1owb5_1\",\"sm\":\"_sm_1owb5_5\",\"md\":\"_md_1owb5_10\",\"lg\":\"_lg_1owb5_15\",\"textareaCambio\":\"_textareaCambio_1owb5_20\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_kbdbw_1\",\"textfieldClassic\":\"_textfieldClassic_kbdbw_10\",\"textfieldCambio\":\"_textfieldCambio_kbdbw_14\",\"label\":\"_label_kbdbw_29\",\"sm\":\"_sm_kbdbw_33\",\"mdCambio\":\"_mdCambio_kbdbw_40\",\"heightCambio\":\"_heightCambio_kbdbw_44\",\"smHeight\":\"_smHeight_kbdbw_48\",\"md\":\"_md_kbdbw_40\",\"mdHeight\":\"_mdHeight_kbdbw_59\",\"lg\":\"_lg_kbdbw_63\",\"lgHeight\":\"_lgHeight_kbdbw_70\",\"inputError\":\"_inputError_kbdbw_74\",\"inputErrorCambio\":\"_inputErrorCambio_kbdbw_84\"}"],"mappings":";;;;;;;;;;;;;;;AAEA,SAAmC,OAAO,kBAAkB;;;ACFoC,IAAO,0BAAQ,EAAC,YAAW,qBAAoB,MAAK,eAAc,MAAK,gBAAe,MAAK,gBAAe,kBAAiB,2BAA0B;;;ACAnJ,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,oBAAmB,8BAA6B,mBAAkB,6BAA4B,SAAQ,mBAAkB,MAAK,gBAAe,YAAW,sBAAqB,gBAAe,0BAAyB,YAAW,sBAAqB,MAAK,gBAAe,YAAW,sBAAqB,MAAK,gBAAe,YAAW,sBAAqB,cAAa,wBAAuB,oBAAmB,6BAA4B;;;AFKlkB,OAAO,gBAAgB;AAuFjB,SAcM,KAdN;AAzBN,IAAM,WAAW;AAAA,EACf,SAASA,UACP;AAAA,IACE,eAAe;AAAA,IACf,UAAU,eAAe;AAAA,IACzB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,EACF,GACA,cACc;AACd,UAAM,aAAa,cAAc;AACjC,UAAM,WAAW,CAAC,cAAc;AAChC,UAAM,UAAU,MAAM;AACtB,UAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,UAAM,UAAU,kBAAM;AAEtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,KAAK;AAAA,QACL,OAAM;AAAA,QACN,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,SAAS,WAAW,MAAM;AAAA,UAC5B;AAAA,QACF;AAAA,QACA,UAAU,cAAc,WAAW,aAAa;AAAA,QAEhD;AAAA,8BAAC,WAAM,WAAW,yBAAgB,OAAO,SAAS,SAChD,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF,GACF;AAAA,UACA,oBAAC,sBAAW,MAAM,cAAc,WAAW,MAAM,KAC/C;AAAA,YAAC;AAAA;AAAA,cACC,eAAa;AAAA,cACb,KAAK;AAAA,cACL,WAAW;AAAA,gBACT,yBAAgB;AAAA,gBAChB,cAAc,YACV,yBAAgB,mBAChB,yBAAgB;AAAA,gBACpB,cAAc,aAAa,yBAAgB,IAAI;AAAA,gBAC/C,cAAc,aAAa,wBAAO,IAAI;AAAA,gBACtC,cAAc,YAAY,wBAAO,WAAW,wBAAO;AAAA,gBACnD;AAAA,kBACE,CAAC,cAAc,YACX,yBAAgB,aAChB,yBAAgB,gBAAgB,GAAG;AAAA,gBACzC;AAAA,cACF;AAAA,cACA,IAAI;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF,GACF;AAAA,WACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAO,YAAY,wBAAwB;AAAA,cAE1C,uBAAa;AAAA;AAAA,UAChB,GACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;","names":["TextArea"]}

package/dist/__chunks/XU3CLITI.cjs

@@ -1,128 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
-
-
-var _QAS3KERZcjs = require('./QAS3KERZ.cjs');
-
-
-var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
-
-// src/Typography/Typography.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _react = require('react');
-
-// css-module:./Typography.module.css#css-module
-var Typography_module_default = { "typography": "_typography_emvev_1", "sansSerif": "_sansSerif_emvev_22", "serif": "_serif_emvev_27", "size100": "_size100_emvev_71", "size200": "_size200_emvev_75", "size300": "_size300_emvev_79", "size500": "_size500_emvev_83", "size600": "_size600_emvev_87", "size700": "_size700_emvev_91", "size800": "_size800_emvev_95", "size100Cambio": "_size100Cambio_emvev_100", "size200Cambio": "_size200Cambio_emvev_104", "size300Cambio": "_size300Cambio_emvev_108", "size400Cambio": "_size400Cambio_emvev_112", "size500Cambio": "_size500Cambio_emvev_116", "size600Cambio": "_size600Cambio_emvev_120", "size700Cambio": "_size700Cambio_emvev_124", "size800Cambio": "_size800Cambio_emvev_128", "size900Cambio": "_size900Cambio_emvev_132", "size1000Cambio": "_size1000Cambio_emvev_173", "size1100Cambio": "_size1100Cambio_emvev_177", "center": "_center_emvev_183", "forceLeft": "_forceLeft_emvev_187", "forceRight": "_forceRight_emvev_191", "start": "_start_emvev_195", "end": "_end_emvev_199", "bold": "_bold_emvev_204", "regular": "_regular_emvev_208", "interactive": "_interactive_emvev_212", "semiBold": "_semiBold_emvev_216", "heavy": "_heavy_emvev_220", "regularCambio": "_regularCambio_emvev_224", "mediumCambio": "_mediumCambio_emvev_228", "semiBoldCambio": "_semiBoldCambio_emvev_232", "boldCambio": "_boldCambio_emvev_236", "underline": "_underline_emvev_240", "inline": "_inline_emvev_244", "uppercase": "_uppercase_emvev_248", "lineClamp": "_lineClamp_emvev_252" };
-
-// src/Typography/Typography.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function classicTextColor(color) {
-  switch (color) {
-    case "gray700":
-      return _QAS3KERZcjs.colors_module_default.gray700Color;
-    case "white":
-      return _QAS3KERZcjs.colors_module_default.whiteColor;
-    case "inherit":
-      return _QAS3KERZcjs.colors_module_default.inheritColor;
-    case "primary":
-      return _QAS3KERZcjs.colors_module_default.primary700Color;
-    case "destructive-primary":
-    case "destructive-darkBackground":
-      return _QAS3KERZcjs.colors_module_default.destructive700Color;
-    case "success":
-      return _QAS3KERZcjs.colors_module_default.success700Color;
-    default:
-      return _QAS3KERZcjs.colors_module_default.gray900Color;
-  }
-}
-function cambioTextColor(color) {
-  switch (color) {
-    case "gray700":
-      return _QAS3KERZcjs.colors_module_default.cambioGray800Color;
-    case "white":
-      return _QAS3KERZcjs.colors_module_default.cambioWhiteColor;
-    case "inherit":
-      return _QAS3KERZcjs.colors_module_default.inheritColor;
-    case "destructive-primary":
-      return _QAS3KERZcjs.colors_module_default.cambioDestructive900Color;
-    case "destructive-darkBackground":
-      return _QAS3KERZcjs.colors_module_default.cambioDestructive100Color;
-    case "success":
-      return _QAS3KERZcjs.colors_module_default.cambioSuccess900Color;
-    case "success-darkBackground":
-      return _QAS3KERZcjs.colors_module_default.cambioSuccess100Color;
-    default:
-      return _QAS3KERZcjs.colors_module_default.cambioBlackColor;
-  }
-}
-function classicWeight(weight) {
-  switch (weight) {
-    case "medium":
-      return "regular";
-    default:
-      return weight;
-  }
-}
-function cambioWeight(weight) {
-  switch (weight) {
-    case "interactive":
-      return "medium";
-    case "heavy":
-      return "regular";
-    default:
-      return weight;
-  }
-}
-var Typography = _react.forwardRef.call(void 0, function Typography2({
-  align = "start",
-  as = "div",
-  children,
-  color = "gray900",
-  "data-testid": dataTestId,
-  fontStyle = "sans-serif",
-  id,
-  inline = false,
-  lineClamp = void 0,
-  size = 200,
-  tooltip,
-  transform = "none",
-  underline = false,
-  weight = "regular"
-}, ref) {
-  const Tag = as;
-  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
-  const weightStyles = themeName === "classic" ? Typography_module_default[classicWeight(weight)] : Typography_module_default[`${cambioWeight(weight)}Cambio`];
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Tag,
-    {
-      id,
-      className: _classnames2.default.call(void 0, 
-        Typography_module_default.typography,
-        Typography_module_default[align],
-        weightStyles,
-        themeName === "cambio" && fontStyle === "serif" ? Typography_module_default.serif : Typography_module_default.sansSerif,
-        themeName === "cambio" ? cambioTextColor(color) : classicTextColor(color),
-        inline && Typography_module_default.inline,
-        themeName === "classic" ? Typography_module_default[`size${// TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually
-        // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433
-        // One we ship Cambio, we can remove these checks
-        size === 100 || size === 200 || size === 300 || size === 500 || size === 600 || size === 700 || size === 800 ? size : 200}`] : Typography_module_default[`size${size}Cambio`],
-        transform === "uppercase" && Typography_module_default.uppercase,
-        underline && Typography_module_default.underline,
-        lineClamp != null && Typography_module_default.lineClamp
-      ),
-      "data-testid": dataTestId,
-      style: {
-        WebkitLineClamp: lineClamp
-      },
-      title: tooltip,
-      ref,
-      children
-    }
-  );
-});
-var Typography_default = Typography;
-
-
-
-exports.Typography_default = Typography_default;
-//# sourceMappingURL=XU3CLITI.cjs.map

package/dist/__chunks/XU3CLITI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":"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","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.gray700Color;\n    case \"white\":\n      return colorStyles.whiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"primary\":\n      return colorStyles.primary700Color;\n    case \"destructive-primary\":\n    case \"destructive-darkBackground\":\n      return colorStyles.destructive700Color;\n    case \"success\":\n      return colorStyles.success700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\nfunction cambioTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive100Color;\n    case \"success\":\n      return colorStyles.cambioSuccess900Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n\nfunction classicWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n  switch (weight) {\n    case \"medium\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\n\nfunction cambioWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n  switch (weight) {\n    case \"interactive\":\n      return \"medium\";\n    case \"heavy\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\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\";\n    /**\n     * The text to be rendered\n     */\n    children?: ReactNode;\n    /**\n     * The color of the text.\n     *\n     * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"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     * Classic:\n     * * `100`: 12px\n     * * `200`: 14px\n     * * `300`: 16px\n     * * `500`: 20px\n     * * `600`: 28px\n     * * `700`: 40px\n     * * `800`: 64px\n     *\n     * Cambio Mobile:\n     * * `100`: 14px\n     * * `200`: 16px\n     * * `300`: 18px\n     * * `400`: 20px\n     * * `500`: 23px\n     * * `600`: 26px\n     * * `700`: 29px\n     * * `800`: 33px\n     * * `900`: 37px\n     * * `1000`: 41px\n     * * `1100`: 46px\n     *\n     * Cambio Desktop (viewport width > 480px):\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `500`: 31px\n     * * `600`: 39px\n     * * `700`: 49px\n     * * `800`: 61px\n     * * `900`: 76px\n     * * `1000`: 95px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 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     * Classic:\n     * * `regular`: 400\n     * * `interactive`: 500 (Classic only)\n     * * `semiBold`: 600\n     * * `bold`: 700\n     * * `heavy`: 860 (Classic only)\n     *\n     * Cambio:\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     * * `bold`: 710\n     *\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?:\n      | \"regular\"\n      | \"interactive\"\n      | \"medium\"\n      | \"semiBold\"\n      | \"bold\"\n      | \"heavy\";\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  const { themeName } = useTheme();\n\n  const weightStyles =\n    themeName === \"classic\"\n      ? styles[classicWeight(weight)]\n      : styles[`${cambioWeight(weight)}Cambio`];\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        weightStyles,\n        themeName === \"cambio\" && fontStyle === \"serif\"\n          ? styles.serif\n          : styles.sansSerif,\n        themeName === \"cambio\"\n          ? cambioTextColor(color)\n          : classicTextColor(color),\n        inline && styles.inline,\n        themeName === \"classic\"\n          ? styles[\n              `size${\n                // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n                // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n                // One we ship Cambio, we can remove these checks\n                size === 100 ||\n                size === 200 ||\n                size === 300 ||\n                size === 500 ||\n                size === 600 ||\n                size === 700 ||\n                size === 800\n                  ? size\n                  : 200\n              }`\n            ]\n          : styles[`size${size}Cambio`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\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_emvev_1\",\"sansSerif\":\"_sansSerif_emvev_22\",\"serif\":\"_serif_emvev_27\",\"size100\":\"_size100_emvev_71\",\"size200\":\"_size200_emvev_75\",\"size300\":\"_size300_emvev_79\",\"size500\":\"_size500_emvev_83\",\"size600\":\"_size600_emvev_87\",\"size700\":\"_size700_emvev_91\",\"size800\":\"_size800_emvev_95\",\"size100Cambio\":\"_size100Cambio_emvev_100\",\"size200Cambio\":\"_size200Cambio_emvev_104\",\"size300Cambio\":\"_size300Cambio_emvev_108\",\"size400Cambio\":\"_size400Cambio_emvev_112\",\"size500Cambio\":\"_size500Cambio_emvev_116\",\"size600Cambio\":\"_size600Cambio_emvev_120\",\"size700Cambio\":\"_size700Cambio_emvev_124\",\"size800Cambio\":\"_size800Cambio_emvev_128\",\"size900Cambio\":\"_size900Cambio_emvev_132\",\"size1000Cambio\":\"_size1000Cambio_emvev_173\",\"size1100Cambio\":\"_size1100Cambio_emvev_177\",\"center\":\"_center_emvev_183\",\"forceLeft\":\"_forceLeft_emvev_187\",\"forceRight\":\"_forceRight_emvev_191\",\"start\":\"_start_emvev_195\",\"end\":\"_end_emvev_199\",\"bold\":\"_bold_emvev_204\",\"regular\":\"_regular_emvev_208\",\"interactive\":\"_interactive_emvev_212\",\"semiBold\":\"_semiBold_emvev_216\",\"heavy\":\"_heavy_emvev_220\",\"regularCambio\":\"_regularCambio_emvev_224\",\"mediumCambio\":\"_mediumCambio_emvev_228\",\"semiBoldCambio\":\"_semiBoldCambio_emvev_232\",\"boldCambio\":\"_boldCambio_emvev_236\",\"underline\":\"_underline_emvev_240\",\"inline\":\"_inline_emvev_244\",\"uppercase\":\"_uppercase_emvev_248\",\"lineClamp\":\"_lineClamp_emvev_252\"}"]}

package/dist/__chunks/ZCSR6NFB.cjs

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// css-module:../Button.module.css#css-module
-var Button_module_default = { "button": "_button_9efd1_1", "buttonGap": "_buttonGap_9efd1_9", "disabledCambioPrimary": "_disabledCambioPrimary_9efd1_50", "fullWidth": "_fullWidth_9efd1_54", "sm": "_sm_9efd1_58", "md": "_md_9efd1_65", "lg": "_lg_9efd1_72", "smCambio": "_smCambio_9efd1_79", "mdCambio": "_mdCambio_9efd1_86", "lgCambio": "_lgCambio_9efd1_93", "icon": "_icon_9efd1_100", "smIcon": "_smIcon_9efd1_104", "mdIcon": "_mdIcon_9efd1_111", "lgIcon": "_lgIcon_9efd1_118", "secondaryBorder": "_secondaryBorder_9efd1_125", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_9efd1_129", "loading": "_loading_9efd1_143", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_9efd1_1", "loadingCircle": "_loadingCircle_9efd1_147" };
-
-// src/Button/constants/iconSize.ts
-var iconSize = {
-  sm: Button_module_default.smIcon,
-  md: Button_module_default.mdIcon,
-  lg: Button_module_default.lgIcon
-};
-var iconSize_default = iconSize;
-
-
-
-exports.iconSize_default = iconSize_default;
-//# sourceMappingURL=ZCSR6NFB.cjs.map

package/dist/__chunks/ZCSR6NFB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"names":[],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,yBAAwB,mCAAkC,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,QAAO,mBAAkB,UAAS,qBAAoB,UAAS,qBAAoB,UAAS,qBAAoB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACE9wB,IAAM,WAAW;AAAA,EACf,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEA,IAAO,mBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_9efd1_1\",\"buttonGap\":\"_buttonGap_9efd1_9\",\"disabledCambioPrimary\":\"_disabledCambioPrimary_9efd1_50\",\"fullWidth\":\"_fullWidth_9efd1_54\",\"sm\":\"_sm_9efd1_58\",\"md\":\"_md_9efd1_65\",\"lg\":\"_lg_9efd1_72\",\"smCambio\":\"_smCambio_9efd1_79\",\"mdCambio\":\"_mdCambio_9efd1_86\",\"lgCambio\":\"_lgCambio_9efd1_93\",\"icon\":\"_icon_9efd1_100\",\"smIcon\":\"_smIcon_9efd1_104\",\"mdIcon\":\"_mdIcon_9efd1_111\",\"lgIcon\":\"_lgIcon_9efd1_118\",\"secondaryBorder\":\"_secondaryBorder_9efd1_125\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_9efd1_129\",\"loading\":\"_loading_9efd1_143\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_9efd1_1\",\"loadingCircle\":\"_loadingCircle_9efd1_147\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nexport default iconSize;\n"]}