@cambly/syntax-core 10.30.0 → 10.32.0

package/dist/__chunks/OAZD7W2W.cjs

@@ -1,96 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
-
-
-var _W2JRKN5Ecjs = require('./W2JRKN5E.cjs');
-
-
-
-var _HWQUS53Mcjs = require('./HWQUS53M.cjs');
-
-
-
-var _UQY2ELTZcjs = require('./UQY2ELTZ.cjs');
-
-
-
-var _J43HGNHNcjs = require('./J43HGNHN.cjs');
-
-
-var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
-
-
-var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
-
-// src/IconButton/IconButton.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _react = require('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
-var _jsxruntime = require('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 = _react.forwardRef.call(void 0, 
-  ({
-    accessibilityLabel,
-    color = "primary",
-    "data-testid": dataTestId,
-    disabled = false,
-    icon: Icon,
-    size = "md",
-    tooltip,
-    on = "lightBackground",
-    onClick
-  }, ref) => {
-    const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
-    const foregroundColorClass = themeName === "classic" ? _UQY2ELTZcjs.classicForegroundColor.call(void 0, _HWQUS53Mcjs.classicColor.call(void 0, color)) : _UQY2ELTZcjs.cambioForegroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
-    const backgroundColorClass = themeName === "classic" ? _J43HGNHNcjs.classicBackgroundColor.call(void 0, _HWQUS53Mcjs.classicColor.call(void 0, color)) : _J43HGNHNcjs.cambioBackgroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        "aria-label": accessibilityLabel,
-        "data-testid": dataTestId,
-        type: "button",
-        title: tooltip,
-        disabled: !isHydrated || disabled,
-        onClick,
-        className: _classnames2.default.call(void 0, 
-          IconButton_module_default.iconButton,
-          foregroundColorClass,
-          backgroundColorClass,
-          themeName === "classic" ? IconButton_module_default[size] : IconButton_module_default[`${size}Cambio`],
-          {
-            [_W2JRKN5Ecjs.Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
-            [_W2JRKN5Ecjs.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__ */ _jsxruntime.jsx.call(void 0, 
-          Icon,
-          {
-            className: themeName === "classic" ? classicIconSize[size] : cambioIconSize[size]
-          }
-        )
-      }
-    );
-  }
-);
-IconButton.displayName = "IconButton";
-var IconButton_default = IconButton;
-
-
-
-exports.IconButton_default = IconButton_default;
-//# sourceMappingURL=OAZD7W2W.cjs.map

package/dist/__chunks/OAZD7W2W.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module"],"names":[],"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","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\"}"]}

package/dist/__chunks/OMFFRI3K.js

@@ -1,9 +0,0 @@
-"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" };
-
-export {
-  Button_module_default
-};
-//# sourceMappingURL=OMFFRI3K.js.map

package/dist/__chunks/OMFFRI3K.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../Button/Button.module.css#css-module"],"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\"}"],"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;","names":[]}

package/dist/__chunks/OU5C2MBA.js

@@ -1,114 +0,0 @@
-"use client"
-import {
-  Box_default
-} from "./HCHFPFNX.js";
-import {
-  Typography_default
-} from "./UVROGDYB.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
-
-// css-module:./Badge.module.css#css-module
-var Badge_module_default = { "icon": "_icon_1g9xb_1" };
-
-// src/Badge/Badge.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var badgeColorClassicToCambio = {
-  gray200: "gray370",
-  gray900: "gray870",
-  destructive700: "destructive300",
-  orange700: "orange",
-  yellow700: "tan",
-  success700: "success300",
-  primary700: "sky",
-  purple700: "lilac",
-  sky: "sky",
-  success300: "success300",
-  destructive300: "destructive300",
-  orange: "orange",
-  tan: "tan",
-  gray370: "gray370",
-  gray870: "gray870",
-  lilac: "lilac",
-  thistle: "thistle",
-  pink: "pink"
-};
-var badgeColorCambioToClassic = {
-  gray200: "gray200",
-  gray900: "gray900",
-  destructive700: "destructive700",
-  orange700: "orange700",
-  yellow700: "yellow700",
-  success700: "success700",
-  primary700: "primary700",
-  purple700: "purple700",
-  sky: "primary700",
-  success300: "success700",
-  destructive300: "destructive700",
-  orange: "orange700",
-  tan: "yellow700",
-  gray370: "gray200",
-  gray870: "gray900",
-  lilac: "purple700",
-  thistle: "purple700",
-  pink: "purple700"
-};
-var textColorForBackgroundColor = (color) => {
-  switch (color) {
-    case "gray200":
-    case "yellow700":
-      return "gray900";
-    case "gray370":
-    case "destructive300":
-    case "orange":
-    case "tan":
-    case "success300":
-    case "sky":
-    case "thistle":
-    case "pink":
-    case "lilac":
-      return "gray900";
-    default:
-      return "white";
-  }
-};
-var Badge = ({
-  icon: Icon,
-  text,
-  color = "primary700"
-}) => {
-  const { themeName } = useTheme();
-  const mappedColor = themeName === "cambio" ? badgeColorClassicToCambio[color] : badgeColorCambioToClassic[color];
-  return /* @__PURE__ */ jsx(
-    Box_default,
-    {
-      display: themeName === "classic" ? "inlineBlock" : "inlineFlex",
-      paddingX: themeName === "classic" ? 2 : 3,
-      paddingY: 1,
-      rounding: themeName === "classic" ? "full" : "sm",
-      backgroundColor: mappedColor,
-      alignItems: "center",
-      justifyContent: "center",
-      height: themeName === "cambio" ? 32 : void 0,
-      children: /* @__PURE__ */ jsx(Typography_default, { color: textColorForBackgroundColor(mappedColor), children: /* @__PURE__ */ jsxs(Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
-        Icon && /* @__PURE__ */ jsx(Icon, { className: Badge_module_default.icon }),
-        /* @__PURE__ */ jsx(
-          Typography_default,
-          {
-            color: textColorForBackgroundColor(mappedColor),
-            size: 100,
-            weight: themeName === "classic" ? "bold" : "medium",
-            children: text
-          }
-        )
-      ] }) })
-    }
-  );
-};
-var Badge_default = Badge;
-
-export {
-  Badge_default
-};
-//# sourceMappingURL=OU5C2MBA.js.map

package/dist/__chunks/OU5C2MBA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:./Badge.module.css#css-module","../../src/Badge/Badge.tsx"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css\"; export default {\"icon\":\"_icon_1g9xb_1\"}","import Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Badge.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nconst badgeColorClassic = [\n  \"gray200\",\n  \"gray900\",\n  \"destructive700\",\n  \"orange700\",\n  \"yellow700\",\n  \"success700\",\n  \"primary700\",\n  \"purple700\",\n] as const;\n\nconst badgeColorCambio = [\n  \"sky\",\n  \"success300\",\n  \"destructive300\",\n  \"orange\",\n  \"tan\",\n  \"gray370\",\n  \"gray870\",\n  \"lilac\",\n  \"thistle\",\n  \"pink\",\n] as const;\n\nconst badgeColorClassicToCambio = {\n  gray200: \"gray370\",\n  gray900: \"gray870\",\n  destructive700: \"destructive300\",\n  orange700: \"orange\",\n  yellow700: \"tan\",\n  success700: \"success300\",\n  primary700: \"sky\",\n  purple700: \"lilac\",\n  sky: \"sky\",\n  success300: \"success300\",\n  destructive300: \"destructive300\",\n  orange: \"orange\",\n  tan: \"tan\",\n  gray370: \"gray370\",\n  gray870: \"gray870\",\n  lilac: \"lilac\",\n  thistle: \"thistle\",\n  pink: \"pink\",\n} as const;\n\nconst badgeColorCambioToClassic = {\n  gray200: \"gray200\",\n  gray900: \"gray900\",\n  destructive700: \"destructive700\",\n  orange700: \"orange700\",\n  yellow700: \"yellow700\",\n  success700: \"success700\",\n  primary700: \"primary700\",\n  purple700: \"purple700\",\n  sky: \"primary700\",\n  success300: \"success700\",\n  destructive300: \"destructive700\",\n  orange: \"orange700\",\n  tan: \"yellow700\",\n  gray370: \"gray200\",\n  gray870: \"gray900\",\n  lilac: \"purple700\",\n  thistle: \"purple700\",\n  pink: \"purple700\",\n} as const;\n\nconst textColorForBackgroundColor = (\n  color: (typeof badgeColorClassic)[number] | (typeof badgeColorCambio)[number],\n): \"gray900\" | \"white\" => {\n  switch (color) {\n    case \"gray200\":\n    case \"yellow700\":\n      return \"gray900\";\n    case \"gray370\":\n    case \"destructive300\":\n    case \"orange\":\n    case \"tan\":\n    case \"success300\":\n    case \"sky\":\n    case \"thistle\":\n    case \"pink\":\n    case \"lilac\":\n      return \"gray900\";\n    default:\n      return \"white\";\n  }\n};\n\n/**\n * [Badge](https://cambly-syntax.vercel.app/?path=/docs/components-badge--docs) is a component to display short text and give additional context to features and other components.\n */\nconst Badge = ({\n  icon: Icon,\n  text,\n  color = \"primary700\",\n}: {\n  /**\n   * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The text to display inside the badge\n   */\n  text: string;\n  /**\n   * The color of the badge\n   *\n   * Classic colors:\n   * * `gray200` => maps to neutralLight in Cambio\n   * * `gray900` => maps to neutralDark in Cambio\n   * * `destructive700` => maps to destructive in Cambio\n   * * `orange700` => maps to orange in Cambio\n   * * `yellow700` => maps to tan in Cambio\n   * * `success700` => maps to success in Cambio\n   * * `primary700` => maps to sky in Cambio\n   * * `purple700` => maps to lilac in Cambio\n   *\n   * Cambio colors:\n   * * `sky`\n   * * `success300`\n   * * `destructive300`\n   * * `orange`\n   * * `tan`\n   * * `gray370`\n   * * `gray870`\n   * * `lilac`\n   * * `thistle`\n   * * `pink`\n   *\n   * @defaultValue \"primary700\"\n   */\n  color?:\n    | (typeof badgeColorClassic)[number]\n    | (typeof badgeColorCambio)[number];\n}): JSX.Element => {\n  const { themeName } = useTheme();\n\n  const mappedColor =\n    themeName === \"cambio\"\n      ? badgeColorClassicToCambio[color]\n      : badgeColorCambioToClassic[color];\n\n  return (\n    <Box\n      display={themeName === \"classic\" ? \"inlineBlock\" : \"inlineFlex\"}\n      paddingX={themeName === \"classic\" ? 2 : 3}\n      paddingY={1}\n      rounding={themeName === \"classic\" ? \"full\" : \"sm\"}\n      backgroundColor={mappedColor}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      height={themeName === \"cambio\" ? 32 : undefined}\n    >\n      <Typography color={textColorForBackgroundColor(mappedColor)}>\n        <Box display=\"flex\" gap={1} alignItems=\"center\" justifyContent=\"start\">\n          {Icon && <Icon className={styles.icon} />}\n          <Typography\n            color={textColorForBackgroundColor(mappedColor)}\n            size={100}\n            weight={themeName === \"classic\" ? \"bold\" : \"medium\"}\n          >\n            {text}\n          </Typography>\n        </Box>\n      </Typography>\n    </Box>\n  );\n};\n\nexport default Badge;\n"],"mappings":";;;;;;;;;;;;AAA0F,IAAO,uBAAQ,EAAC,QAAO,gBAAe;;;AC+JxH,SACW,KADX;AAlIR,IAAM,4BAA4B;AAAA,EAChC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR;AAEA,IAAM,4BAA4B;AAAA,EAChC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR;AAEA,IAAM,8BAA8B,CAClC,UACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,QAAQ,CAAC;AAAA,EACb,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AACV,MAuCmB;AACjB,QAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,QAAM,cACJ,cAAc,WACV,0BAA0B,KAAK,IAC/B,0BAA0B,KAAK;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,cAAc,YAAY,gBAAgB;AAAA,MACnD,UAAU,cAAc,YAAY,IAAI;AAAA,MACxC,UAAU;AAAA,MACV,UAAU,cAAc,YAAY,SAAS;AAAA,MAC7C,iBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAQ,cAAc,WAAW,KAAK;AAAA,MAEtC,8BAAC,sBAAW,OAAO,4BAA4B,WAAW,GACxD,+BAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,YAAW,UAAS,gBAAe,SAC5D;AAAA,gBAAQ,oBAAC,QAAK,WAAW,qBAAO,MAAM;AAAA,QACvC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,4BAA4B,WAAW;AAAA,YAC9C,MAAM;AAAA,YACN,QAAQ,cAAc,YAAY,SAAS;AAAA,YAE1C;AAAA;AAAA,QACH;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/__chunks/PKBQW5T6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":";;;;;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAkFD;AAhEN,IAAM,qBAAqB,cAA6C,IAAI;AAErE,SAAS,iBAAgD;AAC9D,QAAM,UAAU,WAAW,kBAAkB;AAC7C,SAAO,CAAC,UAAU,OAAO;AAC3B;AAgBe,SAAR,YAA6B;AAAA,EAClC,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AACF,GAiCiB;AACf,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAM,aAAa,cAAc,YAAY,SAAS,OAAO,OAAO;AAEpE,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,MAAM,YAAY,YAAY,GAClE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,gBAAgB,gBAAgB,aAAa,UAAU;AAAA,MACvD,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,eAAe,gBAAgB,aAAa,QAAQ;AAAA,QACtD;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,YAAY,cAAc","sourcesContent":["import {\n  type ReactNode,\n  createContext,\n  useContext,\n  type ReactElement,\n} from \"react\";\nimport Box from \"../Box/Box\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\ntype Size =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  /* `xl` is deprecated and mapped to `lg` in Cambio */\n  | \"xl\";\ntype Orientation = \"standard\" | \"reverse\";\n\ntype AvatarGroupContextType = {\n  size: Size;\n  orientation: Orientation;\n};\n\nconst AvatarGroupContext = createContext<AvatarGroupContextType | null>(null);\n\nexport function useAvatarGroup(): AvatarGroupContextType | null {\n  const context = useContext(AvatarGroupContext);\n  return !context ? null : context;\n}\n\n/**\n * [AvatarGroup](https://cambly-syntax.vercel.app/?path=/docs/components-avatargroup--docs) is a stack of avatars to represent a group of people\n *\n * Pass in Avatar components as children to the AvatarGroup component. The size prop that is passed into the AvatarGroup component will override Avatar's size prop..\n *\n * Usage:\n *\n * <AvatarGroup size=\"xl\" orientation=\"standard\">\n *   <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n *   <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n *   <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n * </AvatarGroup>\n *\n */\nexport default function AvatarGroup({\n  size = \"md\",\n  orientation = \"standard\",\n  children,\n}: {\n  /**\n   * Size of the avatars in the AvatarGroup.\n   *\n   * Classic:\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * Cambio:\n   * * `xs`: 24px (Cambio only)\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   * * `xl`: 64px (deprecated, maps to `lg` in Cambio)\n   *\n   * @defaultValue `md`\n   */\n  size?: Size;\n  /**\n   * Orientation of the AvatarGroup.\n   * This describes the order of rendering of the Avatar components.\n   * Standard renders the Avatar components with the right component on top.\n   * Reverse renders the Avatar components with the left component on top.\n   *\n   * @defaultValue `standard`\n   */\n  orientation?: Orientation;\n  /**\n   * Avatars to be rendered within the AvatarGroup.\n   */\n  children: ReactNode;\n}): ReactElement {\n  const { themeName } = useTheme();\n  const parsedSize = themeName === \"cambio\" && size === \"xl\" ? \"lg\" : size;\n\n  return (\n    <AvatarGroupContext.Provider value={{ size: parsedSize, orientation }}>\n      <Box\n        display=\"flex\"\n        justifyContent={orientation === \"standard\" ? \"start\" : \"end\"}\n        dangerouslySetInlineStyle={{\n          __style: {\n            flexDirection: orientation === \"standard\" ? \"row\" : \"row-reverse\",\n          },\n        }}\n      >\n        {children}\n      </Box>\n    </AvatarGroupContext.Provider>\n  );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"]}

package/dist/__chunks/Q4HTXMNF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import {\n  type ReactNode,\n  createContext,\n  useContext,\n  type ReactElement,\n} from \"react\";\nimport Box from \"../Box/Box\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\ntype Size =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  /* `xl` is deprecated and mapped to `lg` in Cambio */\n  | \"xl\";\ntype Orientation = \"standard\" | \"reverse\";\n\ntype AvatarGroupContextType = {\n  size: Size;\n  orientation: Orientation;\n};\n\nconst AvatarGroupContext = createContext<AvatarGroupContextType | null>(null);\n\nexport function useAvatarGroup(): AvatarGroupContextType | null {\n  const context = useContext(AvatarGroupContext);\n  return !context ? null : context;\n}\n\n/**\n * [AvatarGroup](https://cambly-syntax.vercel.app/?path=/docs/components-avatargroup--docs) is a stack of avatars to represent a group of people\n *\n * Pass in Avatar components as children to the AvatarGroup component. The size prop that is passed into the AvatarGroup component will override Avatar's size prop..\n *\n * Usage:\n *\n * <AvatarGroup size=\"xl\" orientation=\"standard\">\n *   <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n *   <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n *   <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n * </AvatarGroup>\n *\n */\nexport default function AvatarGroup({\n  size = \"md\",\n  orientation = \"standard\",\n  children,\n}: {\n  /**\n   * Size of the avatars in the AvatarGroup.\n   *\n   * Classic:\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * Cambio:\n   * * `xs`: 24px (Cambio only)\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   * * `xl`: 64px (deprecated, maps to `lg` in Cambio)\n   *\n   * @defaultValue `md`\n   */\n  size?: Size;\n  /**\n   * Orientation of the AvatarGroup.\n   * This describes the order of rendering of the Avatar components.\n   * Standard renders the Avatar components with the right component on top.\n   * Reverse renders the Avatar components with the left component on top.\n   *\n   * @defaultValue `standard`\n   */\n  orientation?: Orientation;\n  /**\n   * Avatars to be rendered within the AvatarGroup.\n   */\n  children: ReactNode;\n}): ReactElement {\n  const { themeName } = useTheme();\n  const parsedSize = themeName === \"cambio\" && size === \"xl\" ? \"lg\" : size;\n\n  return (\n    <AvatarGroupContext.Provider value={{ size: parsedSize, orientation }}>\n      <Box\n        display=\"flex\"\n        justifyContent={orientation === \"standard\" ? \"start\" : \"end\"}\n        dangerouslySetInlineStyle={{\n          __style: {\n            flexDirection: orientation === \"standard\" ? \"row\" : \"row-reverse\",\n          },\n        }}\n      >\n        {children}\n      </Box>\n    </AvatarGroupContext.Provider>\n  );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":";;;;;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAkFD;AAhEN,IAAM,qBAAqB,cAA6C,IAAI;AAErE,SAAS,iBAAgD;AAC9D,QAAM,UAAU,WAAW,kBAAkB;AAC7C,SAAO,CAAC,UAAU,OAAO;AAC3B;AAgBe,SAAR,YAA6B;AAAA,EAClC,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AACF,GAiCiB;AACf,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAM,aAAa,cAAc,YAAY,SAAS,OAAO,OAAO;AAEpE,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,MAAM,YAAY,YAAY,GAClE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,gBAAgB,gBAAgB,aAAa,UAAU;AAAA,MACvD,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,eAAe,gBAAgB,aAAa,QAAQ;AAAA,QACtD;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,YAAY,cAAc;","names":[]}

package/dist/__chunks/QAS3KERZ.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// css-module:../colors/colors.module.css#css-module
-var colors_module_default = { "inheritColor": "_inheritColor_rzcwj_2", "destructive700Color": "_destructive700Color_rzcwj_6", "gray700Color": "_gray700Color_rzcwj_10", "gray900Color": "_gray900Color_rzcwj_14", "primary700Color": "_primary700Color_rzcwj_18", "success700Color": "_success700Color_rzcwj_22", "whiteColor": "_whiteColor_rzcwj_26", "blackBackgroundColor": "_blackBackgroundColor_rzcwj_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_rzcwj_35", "destructive200BackgroundColor": "_destructive200BackgroundColor_rzcwj_39", "destructive300BackgroundColor": "_destructive300BackgroundColor_rzcwj_43", "destructive700BackgroundColor": "_destructive700BackgroundColor_rzcwj_47", "destructive800BackgroundColor": "_destructive800BackgroundColor_rzcwj_51", "destructive900BackgroundColor": "_destructive900BackgroundColor_rzcwj_55", "gray10BackgroundColor": "_gray10BackgroundColor_rzcwj_59", "gray30BackgroundColor": "_gray30BackgroundColor_rzcwj_63", "gray60BackgroundColor": "_gray60BackgroundColor_rzcwj_67", "gray80BackgroundColor": "_gray80BackgroundColor_rzcwj_71", "gray100BackgroundColor": "_gray100BackgroundColor_rzcwj_75", "gray200BackgroundColor": "_gray200BackgroundColor_rzcwj_79", "gray300BackgroundColor": "_gray300BackgroundColor_rzcwj_83", "gray700BackgroundColor": "_gray700BackgroundColor_rzcwj_87", "gray800BackgroundColor": "_gray800BackgroundColor_rzcwj_91", "gray900BackgroundColor": "_gray900BackgroundColor_rzcwj_95", "orange100BackgroundColor": "_orange100BackgroundColor_rzcwj_99", "orange200BackgroundColor": "_orange200BackgroundColor_rzcwj_103", "orange300BackgroundColor": "_orange300BackgroundColor_rzcwj_107", "orange700BackgroundColor": "_orange700BackgroundColor_rzcwj_111", "orange800BackgroundColor": "_orange800BackgroundColor_rzcwj_115", "orange900BackgroundColor": "_orange900BackgroundColor_rzcwj_119", "primary100BackgroundColor": "_primary100BackgroundColor_rzcwj_123", "primary200BackgroundColor": "_primary200BackgroundColor_rzcwj_127", "primary300BackgroundColor": "_primary300BackgroundColor_rzcwj_131", "primary700BackgroundColor": "_primary700BackgroundColor_rzcwj_135", "primary800BackgroundColor": "_primary800BackgroundColor_rzcwj_139", "primary900BackgroundColor": "_primary900BackgroundColor_rzcwj_143", "success100BackgroundColor": "_success100BackgroundColor_rzcwj_147", "success200BackgroundColor": "_success200BackgroundColor_rzcwj_151", "success300BackgroundColor": "_success300BackgroundColor_rzcwj_155", "success700BackgroundColor": "_success700BackgroundColor_rzcwj_159", "success800BackgroundColor": "_success800BackgroundColor_rzcwj_163", "success900BackgroundColor": "_success900BackgroundColor_rzcwj_167", "purple100BackgroundColor": "_purple100BackgroundColor_rzcwj_171", "purple200BackgroundColor": "_purple200BackgroundColor_rzcwj_175", "purple300BackgroundColor": "_purple300BackgroundColor_rzcwj_179", "purple700BackgroundColor": "_purple700BackgroundColor_rzcwj_183", "purple800BackgroundColor": "_purple800BackgroundColor_rzcwj_187", "purple900BackgroundColor": "_purple900BackgroundColor_rzcwj_191", "whiteBackgroundColor": "_whiteBackgroundColor_rzcwj_195", "yellow100BackgroundColor": "_yellow100BackgroundColor_rzcwj_199", "yellow200BackgroundColor": "_yellow200BackgroundColor_rzcwj_203", "yellow300BackgroundColor": "_yellow300BackgroundColor_rzcwj_207", "yellow700BackgroundColor": "_yellow700BackgroundColor_rzcwj_211", "yellow800BackgroundColor": "_yellow800BackgroundColor_rzcwj_215", "yellow900BackgroundColor": "_yellow900BackgroundColor_rzcwj_219", "cambioBlackColor": "_cambioBlackColor_rzcwj_224", "cambioWhiteColor": "_cambioWhiteColor_rzcwj_228", "cambioGray100Color": "_cambioGray100Color_rzcwj_232", "cambioGray200Color": "_cambioGray200Color_rzcwj_236", "cambioGray300Color": "_cambioGray300Color_rzcwj_240", "cambioGray370Color": "_cambioGray370Color_rzcwj_244", "cambioGray700Color": "_cambioGray700Color_rzcwj_248", "cambioGray800Color": "_cambioGray800Color_rzcwj_252", "cambioGray870Color": "_cambioGray870Color_rzcwj_256", "cambioGray900Color": "_cambioGray900Color_rzcwj_260", "cambioDestructive100Color": "_cambioDestructive100Color_rzcwj_264", "cambioDestructive300Color": "_cambioDestructive300Color_rzcwj_268", "cambioDestructive370Color": "_cambioDestructive370Color_rzcwj_272", "cambioDestructive700Color": "_cambioDestructive700Color_rzcwj_276", "cambioDestructive770Color": "_cambioDestructive770Color_rzcwj_280", "cambioDestructive900Color": "_cambioDestructive900Color_rzcwj_284", "cambioSuccess100Color": "_cambioSuccess100Color_rzcwj_288", "cambioSuccess300Color": "_cambioSuccess300Color_rzcwj_292", "cambioSuccess370Color": "_cambioSuccess370Color_rzcwj_296", "cambioSuccess700Color": "_cambioSuccess700Color_rzcwj_300", "cambioSuccess770Color": "_cambioSuccess770Color_rzcwj_304", "cambioSuccess900Color": "_cambioSuccess900Color_rzcwj_308", "cambioRedColor": "_cambioRedColor_rzcwj_312", "cambioOrangeColor": "_cambioOrangeColor_rzcwj_316", "cambioTanColor": "_cambioTanColor_rzcwj_320", "cambioCreamColor": "_cambioCreamColor_rzcwj_324", "cambioPurpleColor": "_cambioPurpleColor_rzcwj_328", "cambioLilacColor": "_cambioLilacColor_rzcwj_332", "cambioThistleColor": "_cambioThistleColor_rzcwj_336", "cambioPinkColor": "_cambioPinkColor_rzcwj_340", "cambioNavyColor": "_cambioNavyColor_rzcwj_344", "cambioTealColor": "_cambioTealColor_rzcwj_348", "cambioSlateColor": "_cambioSlateColor_rzcwj_352", "cambioSkyColor": "_cambioSkyColor_rzcwj_356", "cambioYellow700Color": "_cambioYellow700Color_rzcwj_360", "cambioTransparentFullBackgroundColor": "_cambioTransparentFullBackgroundColor_rzcwj_364", "cambioBlackBackgroundColor": "_cambioBlackBackgroundColor_rzcwj_368", "cambioWhiteBackgroundColor": "_cambioWhiteBackgroundColor_rzcwj_372", "cambioGray100BackgroundColor": "_cambioGray100BackgroundColor_rzcwj_376", "cambioGray200BackgroundColor": "_cambioGray200BackgroundColor_rzcwj_380", "cambioGray300BackgroundColor": "_cambioGray300BackgroundColor_rzcwj_384", "gray370BackgroundColor": "_gray370BackgroundColor_rzcwj_388", "cambioGray370BackgroundColor": "_cambioGray370BackgroundColor_rzcwj_392", "cambioGray700BackgroundColor": "_cambioGray700BackgroundColor_rzcwj_396", "cambioGray800BackgroundColor": "_cambioGray800BackgroundColor_rzcwj_400", "gray870BackgroundColor": "_gray870BackgroundColor_rzcwj_404", "cambioGray870BackgroundColor": "_cambioGray870BackgroundColor_rzcwj_408", "cambioGray900BackgroundColor": "_cambioGray900BackgroundColor_rzcwj_412", "cambioDestructive100BackgroundColor": "_cambioDestructive100BackgroundColor_rzcwj_416", "cambioDestructive300BackgroundColor": "_cambioDestructive300BackgroundColor_rzcwj_420", "cambioDestructive370BackgroundColor": "_cambioDestructive370BackgroundColor_rzcwj_424", "cambioDestructive700BackgroundColor": "_cambioDestructive700BackgroundColor_rzcwj_428", "cambioDestructive770BackgroundColor": "_cambioDestructive770BackgroundColor_rzcwj_432", "cambioDestructive900BackgroundColor": "_cambioDestructive900BackgroundColor_rzcwj_436", "cambioSuccess100BackgroundColor": "_cambioSuccess100BackgroundColor_rzcwj_440", "cambioSuccess300BackgroundColor": "_cambioSuccess300BackgroundColor_rzcwj_444", "cambioSuccess370BackgroundColor": "_cambioSuccess370BackgroundColor_rzcwj_448", "cambioSuccess700BackgroundColor": "_cambioSuccess700BackgroundColor_rzcwj_452", "cambioSuccess770BackgroundColor": "_cambioSuccess770BackgroundColor_rzcwj_456", "cambioSuccess900BackgroundColor": "_cambioSuccess900BackgroundColor_rzcwj_460", "redBackgroundColor": "_redBackgroundColor_rzcwj_464", "cambioRedBackgroundColor": "_cambioRedBackgroundColor_rzcwj_468", "orangeBackgroundColor": "_orangeBackgroundColor_rzcwj_472", "cambioOrangeBackgroundColor": "_cambioOrangeBackgroundColor_rzcwj_476", "tanBackgroundColor": "_tanBackgroundColor_rzcwj_480", "cambioTanBackgroundColor": "_cambioTanBackgroundColor_rzcwj_484", "creamBackgroundColor": "_creamBackgroundColor_rzcwj_488", "cambioCreamBackgroundColor": "_cambioCreamBackgroundColor_rzcwj_492", "purpleBackgroundColor": "_purpleBackgroundColor_rzcwj_496", "cambioPurpleBackgroundColor": "_cambioPurpleBackgroundColor_rzcwj_500", "lilacBackgroundColor": "_lilacBackgroundColor_rzcwj_504", "cambioLilacBackgroundColor": "_cambioLilacBackgroundColor_rzcwj_508", "thistleBackgroundColor": "_thistleBackgroundColor_rzcwj_512", "cambioThistleBackgroundColor": "_cambioThistleBackgroundColor_rzcwj_516", "pinkBackgroundColor": "_pinkBackgroundColor_rzcwj_520", "cambioPinkBackgroundColor": "_cambioPinkBackgroundColor_rzcwj_524", "navyBackgroundColor": "_navyBackgroundColor_rzcwj_528", "cambioNavyBackgroundColor": "_cambioNavyBackgroundColor_rzcwj_532", "tealBackgroundColor": "_tealBackgroundColor_rzcwj_536", "cambioTealBackgroundColor": "_cambioTealBackgroundColor_rzcwj_540", "slateBackgroundColor": "_slateBackgroundColor_rzcwj_544", "cambioSlateBackgroundColor": "_cambioSlateBackgroundColor_rzcwj_548", "skyBackgroundColor": "_skyBackgroundColor_rzcwj_552", "cambioSkyBackgroundColor": "_cambioSkyBackgroundColor_rzcwj_556", "cambioYellow700BackgroundColor": "_cambioYellow700BackgroundColor_rzcwj_560" };
-
-
-
-exports.colors_module_default = colors_module_default;
-//# sourceMappingURL=QAS3KERZ.cjs.map

package/dist/__chunks/QAS3KERZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../colors/colors.module.css#css-module"],"names":[],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,gBAAe,yBAAwB,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,mBAAkB,6BAA4B,mBAAkB,6BAA4B,cAAa,wBAAuB,wBAAuB,kCAAiC,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,4BAA2B,sCAAqC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,oBAAmB,+BAA8B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,kBAAiB,6BAA4B,qBAAoB,gCAA+B,kBAAiB,6BAA4B,oBAAmB,+BAA8B,qBAAoB,gCAA+B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,oBAAmB,+BAA8B,kBAAiB,6BAA4B,wBAAuB,mCAAkC,wCAAuC,mDAAkD,8BAA6B,yCAAwC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,0BAAyB,qCAAoC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,0BAAyB,qCAAoC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,sBAAqB,iCAAgC,4BAA2B,uCAAsC,yBAAwB,oCAAmC,+BAA8B,0CAAyC,sBAAqB,iCAAgC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,yBAAwB,oCAAmC,+BAA8B,0CAAyC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,0BAAyB,qCAAoC,gCAA+B,2CAA0C,uBAAsB,kCAAiC,6BAA4B,wCAAuC,uBAAsB,kCAAiC,6BAA4B,wCAAuC,uBAAsB,kCAAiC,6BAA4B,wCAAuC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,sBAAqB,iCAAgC,4BAA2B,uCAAsC,kCAAiC,4CAA2C","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_rzcwj_2\",\"destructive700Color\":\"_destructive700Color_rzcwj_6\",\"gray700Color\":\"_gray700Color_rzcwj_10\",\"gray900Color\":\"_gray900Color_rzcwj_14\",\"primary700Color\":\"_primary700Color_rzcwj_18\",\"success700Color\":\"_success700Color_rzcwj_22\",\"whiteColor\":\"_whiteColor_rzcwj_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_rzcwj_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_rzcwj_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_rzcwj_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_rzcwj_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_rzcwj_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_rzcwj_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_rzcwj_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_rzcwj_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_rzcwj_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_rzcwj_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_rzcwj_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_rzcwj_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_rzcwj_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_rzcwj_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_rzcwj_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_rzcwj_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_rzcwj_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_rzcwj_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_rzcwj_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_rzcwj_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_rzcwj_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_rzcwj_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_rzcwj_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_rzcwj_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_rzcwj_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_rzcwj_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_rzcwj_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_rzcwj_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_rzcwj_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_rzcwj_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_rzcwj_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_rzcwj_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_rzcwj_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_rzcwj_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_rzcwj_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_rzcwj_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_rzcwj_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_rzcwj_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_rzcwj_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_rzcwj_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_rzcwj_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_rzcwj_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_rzcwj_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_rzcwj_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_rzcwj_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_rzcwj_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_rzcwj_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_rzcwj_219\",\"cambioBlackColor\":\"_cambioBlackColor_rzcwj_224\",\"cambioWhiteColor\":\"_cambioWhiteColor_rzcwj_228\",\"cambioGray100Color\":\"_cambioGray100Color_rzcwj_232\",\"cambioGray200Color\":\"_cambioGray200Color_rzcwj_236\",\"cambioGray300Color\":\"_cambioGray300Color_rzcwj_240\",\"cambioGray370Color\":\"_cambioGray370Color_rzcwj_244\",\"cambioGray700Color\":\"_cambioGray700Color_rzcwj_248\",\"cambioGray800Color\":\"_cambioGray800Color_rzcwj_252\",\"cambioGray870Color\":\"_cambioGray870Color_rzcwj_256\",\"cambioGray900Color\":\"_cambioGray900Color_rzcwj_260\",\"cambioDestructive100Color\":\"_cambioDestructive100Color_rzcwj_264\",\"cambioDestructive300Color\":\"_cambioDestructive300Color_rzcwj_268\",\"cambioDestructive370Color\":\"_cambioDestructive370Color_rzcwj_272\",\"cambioDestructive700Color\":\"_cambioDestructive700Color_rzcwj_276\",\"cambioDestructive770Color\":\"_cambioDestructive770Color_rzcwj_280\",\"cambioDestructive900Color\":\"_cambioDestructive900Color_rzcwj_284\",\"cambioSuccess100Color\":\"_cambioSuccess100Color_rzcwj_288\",\"cambioSuccess300Color\":\"_cambioSuccess300Color_rzcwj_292\",\"cambioSuccess370Color\":\"_cambioSuccess370Color_rzcwj_296\",\"cambioSuccess700Color\":\"_cambioSuccess700Color_rzcwj_300\",\"cambioSuccess770Color\":\"_cambioSuccess770Color_rzcwj_304\",\"cambioSuccess900Color\":\"_cambioSuccess900Color_rzcwj_308\",\"cambioRedColor\":\"_cambioRedColor_rzcwj_312\",\"cambioOrangeColor\":\"_cambioOrangeColor_rzcwj_316\",\"cambioTanColor\":\"_cambioTanColor_rzcwj_320\",\"cambioCreamColor\":\"_cambioCreamColor_rzcwj_324\",\"cambioPurpleColor\":\"_cambioPurpleColor_rzcwj_328\",\"cambioLilacColor\":\"_cambioLilacColor_rzcwj_332\",\"cambioThistleColor\":\"_cambioThistleColor_rzcwj_336\",\"cambioPinkColor\":\"_cambioPinkColor_rzcwj_340\",\"cambioNavyColor\":\"_cambioNavyColor_rzcwj_344\",\"cambioTealColor\":\"_cambioTealColor_rzcwj_348\",\"cambioSlateColor\":\"_cambioSlateColor_rzcwj_352\",\"cambioSkyColor\":\"_cambioSkyColor_rzcwj_356\",\"cambioYellow700Color\":\"_cambioYellow700Color_rzcwj_360\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_rzcwj_364\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_rzcwj_368\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_rzcwj_372\",\"cambioGray100BackgroundColor\":\"_cambioGray100BackgroundColor_rzcwj_376\",\"cambioGray200BackgroundColor\":\"_cambioGray200BackgroundColor_rzcwj_380\",\"cambioGray300BackgroundColor\":\"_cambioGray300BackgroundColor_rzcwj_384\",\"gray370BackgroundColor\":\"_gray370BackgroundColor_rzcwj_388\",\"cambioGray370BackgroundColor\":\"_cambioGray370BackgroundColor_rzcwj_392\",\"cambioGray700BackgroundColor\":\"_cambioGray700BackgroundColor_rzcwj_396\",\"cambioGray800BackgroundColor\":\"_cambioGray800BackgroundColor_rzcwj_400\",\"gray870BackgroundColor\":\"_gray870BackgroundColor_rzcwj_404\",\"cambioGray870BackgroundColor\":\"_cambioGray870BackgroundColor_rzcwj_408\",\"cambioGray900BackgroundColor\":\"_cambioGray900BackgroundColor_rzcwj_412\",\"cambioDestructive100BackgroundColor\":\"_cambioDestructive100BackgroundColor_rzcwj_416\",\"cambioDestructive300BackgroundColor\":\"_cambioDestructive300BackgroundColor_rzcwj_420\",\"cambioDestructive370BackgroundColor\":\"_cambioDestructive370BackgroundColor_rzcwj_424\",\"cambioDestructive700BackgroundColor\":\"_cambioDestructive700BackgroundColor_rzcwj_428\",\"cambioDestructive770BackgroundColor\":\"_cambioDestructive770BackgroundColor_rzcwj_432\",\"cambioDestructive900BackgroundColor\":\"_cambioDestructive900BackgroundColor_rzcwj_436\",\"cambioSuccess100BackgroundColor\":\"_cambioSuccess100BackgroundColor_rzcwj_440\",\"cambioSuccess300BackgroundColor\":\"_cambioSuccess300BackgroundColor_rzcwj_444\",\"cambioSuccess370BackgroundColor\":\"_cambioSuccess370BackgroundColor_rzcwj_448\",\"cambioSuccess700BackgroundColor\":\"_cambioSuccess700BackgroundColor_rzcwj_452\",\"cambioSuccess770BackgroundColor\":\"_cambioSuccess770BackgroundColor_rzcwj_456\",\"cambioSuccess900BackgroundColor\":\"_cambioSuccess900BackgroundColor_rzcwj_460\",\"redBackgroundColor\":\"_redBackgroundColor_rzcwj_464\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_rzcwj_468\",\"orangeBackgroundColor\":\"_orangeBackgroundColor_rzcwj_472\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_rzcwj_476\",\"tanBackgroundColor\":\"_tanBackgroundColor_rzcwj_480\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_rzcwj_484\",\"creamBackgroundColor\":\"_creamBackgroundColor_rzcwj_488\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_rzcwj_492\",\"purpleBackgroundColor\":\"_purpleBackgroundColor_rzcwj_496\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_rzcwj_500\",\"lilacBackgroundColor\":\"_lilacBackgroundColor_rzcwj_504\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_rzcwj_508\",\"thistleBackgroundColor\":\"_thistleBackgroundColor_rzcwj_512\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_rzcwj_516\",\"pinkBackgroundColor\":\"_pinkBackgroundColor_rzcwj_520\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_rzcwj_524\",\"navyBackgroundColor\":\"_navyBackgroundColor_rzcwj_528\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_rzcwj_532\",\"tealBackgroundColor\":\"_tealBackgroundColor_rzcwj_536\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_rzcwj_540\",\"slateBackgroundColor\":\"_slateBackgroundColor_rzcwj_544\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_rzcwj_548\",\"skyBackgroundColor\":\"_skyBackgroundColor_rzcwj_552\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_rzcwj_556\",\"cambioYellow700BackgroundColor\":\"_cambioYellow700BackgroundColor_rzcwj_560\"}"]}

package/dist/__chunks/RVFY33X2.cjs

@@ -1,43 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
-
-
-var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
-
-// css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "buttonGroup": "_buttonGroup_e77bq_1", "horizontal": "_horizontal_e77bq_5", "vertical": "_vertical_e77bq_9", "smallGap": "_smallGap_e77bq_13", "mediumGap": "_mediumGap_e77bq_17", "largeGap": "_largeGap_e77bq_21", "smallGapCambio": "_smallGapCambio_e77bq_25", "mediumGapCambio": "_mediumGapCambio_e77bq_29", "largeGapCambio": "_largeGapCambio_e77bq_33" };
-
-// src/ButtonGroup/ButtonGroup.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _jsxruntime = require('react/jsx-runtime');
-var gapClassic = {
-  sm: ButtonGroup_module_default.smallGap,
-  md: ButtonGroup_module_default.mediumGap,
-  lg: ButtonGroup_module_default.largeGap
-};
-var gapCambio = {
-  sm: ButtonGroup_module_default.smallGapCambio,
-  md: ButtonGroup_module_default.mediumGapCambio,
-  lg: ButtonGroup_module_default.largeGapCambio
-};
-var ButtonGroup = ({
-  orientation = "horizontal",
-  size = "md",
-  children
-}) => {
-  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
-  const classnames = _classnames2.default.call(void 0, 
-    ButtonGroup_module_default.buttonGroup,
-    themeName === "classic" ? gapClassic[size] : gapCambio[size],
-    {
-      [ButtonGroup_module_default.horizontal]: orientation === "horizontal",
-      [ButtonGroup_module_default.vertical]: orientation === "vertical"
-    }
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classnames, children });
-};
-var ButtonGroup_default = ButtonGroup;
-
-
-
-exports.ButtonGroup_default = ButtonGroup_default;
-//# sourceMappingURL=RVFY33X2.cjs.map

package/dist/__chunks/RVFY33X2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:./ButtonGroup.module.css#css-module","../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;;;AAAsG,IAAO,6BAAQ,EAAC,eAAc,wBAAuB,cAAa,uBAAsB,YAAW,qBAAoB,YAAW,sBAAqB,aAAY,uBAAsB,YAAW,sBAAqB,kBAAiB,4BAA2B,mBAAkB,6BAA4B,kBAAiB,2BAA0B;;;ACGpc,OAAO,gBAAgB;AA4Dd;AAzDT,IAAM,aAAa;AAAA,EACjB,IAAI,2BAAO;AAAA,EACX,IAAI,2BAAO;AAAA,EACX,IAAI,2BAAO;AACb;AAEA,IAAM,YAAY;AAAA,EAChB,IAAI,2BAAO;AAAA,EACX,IAAI,2BAAO;AAAA,EACX,IAAI,2BAAO;AACb;AAKA,IAAM,cAAc,CAAC;AAAA,EACnB,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AACF,MA2BoB;AAClB,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAM,aAAa;AAAA,IACjB,2BAAO;AAAA,IACP,cAAc,YAAY,WAAW,IAAI,IAAI,UAAU,IAAI;AAAA,IAC3D;AAAA,MACE,CAAC,2BAAO,UAAU,GAAG,gBAAgB;AAAA,MACrC,CAAC,2BAAO,QAAQ,GAAG,gBAAgB;AAAA,IACrC;AAAA,EACF;AAEA,SAAO,oBAAC,SAAI,WAAW,YAAa,UAAS;AAC/C;AAEA,IAAO,sBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_e77bq_1\",\"horizontal\":\"_horizontal_e77bq_5\",\"vertical\":\"_vertical_e77bq_9\",\"smallGap\":\"_smallGap_e77bq_13\",\"mediumGap\":\"_mediumGap_e77bq_17\",\"largeGap\":\"_largeGap_e77bq_21\",\"smallGapCambio\":\"_smallGapCambio_e77bq_25\",\"mediumGapCambio\":\"_mediumGapCambio_e77bq_29\",\"largeGapCambio\":\"_largeGapCambio_e77bq_33\"}","import { type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { type Size } from \"../constants\";\nimport classNames from \"classnames\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nconst gapClassic = {\n  sm: styles.smallGap,\n  md: styles.mediumGap,\n  lg: styles.largeGap,\n} as const;\n\nconst gapCambio = {\n  sm: styles.smallGapCambio,\n  md: styles.mediumGapCambio,\n  lg: styles.largeGapCambio,\n} as const;\n\n/**\n * [ButtonGroup](https://cambly-syntax.vercel.app/?path=/docs/components-buttongroup--docs) groups buttons in a row or column with consistent spacing between each button.\n */\nconst ButtonGroup = ({\n  orientation = \"horizontal\",\n  size = \"md\",\n  children,\n}: {\n  /**\n   * The orientation of the button group\n   *\n   * @defaultValue \"horizontal\"\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * The size of the button group defines the spacing between each button\n   *\n   * Classic:\n   * * `sm`: 8px\n   * * `md`: 12px\n   * * `lg`: 16px\n   *\n   * Cambio:\n   * * `sm`: 4px\n   * * `md`: 8px\n   * * `lg`: 12px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * Buttons to be rendered inside the button group\n   */\n  children?: ReactNode;\n}): ReactElement => {\n  const { themeName } = useTheme();\n  const classnames = classNames(\n    styles.buttonGroup,\n    themeName === \"classic\" ? gapClassic[size] : gapCambio[size],\n    {\n      [styles.horizontal]: orientation === \"horizontal\",\n      [styles.vertical]: orientation === \"vertical\",\n    },\n  );\n\n  return <div className={classnames}>{children}</div>;\n};\n\nexport default ButtonGroup;\n"]}

package/dist/__chunks/S5QHTHST.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// css-module:../rounding.module.css#css-module
-var rounding_module_default = { "roundingsm": "_roundingsm_1fw7w_2", "roundingmd": "_roundingmd_1fw7w_6", "roundinglg": "_roundinglg_1fw7w_10", "roundingxl": "_roundingxl_1fw7w_14", "roundingfull": "_roundingfull_1fw7w_18", "roundingsmCambio": "_roundingsmCambio_1fw7w_23", "roundingmdCambio": "_roundingmdCambio_1fw7w_27", "roundingfullCambio": "_roundingfullCambio_1fw7w_31" };
-
-
-
-exports.rounding_module_default = rounding_module_default;
-//# sourceMappingURL=S5QHTHST.cjs.map

package/dist/__chunks/S5QHTHST.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../rounding.module.css#css-module"],"names":[],"mappings":";;;AAAuF,IAAO,0BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB,cAAa,wBAAuB,cAAa,wBAAuB,gBAAe,0BAAyB,oBAAmB,8BAA6B,oBAAmB,8BAA6B,sBAAqB,+BAA8B","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css\"; export default {\"roundingsm\":\"_roundingsm_1fw7w_2\",\"roundingmd\":\"_roundingmd_1fw7w_6\",\"roundinglg\":\"_roundinglg_1fw7w_10\",\"roundingxl\":\"_roundingxl_1fw7w_14\",\"roundingfull\":\"_roundingfull_1fw7w_18\",\"roundingsmCambio\":\"_roundingsmCambio_1fw7w_23\",\"roundingmdCambio\":\"_roundingmdCambio_1fw7w_27\",\"roundingfullCambio\":\"_roundingfullCambio_1fw7w_31\"}"]}

package/dist/__chunks/SHHN3SRR.js

@@ -1,9 +0,0 @@
-"use client"
-
-// css-module:../rounding.module.css#css-module
-var rounding_module_default = { "roundingsm": "_roundingsm_1fw7w_2", "roundingmd": "_roundingmd_1fw7w_6", "roundinglg": "_roundinglg_1fw7w_10", "roundingxl": "_roundingxl_1fw7w_14", "roundingfull": "_roundingfull_1fw7w_18", "roundingsmCambio": "_roundingsmCambio_1fw7w_23", "roundingmdCambio": "_roundingmdCambio_1fw7w_27", "roundingfullCambio": "_roundingfullCambio_1fw7w_31" };
-
-export {
-  rounding_module_default
-};
-//# sourceMappingURL=SHHN3SRR.js.map

package/dist/__chunks/SHHN3SRR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../rounding.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css\"; export default {\"roundingsm\":\"_roundingsm_1fw7w_2\",\"roundingmd\":\"_roundingmd_1fw7w_6\",\"roundinglg\":\"_roundinglg_1fw7w_10\",\"roundingxl\":\"_roundingxl_1fw7w_14\",\"roundingfull\":\"_roundingfull_1fw7w_18\",\"roundingsmCambio\":\"_roundingsmCambio_1fw7w_23\",\"roundingmdCambio\":\"_roundingmdCambio_1fw7w_27\",\"roundingfullCambio\":\"_roundingfullCambio_1fw7w_31\"}"],"mappings":";;;AAAuF,IAAO,0BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB,cAAa,wBAAuB,cAAa,wBAAuB,gBAAe,0BAAyB,oBAAmB,8BAA6B,oBAAmB,8BAA6B,sBAAqB,+BAA8B;","names":[]}

package/dist/__chunks/TDR3JRXZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/SelectList/SelectList.tsx","css-module:./SelectList.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactElement,\n  type ReactNode,\n  useId,\n  useState,\n} from \"react\";\nimport Box from \"../Box/Box\";\nimport classNames from \"classnames\";\nimport {\n  ColorBaseDestructive700,\n  ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport styles from \"./SelectList.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport SelectOption from \"./SelectOption\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nconst iconSize = {\n  sm: 20,\n  md: 24,\n  lg: 24,\n} as const;\n\n/**\n * [SelectList](https://cambly-syntax.vercel.app/?path=/docs/components-selectlist--docs) is a dropdown menu that allows users to select one option from a list.\n */\nexport default function SelectList({\n  children,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  errorText,\n  helperText,\n  id,\n  label,\n  onChange,\n  onClick,\n  placeholderText,\n  selectedValue = \"\",\n  size = \"md\",\n}: {\n  /**\n   * One or more SelectList.Option components.\n   */\n  children: ReactNode;\n  /**\n   * Test id for the select element\n   */\n  \"data-testid\"?: string;\n  /**\n   * true if the select dropdown is disabled\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Callback to be called when select is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLSelectElement>;\n  /**\n   * Text shown below select box if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Text shown below select box\n   */\n  helperText?: string;\n  /**\n   * Id of the select element\n   */\n  id?: string;\n  /**\n   * Text shown above select box\n   */\n  label: string;\n  /**\n   * The callback to be called when an option is selected\n   */\n  onChange: React.ChangeEventHandler<HTMLSelectElement>;\n  /**\n   * Text showing in select box if no option has been chosen.\n   * We should always have a placeholder unless there is a default option selected\n   */\n  placeholderText?: string;\n  /**\n   * Value of the currently selected option\n   */\n  selectedValue?: string;\n  /**\n   * Size of the select box\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n}): ReactElement {\n  const reactId = useId();\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const { themeName } = useTheme();\n  const selectId = id ?? reactId;\n  const { isFocusVisible } = useFocusVisible();\n  const [isFocused, setIsFocused] = useState(false);\n\n  return (\n    <div\n      className={classNames(styles.selectContainer, {\n        [styles.opacityOverlay]: disabled,\n      })}\n    >\n      {label && (\n        <label htmlFor={selectId}>\n          <Box paddingX={1}>\n            <Typography size={100} color=\"gray700\">\n              {label}\n            </Typography>\n          </Box>\n        </label>\n      )}\n      <div className={styles.selectWrapper}>\n        <select\n          id={selectId}\n          data-testid={dataTestId}\n          disabled={disabled}\n          className={classNames(\n            styles.selectBox,\n            themeName === \"classic\"\n              ? styles.selectBoxClassic\n              : styles.selectBoxCambio,\n            themeName === \"classic\" && styles[size],\n            {\n              [styles.unselected]: !selectedValue && !errorText,\n              [styles.selected]: selectedValue && !errorText,\n              [themeName === \"classic\"\n                ? styles.selectError\n                : styles.selectErrorCambio]: errorText,\n              [focusStyles.accessibilityOutlineFocus]:\n                isFocused && isFocusVisible, // for focus keyboard\n              [styles.selectMouseFocusStyling]: isFocused && !isFocusVisible, // for focus mouse\n            },\n          )}\n          onChange={onChange}\n          onClick={onClick}\n          value={\n            placeholderText && !selectedValue ? placeholderText : selectedValue\n          }\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n        >\n          {placeholderText && (\n            <option disabled value={placeholderText}>\n              {placeholderText}\n            </option>\n          )}\n          {children}\n        </select>\n        <div className={styles.arrowIcon}>\n          <svg\n            focusable=\"false\"\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            width={themeName === \"classic\" ? iconSize[size] : 24}\n          >\n            <path\n              fill={errorText ? ColorBaseDestructive700 : ColorBaseGray800}\n              d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n            />\n          </svg>\n        </div>\n      </div>\n      {(helperText || errorText) && (\n        <Box paddingX={1}>\n          <Typography\n            size={100}\n            color={errorText ? \"destructive-primary\" : \"gray700\"}\n          >\n            {errorText ? errorText : helperText}\n          </Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nSelectList.Option = SelectOption;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_dwmnw_1\",\"opacityOverlay\":\"_opacityOverlay_dwmnw_7\",\"selectWrapper\":\"_selectWrapper_dwmnw_11\",\"selectBox\":\"_selectBox_dwmnw_16\",\"selectBoxClassic\":\"_selectBoxClassic_dwmnw_32\",\"selectBoxCambio\":\"_selectBoxCambio_dwmnw_37\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_dwmnw_46\",\"unselected\":\"_unselected_dwmnw_51\",\"selected\":\"_selected_dwmnw_55\",\"arrowIcon\":\"_arrowIcon_dwmnw_59\",\"sm\":\"_sm_dwmnw_73\",\"md\":\"_md_dwmnw_79\",\"lg\":\"_lg_dwmnw_85\",\"selectError\":\"_selectError_dwmnw_91\",\"selectErrorCambio\":\"_selectErrorCambio_dwmnw_97\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AAEP,OAAO,gBAAgB;;;ACP6E,IAAO,4BAAQ,EAAC,mBAAkB,4BAA2B,kBAAiB,2BAA0B,iBAAgB,2BAA0B,aAAY,uBAAsB,oBAAmB,8BAA6B,mBAAkB,6BAA4B,2BAA0B,qCAAoC,cAAa,wBAAuB,YAAW,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,eAAc,yBAAwB,qBAAoB,8BAA6B;;;ADoHjqB,cAOJ,YAPI;AAhGZ,IAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAKe,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,OAAO;AACT,GAwDiB;AACf,QAAM,UAAU,MAAM;AACtB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAM,WAAW,kBAAM;AACvB,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,0BAAO,iBAAiB;AAAA,QAC5C,CAAC,0BAAO,cAAc,GAAG;AAAA,MAC3B,CAAC;AAAA,MAEA;AAAA,iBACC,oBAAC,WAAM,SAAS,UACd,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF,GACF;AAAA,QAEF,qBAAC,SAAI,WAAW,0BAAO,eACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,eAAa;AAAA,cACb;AAAA,cACA,WAAW;AAAA,gBACT,0BAAO;AAAA,gBACP,cAAc,YACV,0BAAO,mBACP,0BAAO;AAAA,gBACX,cAAc,aAAa,0BAAO,IAAI;AAAA,gBACtC;AAAA,kBACE,CAAC,0BAAO,UAAU,GAAG,CAAC,iBAAiB,CAAC;AAAA,kBACxC,CAAC,0BAAO,QAAQ,GAAG,iBAAiB,CAAC;AAAA,kBACrC,CAAC,cAAc,YACX,0BAAO,cACP,0BAAO,iBAAiB,GAAG;AAAA,kBAC/B,CAAC,qBAAY,yBAAyB,GACpC,aAAa;AAAA;AAAA,kBACf,CAAC,0BAAO,uBAAuB,GAAG,aAAa,CAAC;AAAA;AAAA,gBAClD;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,cACA,OACE,mBAAmB,CAAC,gBAAgB,kBAAkB;AAAA,cAExD,SAAS,MAAM,aAAa,IAAI;AAAA,cAChC,QAAQ,MAAM,aAAa,KAAK;AAAA,cAE/B;AAAA,mCACC,oBAAC,YAAO,UAAQ,MAAC,OAAO,iBACrB,2BACH;AAAA,gBAED;AAAA;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,SAAI,WAAW,0BAAO,WACrB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAAQ;AAAA,cACR,OAAO,cAAc,YAAY,SAAS,IAAI,IAAI;AAAA,cAElD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,YAAY,0BAA0B;AAAA,kBAC5C,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA,UACF,GACF;AAAA,WACF;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,YAAY,wBAAwB;AAAA,YAE1C,sBAAY,YAAY;AAAA;AAAA,QAC3B,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,WAAW,SAAS;","names":[]}

package/dist/__chunks/THYSYYWS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":";;;;;;;;;AAqHI;AAjHJ,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AACF,GAGkC;AAChC,MAAI,cAAc,WAAW,CAAC,KAAK,KAAK,GAAG,EAAE,SAAS,IAAI,GAAG;AAC3D,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,MAgFoB;AAClB,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAM,gBAAgB,CAAC,KAAK,GAAG,EAAE,SAAS,IAAI,IAAI,UAAU;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,QACE,cAAc,YACV,gBACA,aAAa,EAAE,WAAW,KAAK,CAAC;AAAA,MAGrC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ","sourcesContent":["import { type ReactElement, type ReactNode } from \"react\";\nimport Typography from \"../Typography/Typography\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction cambioWeight({\n  fontStyle,\n  size,\n}: {\n  fontStyle: \"serif\" | \"sans-serif\";\n  size: 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n}): \"bold\" | \"medium\" | \"regular\" {\n  if (fontStyle === \"serif\" && [400, 500, 600].includes(size)) {\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 = 500,\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   * Classic:\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * Cambio Mobile:\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   * * `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 500\n   */\n  size?: 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n}): ReactElement => {\n  const { themeName } = useTheme();\n  const classicWeight = [700, 800].includes(size) ? \"heavy\" : \"bold\";\n\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={\n        themeName === \"classic\"\n          ? classicWeight\n          : cambioWeight({ fontStyle, size })\n      }\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n"]}

package/dist/__chunks/UF7SXHS4.js.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"],"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\"}"],"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;","names":["Dialog"]}

package/dist/__chunks/UKLQ64N7.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TapArea/TapArea.tsx","css-module:./TapArea.module.css#css-module"],"names":[],"mappings":"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","sourcesContent":["import React, {\n  type ReactNode,\n  forwardRef,\n  useReducer,\n  type AriaAttributes,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TapArea.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype TapAreaProps = AriaAttributes & {\n  /**\n   * The children to be rendered inside the tap area.\n   */\n  children?: ReactNode;\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * Test id for the tap area\n   */\n  \"data-testid\"?: string;\n  /**\n   * If `true`, the tap area will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the tap area will be full width\n   */\n  fullWidth?: boolean;\n  /**\n   * The callback to be called when the tap area is clicked\n   */\n  onClick: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n  /**\n   * The callback to be called when the tap area is hovered\n   */\n  onMouseEnter?: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n  /**\n   * The callback to be called when the tap area is no longer hovered\n   */\n  onMouseLeave?: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n  /**\n   * Border radius of the tap area.\n   *\n   * * `none`: 0px\n   * * `sm`: 8px\n   * * `md`: 12px\n   * * `lg`: 16px\n   * * `xl`: 32px\n   * * `full`: 999px\n   *\n   * @defaultValue \"none\"\n   */\n  rounding?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"full\" | \"none\";\n  /**\n   * The tab index of the tap area\n   */\n  tabIndex?: 0 | -1;\n};\n\nfunction reducer(\n  state: {\n    hovered: boolean;\n    focussed: boolean;\n  },\n  action: {\n    type: \"BLUR\" | \"FOCUS\" | \"MOUSE_ENTER\" | \"MOUSE_LEAVE\";\n  },\n) {\n  switch (action.type) {\n    case \"BLUR\":\n      return { ...state, focussed: false };\n    case \"FOCUS\":\n      return { ...state, focussed: true };\n    case \"MOUSE_ENTER\":\n      return { ...state, hovered: true };\n    case \"MOUSE_LEAVE\":\n      return { ...state, hovered: false };\n    default:\n      return state;\n  }\n}\n\n/**\n * [TapArea](https://cambly-syntax.vercel.app/?path=/docs/components-taparea--docs) allows components to be clickable and touchable in an accessible way.\n */\nconst TapArea = forwardRef<HTMLDivElement, TapAreaProps>(\n  (\n    {\n      children,\n      accessibilityLabel,\n      \"data-testid\": dataTestId,\n      disabled: disabledProp = false,\n      fullWidth = true,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      rounding = \"none\",\n      tabIndex = 0,\n      ...accessibilityProps\n    }: TapAreaProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const [{ hovered, focussed }, dispatch] = useReducer(reducer, {\n      hovered: false,\n      focussed: false,\n    });\n\n    const handleClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n      if (disabled) {\n        undefined;\n      } else {\n        event.currentTarget.blur();\n        onClick(event);\n      }\n    };\n\n    const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      if (event.key === \"Enter\" || event.key === \" \" || event.key === \"Space\") {\n        event.preventDefault();\n        onClick(event);\n      }\n    };\n\n    const handleOnMouseEnter: React.MouseEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      dispatch({ type: \"MOUSE_ENTER\" });\n      onMouseEnter?.(event);\n    };\n\n    const handleOnMouseLeave: React.MouseEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      dispatch({ type: \"MOUSE_LEAVE\" });\n      onMouseLeave?.(event);\n    };\n\n    const isHoveredOrFocussed = !disabled && (hovered || focussed);\n    const roundingClasses =\n      rounding !== \"none\" && roundingStyles[`rounding${rounding}`];\n\n    return (\n      <div\n        {...accessibilityProps}\n        aria-disabled={disabled || accessibilityProps[\"aria-disabled\"]}\n        aria-label={accessibilityLabel ?? accessibilityProps[\"aria-label\"]}\n        className={classNames(\n          styles.tapArea,\n          styles[`${disabled ? \"disabled\" : \"enabled\"}`],\n          fullWidth && styles.fullWidth,\n          isHoveredOrFocussed && styles.hoveredOrFocussed,\n          roundingClasses,\n        )}\n        data-testid={dataTestId}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n        onFocus={() => dispatch({ type: \"FOCUS\" })}\n        onBlur={() => dispatch({ type: \"BLUR\" })}\n        ref={ref}\n        role=\"button\"\n        tabIndex={disabled ? undefined : tabIndex}\n      >\n        {!disabled && (hovered || focussed) && (\n          <div className={classNames(styles.overlay, roundingClasses)} />\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nTapArea.displayName = \"TapArea\";\n\nexport default TapArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css\"; export default {\"tapArea\":\"_tapArea_g6gkz_1\",\"fullWidth\":\"_fullWidth_g6gkz_5\",\"disabled\":\"_disabled_g6gkz_9\",\"enabled\":\"_enabled_g6gkz_16\",\"overlay\":\"_overlay_g6gkz_29\",\"hoveredOrFocussed\":\"_hoveredOrFocussed_g6gkz_39\"}"]}

package/dist/__chunks/UQY2ELTZ.cjs

@@ -1,64 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-
-var _DTKTTGU5cjs = require('./DTKTTGU5.cjs');
-
-// src/colors/foregroundColor.ts
-function classicForegroundColor(color) {
-  switch (color) {
-    case "secondary":
-    case "tertiary":
-      return _DTKTTGU5cjs.colors_module_default.primary700Color;
-    case "destructive-secondary":
-    case "destructive-tertiary":
-      return _DTKTTGU5cjs.colors_module_default.destructive700Color;
-    case "branded":
-      return _DTKTTGU5cjs.colors_module_default.gray900Color;
-    case "inverse":
-      return _DTKTTGU5cjs.colors_module_default.whiteColor;
-    default:
-      return _DTKTTGU5cjs.colors_module_default.whiteColor;
-  }
-}
-function cambioForegroundColor(color, on) {
-  if (on === "lightBackground") {
-    switch (color) {
-      case "primary":
-      case "success-primary":
-      case "destructive-primary":
-        return _DTKTTGU5cjs.colors_module_default.cambioWhiteColor;
-      case "success-secondary":
-      case "success-tertiary":
-        return _DTKTTGU5cjs.colors_module_default.cambioSuccess900Color;
-      case "destructive-secondary":
-      case "destructive-tertiary":
-        return _DTKTTGU5cjs.colors_module_default.cambioDestructive900Color;
-      default:
-        return _DTKTTGU5cjs.colors_module_default.cambioBlackColor;
-    }
-  } else {
-    switch (color) {
-      case "primary":
-      case "success-primary":
-      case "destructive-primary":
-        return _DTKTTGU5cjs.colors_module_default.cambioBlackColor;
-      case "secondary":
-      case "tertiary":
-        return _DTKTTGU5cjs.colors_module_default.cambioWhiteColor;
-      case "success-secondary":
-      case "success-tertiary":
-        return _DTKTTGU5cjs.colors_module_default.cambioSuccess100Color;
-      case "destructive-secondary":
-      case "destructive-tertiary":
-        return _DTKTTGU5cjs.colors_module_default.cambioDestructive100Color;
-      default:
-        return _DTKTTGU5cjs.colors_module_default.cambioBlackColor;
-    }
-  }
-}
-
-
-
-
-exports.classicForegroundColor = classicForegroundColor; exports.cambioForegroundColor = cambioForegroundColor;
-//# sourceMappingURL=UQY2ELTZ.cjs.map

package/dist/__chunks/UQY2ELTZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/colors/foregroundColor.ts"],"names":[],"mappings":";;;;;;AAGO,SAAS,uBAAuB,OAAuC;AAC5E,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;AAEO,SAAS,sBACd,OACA,IACQ;AACR,MAAI,OAAO,mBAAmB;AAC5B,YAAQ,OAAO;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,OAAO;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF;AACF","sourcesContent":["import { type CambioColor, type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function classicForegroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return styles.primary700Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.destructive700Color;\n    case \"branded\":\n      return styles.gray900Color;\n    case \"inverse\":\n      return styles.whiteColor;\n    default:\n      return styles.whiteColor;\n  }\n}\n\nexport function cambioForegroundColor(\n  color: (typeof CambioColor)[number],\n  on: \"lightBackground\" | \"darkBackground\",\n): string {\n  if (on === \"lightBackground\") {\n    switch (color) {\n      case \"primary\":\n      case \"success-primary\":\n      case \"destructive-primary\":\n        return styles.cambioWhiteColor;\n      case \"success-secondary\":\n      case \"success-tertiary\":\n        return styles.cambioSuccess900Color;\n      case \"destructive-secondary\":\n      case \"destructive-tertiary\":\n        return styles.cambioDestructive900Color;\n      default:\n        return styles.cambioBlackColor;\n    }\n  } else {\n    switch (color) {\n      case \"primary\":\n      case \"success-primary\":\n      case \"destructive-primary\":\n        return styles.cambioBlackColor;\n      case \"secondary\":\n      case \"tertiary\":\n        return styles.cambioWhiteColor;\n      case \"success-secondary\":\n      case \"success-tertiary\":\n        return styles.cambioSuccess100Color;\n      case \"destructive-secondary\":\n      case \"destructive-tertiary\":\n        return styles.cambioDestructive100Color;\n      default: // branded\n        return styles.cambioBlackColor;\n    }\n  }\n}\n"]}