@cambly/syntax-core 10.7.0-beta.1 → 10.8.0

package/dist/__chunks/UDNFWDDK.mjs

@@ -1,36 +0,0 @@
-import {
-  Typography_default
-} from "./BQUP6OTG.mjs";
-
-// src/Heading/Heading.tsx
-import { jsx } from "react/jsx-runtime";
-var Heading = ({
-  align = "start",
-  as = "h1",
-  children,
-  color = "gray900",
-  "data-testid": dataTestId,
-  lineClamp,
-  size = 500
-}) => {
-  const weight = [700, 800].includes(size) ? "heavy" : "bold";
-  return /* @__PURE__ */ jsx(
-    Typography_default,
-    {
-      align,
-      as,
-      color,
-      "data-testid": dataTestId,
-      lineClamp,
-      size,
-      weight,
-      children
-    }
-  );
-};
-var Heading_default = Heading;
-
-export {
-  Heading_default
-};
-//# sourceMappingURL=UDNFWDDK.mjs.map

package/dist/__chunks/UDNFWDDK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Heading/Heading.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode } from \"react\";\nimport { type Color } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\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  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?: (typeof Color)[number];\n  /**\n   * Test id for the text.\n   */\n  \"data-testid\"?: string;\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   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 500\n   */\n  size?: 500 | 600 | 700 | 800;\n}): ReactElement => {\n  const weight = [700, 800].includes(size) ? \"heavy\" : \"bold\";\n  return (\n    <Typography\n      align={align}\n      as={as}\n      color={color}\n      data-testid={dataTestId}\n      lineClamp={lineClamp}\n      size={size}\n      weight={weight}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n"],"mappings":";;;;;AA8DI;AAvDJ,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf;AAAA,EACA,OAAO;AACT,MA4CoB;AAClB,QAAM,SAAS,CAAC,KAAK,GAAG,EAAE,SAAS,IAAI,IAAI,UAAU;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/__chunks/UDYZYOUW.js

@@ -1,111 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _VPGRPGP7js = require('./VPGRPGP7.js');
-
-
-var _PHVABKOKjs = require('./PHVABKOK.js');
-
-
-var _YJ7YDIGBjs = require('./YJ7YDIGB.js');
-
-
-var _OGJDUOWPjs = require('./OGJDUOWP.js');
-
-// src/Checkbox/Checkbox.tsx
-var _react = require('react');
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "mainContainer": "_mainContainer_an7al_1", "inputOverlay": "_inputOverlay_an7al_9", "checkbox": "_checkbox_an7al_17", "disabled": "_disabled_an7al_25", "cursorDisabled": "_cursorDisabled_an7al_29", "cursorEnabled": "_cursorEnabled_an7al_33", "uncheckedBox": "_uncheckedBox_an7al_37", "uncheckedBorder": "_uncheckedBorder_an7al_41", "uncheckedErrorBorder": "_uncheckedErrorBorder_an7al_45", "checkedBox": "_checkedBox_an7al_49", "checkedNonError": "_checkedNonError_an7al_53", "checkedError": "_checkedError_an7al_57", "sm": "_sm_an7al_61", "md": "_md_an7al_67" };
-
-// src/Checkbox/Checkbox.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var typographySize = {
-  sm: 100,
-  md: 200
-};
-var iconWidth = {
-  sm: 12,
-  md: 20
-};
-var Checkbox = ({
-  checked = false,
-  "data-testid": dataTestId,
-  disabled: disabledProp = false,
-  size = "md",
-  label,
-  error = false,
-  onChange
-}) => {
-  const isHydrated = _YJ7YDIGBjs.useIsHydrated.call(void 0, );
-  const disabled = !isHydrated || disabledProp;
-  const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
-  const { isFocusVisible } = _OGJDUOWPjs.useFocusVisible.call(void 0, );
-  const checkboxStyling = _classnames2.default.call(void 0, Checkbox_module_default.checkbox, Checkbox_module_default[size]);
-  const uncheckedStyling = _classnames2.default.call(void 0, checkboxStyling, Checkbox_module_default.uncheckedBox, {
-    [Checkbox_module_default.uncheckedBorder]: !error,
-    [Checkbox_module_default.uncheckedErrorBorder]: error,
-    [_VPGRPGP7js.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
-  });
-  const checkedStyling = _classnames2.default.call(void 0, checkboxStyling, Checkbox_module_default.checkedBox, {
-    [Checkbox_module_default.checkedNonError]: !error,
-    [Checkbox_module_default.checkedError]: error,
-    [_VPGRPGP7js.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
-  });
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "label",
-    {
-      className: _classnames2.default.call(void 0, 
-        Checkbox_module_default.mainContainer,
-        Checkbox_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
-        {
-          [Checkbox_module_default.disabled]: disabled
-        }
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: checked ? checkedStyling : uncheckedStyling, children: checked && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "path",
-          {
-            fill: "#fff",
-            d: "m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z"
-          }
-        ) }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            "data-testid": dataTestId,
-            type: "checkbox",
-            className: _classnames2.default.call(void 0, 
-              Checkbox_module_default.inputOverlay,
-              Checkbox_module_default[size],
-              Checkbox_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`]
-            ),
-            checked,
-            onChange,
-            disabled,
-            onFocus: () => {
-              setIsFocused(true);
-            },
-            onBlur: () => {
-              setIsFocused(false);
-            }
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _PHVABKOKjs.Typography_default,
-          {
-            size: typographySize[size],
-            color: error ? "destructive-primary" : "gray800",
-            children: label
-          }
-        )
-      ]
-    }
-  );
-};
-var Checkbox_default = Checkbox;
-
-
-
-exports.Checkbox_default = Checkbox_default;
-//# sourceMappingURL=UDYZYOUW.js.map

package/dist/__chunks/UHNA3ZGL.js

@@ -1,7 +0,0 @@
-// css-module:../colors/colors.module.css#css-module
-var colors_module_default = { "inheritColor": "_inheritColor_1w781_2", "destructive700Color": "_destructive700Color_1w781_6", "gray700Color": "_gray700Color_1w781_10", "gray900Color": "_gray900Color_1w781_14", "primary700Color": "_primary700Color_1w781_18", "success700Color": "_success700Color_1w781_22", "whiteColor": "_whiteColor_1w781_26", "blackBackgroundColor": "_blackBackgroundColor_1w781_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_1w781_35", "destructive200BackgroundColor": "_destructive200BackgroundColor_1w781_39", "destructive300BackgroundColor": "_destructive300BackgroundColor_1w781_43", "destructive700BackgroundColor": "_destructive700BackgroundColor_1w781_47", "destructive800BackgroundColor": "_destructive800BackgroundColor_1w781_51", "destructive900BackgroundColor": "_destructive900BackgroundColor_1w781_55", "gray10BackgroundColor": "_gray10BackgroundColor_1w781_59", "gray30BackgroundColor": "_gray30BackgroundColor_1w781_63", "gray60BackgroundColor": "_gray60BackgroundColor_1w781_67", "gray80BackgroundColor": "_gray80BackgroundColor_1w781_71", "gray100BackgroundColor": "_gray100BackgroundColor_1w781_75", "gray200BackgroundColor": "_gray200BackgroundColor_1w781_79", "gray300BackgroundColor": "_gray300BackgroundColor_1w781_83", "gray700BackgroundColor": "_gray700BackgroundColor_1w781_87", "gray800BackgroundColor": "_gray800BackgroundColor_1w781_91", "gray900BackgroundColor": "_gray900BackgroundColor_1w781_95", "orange100BackgroundColor": "_orange100BackgroundColor_1w781_99", "orange200BackgroundColor": "_orange200BackgroundColor_1w781_103", "orange300BackgroundColor": "_orange300BackgroundColor_1w781_107", "orange700BackgroundColor": "_orange700BackgroundColor_1w781_111", "orange800BackgroundColor": "_orange800BackgroundColor_1w781_115", "orange900BackgroundColor": "_orange900BackgroundColor_1w781_119", "primary100BackgroundColor": "_primary100BackgroundColor_1w781_123", "primary200BackgroundColor": "_primary200BackgroundColor_1w781_127", "primary300BackgroundColor": "_primary300BackgroundColor_1w781_131", "primary700BackgroundColor": "_primary700BackgroundColor_1w781_135", "primary800BackgroundColor": "_primary800BackgroundColor_1w781_139", "primary900BackgroundColor": "_primary900BackgroundColor_1w781_143", "success100BackgroundColor": "_success100BackgroundColor_1w781_147", "success200BackgroundColor": "_success200BackgroundColor_1w781_151", "success300BackgroundColor": "_success300BackgroundColor_1w781_155", "success700BackgroundColor": "_success700BackgroundColor_1w781_159", "success800BackgroundColor": "_success800BackgroundColor_1w781_163", "success900BackgroundColor": "_success900BackgroundColor_1w781_167", "purple100BackgroundColor": "_purple100BackgroundColor_1w781_171", "purple200BackgroundColor": "_purple200BackgroundColor_1w781_175", "purple300BackgroundColor": "_purple300BackgroundColor_1w781_179", "purple700BackgroundColor": "_purple700BackgroundColor_1w781_183", "purple800BackgroundColor": "_purple800BackgroundColor_1w781_187", "purple900BackgroundColor": "_purple900BackgroundColor_1w781_191", "whiteBackgroundColor": "_whiteBackgroundColor_1w781_195", "yellow100BackgroundColor": "_yellow100BackgroundColor_1w781_199", "yellow200BackgroundColor": "_yellow200BackgroundColor_1w781_203", "yellow300BackgroundColor": "_yellow300BackgroundColor_1w781_207", "yellow700BackgroundColor": "_yellow700BackgroundColor_1w781_211", "yellow800BackgroundColor": "_yellow800BackgroundColor_1w781_215", "yellow900BackgroundColor": "_yellow900BackgroundColor_1w781_219", "cambioBlackColor": "_cambioBlackColor_1w781_224", "cambioWhiteColor": "_cambioWhiteColor_1w781_228", "cambioGray18Color": "_cambioGray18Color_1w781_232", "cambioGray36Color": "_cambioGray36Color_1w781_236", "cambioGray54Color": "_cambioGray54Color_1w781_240", "cambioGray74Color": "_cambioGray74Color_1w781_244", "cambioGray88Color": "_cambioGray88Color_1w781_248", "cambioGray96Color": "_cambioGray96Color_1w781_252", "cambioDestructiveColor": "_cambioDestructiveColor_1w781_256", "cambioSuccessColor": "_cambioSuccessColor_1w781_260", "cambioRedColor": "_cambioRedColor_1w781_264", "cambioOrangeColor": "_cambioOrangeColor_1w781_268", "cambioTanColor": "_cambioTanColor_1w781_272", "cambioCreamColor": "_cambioCreamColor_1w781_276", "cambioPurpleColor": "_cambioPurpleColor_1w781_280", "cambioLilacColor": "_cambioLilacColor_1w781_284", "cambioThistleColor": "_cambioThistleColor_1w781_288", "cambioPinkColor": "_cambioPinkColor_1w781_292", "cambioNavyColor": "_cambioNavyColor_1w781_296", "cambioTealColor": "_cambioTealColor_1w781_300", "cambioSlateColor": "_cambioSlateColor_1w781_304", "cambioSkyColor": "_cambioSkyColor_1w781_308", "cambioYellowColor": "_cambioYellowColor_1w781_312", "cambioTransparentFullBackgroundColor": "_cambioTransparentFullBackgroundColor_1w781_316", "cambioTransparentGray54BackgroundColor": "_cambioTransparentGray54BackgroundColor_1w781_320", "cambioBlackBackgroundColor": "_cambioBlackBackgroundColor_1w781_324", "cambioWhiteBackgroundColor": "_cambioWhiteBackgroundColor_1w781_328", "cambioGray18BackgroundColor": "_cambioGray18BackgroundColor_1w781_332", "cambioGray36BackgroundColor": "_cambioGray36BackgroundColor_1w781_336", "cambioGray54BackgroundColor": "_cambioGray54BackgroundColor_1w781_340", "cambioGray74BackgroundColor": "_cambioGray74BackgroundColor_1w781_344", "cambioGray88BackgroundColor": "_cambioGray88BackgroundColor_1w781_348", "cambioGray96BackgroundColor": "_cambioGray96BackgroundColor_1w781_352", "cambioDestructiveBackgroundColor": "_cambioDestructiveBackgroundColor_1w781_356", "cambioSuccessBackgroundColor": "_cambioSuccessBackgroundColor_1w781_360", "cambioRedBackgroundColor": "_cambioRedBackgroundColor_1w781_364", "cambioOrangeBackgroundColor": "_cambioOrangeBackgroundColor_1w781_368", "cambioTanBackgroundColor": "_cambioTanBackgroundColor_1w781_372", "cambioCreamBackgroundColor": "_cambioCreamBackgroundColor_1w781_376", "cambioPurpleBackgroundColor": "_cambioPurpleBackgroundColor_1w781_380", "cambioLilacBackgroundColor": "_cambioLilacBackgroundColor_1w781_384", "cambioThistleBackgroundColor": "_cambioThistleBackgroundColor_1w781_388", "cambioPinkBackgroundColor": "_cambioPinkBackgroundColor_1w781_392", "cambioNavyBackgroundColor": "_cambioNavyBackgroundColor_1w781_396", "cambioTealBackgroundColor": "_cambioTealBackgroundColor_1w781_400", "cambioSlateBackgroundColor": "_cambioSlateBackgroundColor_1w781_404", "cambioSkyBackgroundColor": "_cambioSkyBackgroundColor_1w781_408", "cambioYellowBackgroundColor": "_cambioYellowBackgroundColor_1w781_412" };
-
-export {
-  colors_module_default
-};
-//# sourceMappingURL=UHNA3ZGL.js.map

package/dist/__chunks/UHNA3ZGL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../colors/colors.module.css#css-module"],"sourcesContent":["import \"/Users/christian/cambly/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_1w781_2\",\"destructive700Color\":\"_destructive700Color_1w781_6\",\"gray700Color\":\"_gray700Color_1w781_10\",\"gray900Color\":\"_gray900Color_1w781_14\",\"primary700Color\":\"_primary700Color_1w781_18\",\"success700Color\":\"_success700Color_1w781_22\",\"whiteColor\":\"_whiteColor_1w781_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_1w781_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_1w781_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_1w781_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_1w781_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_1w781_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_1w781_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_1w781_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_1w781_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_1w781_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_1w781_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_1w781_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_1w781_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_1w781_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_1w781_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_1w781_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_1w781_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_1w781_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_1w781_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_1w781_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_1w781_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_1w781_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_1w781_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_1w781_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_1w781_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_1w781_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_1w781_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_1w781_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_1w781_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_1w781_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_1w781_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_1w781_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_1w781_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_1w781_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_1w781_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_1w781_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_1w781_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_1w781_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_1w781_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_1w781_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_1w781_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_1w781_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_1w781_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_1w781_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_1w781_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_1w781_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_1w781_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_1w781_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_1w781_219\",\"cambioBlackColor\":\"_cambioBlackColor_1w781_224\",\"cambioWhiteColor\":\"_cambioWhiteColor_1w781_228\",\"cambioGray18Color\":\"_cambioGray18Color_1w781_232\",\"cambioGray36Color\":\"_cambioGray36Color_1w781_236\",\"cambioGray54Color\":\"_cambioGray54Color_1w781_240\",\"cambioGray74Color\":\"_cambioGray74Color_1w781_244\",\"cambioGray88Color\":\"_cambioGray88Color_1w781_248\",\"cambioGray96Color\":\"_cambioGray96Color_1w781_252\",\"cambioDestructiveColor\":\"_cambioDestructiveColor_1w781_256\",\"cambioSuccessColor\":\"_cambioSuccessColor_1w781_260\",\"cambioRedColor\":\"_cambioRedColor_1w781_264\",\"cambioOrangeColor\":\"_cambioOrangeColor_1w781_268\",\"cambioTanColor\":\"_cambioTanColor_1w781_272\",\"cambioCreamColor\":\"_cambioCreamColor_1w781_276\",\"cambioPurpleColor\":\"_cambioPurpleColor_1w781_280\",\"cambioLilacColor\":\"_cambioLilacColor_1w781_284\",\"cambioThistleColor\":\"_cambioThistleColor_1w781_288\",\"cambioPinkColor\":\"_cambioPinkColor_1w781_292\",\"cambioNavyColor\":\"_cambioNavyColor_1w781_296\",\"cambioTealColor\":\"_cambioTealColor_1w781_300\",\"cambioSlateColor\":\"_cambioSlateColor_1w781_304\",\"cambioSkyColor\":\"_cambioSkyColor_1w781_308\",\"cambioYellowColor\":\"_cambioYellowColor_1w781_312\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_1w781_316\",\"cambioTransparentGray54BackgroundColor\":\"_cambioTransparentGray54BackgroundColor_1w781_320\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_1w781_324\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_1w781_328\",\"cambioGray18BackgroundColor\":\"_cambioGray18BackgroundColor_1w781_332\",\"cambioGray36BackgroundColor\":\"_cambioGray36BackgroundColor_1w781_336\",\"cambioGray54BackgroundColor\":\"_cambioGray54BackgroundColor_1w781_340\",\"cambioGray74BackgroundColor\":\"_cambioGray74BackgroundColor_1w781_344\",\"cambioGray88BackgroundColor\":\"_cambioGray88BackgroundColor_1w781_348\",\"cambioGray96BackgroundColor\":\"_cambioGray96BackgroundColor_1w781_352\",\"cambioDestructiveBackgroundColor\":\"_cambioDestructiveBackgroundColor_1w781_356\",\"cambioSuccessBackgroundColor\":\"_cambioSuccessBackgroundColor_1w781_360\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_1w781_364\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_1w781_368\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_1w781_372\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_1w781_376\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_1w781_380\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_1w781_384\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_1w781_388\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_1w781_392\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_1w781_396\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_1w781_400\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_1w781_404\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_1w781_408\",\"cambioYellowBackgroundColor\":\"_cambioYellowBackgroundColor_1w781_412\"}"],"mappings":";AAA2F,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,qBAAoB,gCAA+B,qBAAoB,gCAA+B,qBAAoB,gCAA+B,qBAAoB,gCAA+B,qBAAoB,gCAA+B,qBAAoB,gCAA+B,0BAAyB,qCAAoC,sBAAqB,iCAAgC,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,qBAAoB,gCAA+B,wCAAuC,mDAAkD,0CAAyC,qDAAoD,8BAA6B,yCAAwC,8BAA6B,yCAAwC,+BAA8B,0CAAyC,+BAA8B,0CAAyC,+BAA8B,0CAAyC,+BAA8B,0CAAyC,+BAA8B,0CAAyC,+BAA8B,0CAAyC,oCAAmC,+CAA8C,gCAA+B,2CAA0C,4BAA2B,uCAAsC,+BAA8B,0CAAyC,4BAA2B,uCAAsC,8BAA6B,yCAAwC,+BAA8B,0CAAyC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,8BAA6B,yCAAwC,4BAA2B,uCAAsC,+BAA8B,yCAAwC;","names":[]}

package/dist/__chunks/UJX45K4M.js

@@ -1,53 +0,0 @@
-import {
-  Box_default
-} from "./LOTC75LA.js";
-import {
-  Typography_default
-} from "./2DQWGEPP.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 textColorForBackgroundColor = (color) => {
-  switch (color) {
-    case "gray200":
-    case "yellow700":
-      return "gray900";
-    default:
-      return "white";
-  }
-};
-var Badge = ({
-  icon: Icon,
-  text,
-  color = "primary700"
-}) => /* @__PURE__ */ jsx(
-  Box_default,
-  {
-    display: "inlineBlock",
-    paddingX: 2,
-    paddingY: 1,
-    rounding: "full",
-    backgroundColor: color,
-    children: /* @__PURE__ */ jsx(Typography_default, { color: textColorForBackgroundColor(color), size: 100, 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(color),
-          size: 100,
-          weight: "bold",
-          children: text
-        }
-      )
-    ] }) })
-  }
-);
-var Badge_default = Badge;
-
-export {
-  Badge_default
-};
-//# sourceMappingURL=UJX45K4M.js.map

package/dist/__chunks/UJX45K4M.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:./Badge.module.css#css-module","../../src/Badge/Badge.tsx"],"sourcesContent":["import \"/Users/christian/cambly/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\";\n\nconst BadgeColor = [\n  \"gray200\",\n  \"gray900\",\n  \"destructive700\",\n  \"orange700\",\n  \"yellow700\",\n  \"success700\",\n  \"primary700\",\n  \"purple700\",\n] as const;\n\nconst textColorForBackgroundColor = (\n  color: (typeof BadgeColor)[number],\n): \"gray900\" | \"white\" => {\n  switch (color) {\n    case \"gray200\":\n    case \"yellow700\":\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   * @defaultValue \"primary700\"\n   */\n  color?: (typeof BadgeColor)[number];\n}): JSX.Element => (\n  <Box\n    display=\"inlineBlock\"\n    paddingX={2}\n    paddingY={1}\n    rounding=\"full\"\n    backgroundColor={color}\n  >\n    <Typography color={textColorForBackgroundColor(color)} size={100}>\n      <Box display=\"flex\" gap={1} alignItems=\"center\" justifyContent=\"start\">\n        {Icon && <Icon className={styles.icon} />}\n        <Typography\n          color={textColorForBackgroundColor(color)}\n          size={100}\n          weight=\"bold\"\n        >\n          {text}\n        </Typography>\n      </Box>\n    </Typography>\n  </Box>\n);\n\nexport default Badge;\n"],"mappings":";;;;;;;;AAAyF,IAAO,uBAAQ,EAAC,QAAO,gBAAe;;;AC0DzH,SACW,KADX;AA3CN,IAAM,8BAA8B,CAClC,UACwB;AACxB,UAAQ,OAAO;AAAA,IACb,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,MAgBE;AAAA,EAAC;AAAA;AAAA,IACC,SAAQ;AAAA,IACR,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAS;AAAA,IACT,iBAAiB;AAAA,IAEjB,8BAAC,sBAAW,OAAO,4BAA4B,KAAK,GAAG,MAAM,KAC3D,+BAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,YAAW,UAAS,gBAAe,SAC5D;AAAA,cAAQ,oBAAC,QAAK,WAAW,qBAAO,MAAM;AAAA,MACvC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,4BAA4B,KAAK;AAAA,UACxC,MAAM;AAAA,UACN,QAAO;AAAA,UAEN;AAAA;AAAA,MACH;AAAA,OACF,GACF;AAAA;AACF;AAGF,IAAO,gBAAQ;","names":[]}

package/dist/__chunks/UN4EOPMS.cjs

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/ThemeProvider/ThemeProvider.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _jsxruntime = require('react/jsx-runtime');
-var ThemeContext = _react2.default.createContext({
-  themeName: "classic"
-});
-ThemeContext.displayName = "ThemeContext";
-function ThemeProvider({
-  themeName = "classic",
-  children
-}) {
-  const value = _react.useMemo.call(void 0, () => ({ themeName }), [themeName]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThemeContext.Provider, { value, children });
-}
-function useTheme() {
-  return _react2.default.useContext(ThemeContext);
-}
-
-
-
-
-exports.ThemeProvider = ThemeProvider; exports.useTheme = useTheme;
-//# sourceMappingURL=UN4EOPMS.cjs.map

package/dist/__chunks/UN4EOPMS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,eAAe;AAsB3B;AAdJ,IAAM,eAAe,MAAM,cAAqB;AAAA,EAC9C,WAAW;AACb,CAAC;AACD,aAAa,cAAc;AAEZ,SAAR,cAA+B;AAAA,EACpC,YAAY;AAAA,EACZ;AACF,GAGuB;AACrB,QAAM,QAAQ,QAAQ,OAAO,EAAE,UAAU,IAAI,CAAC,SAAS,CAAC;AACxD,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAe,UAAS;AAEnD;AAEO,SAAS,WAAkB;AAChC,SAAO,MAAM,WAAW,YAAY;AACtC","sourcesContent":["import React, { useMemo } from \"react\";\n\ntype ThemeName = \"classic\" | \"cambio\";\n\ntype Theme = {\n  themeName: ThemeName;\n};\n\nconst ThemeContext = React.createContext<Theme>({\n  themeName: \"classic\",\n});\nThemeContext.displayName = \"ThemeContext\";\n\nexport default function ThemeProvider({\n  themeName = \"classic\",\n  children,\n}: {\n  themeName: ThemeName;\n  children: React.ReactNode;\n}): React.ReactElement {\n  const value = useMemo(() => ({ themeName }), [themeName]);\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n}\n\nexport function useTheme(): Theme {\n  return React.useContext(ThemeContext);\n}\n"]}

package/dist/__chunks/USJPERI4.js

@@ -1,58 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _3OXEYQS2js = require('./3OXEYQS2.js');
-
-
-var _LULBCTQRjs = require('./LULBCTQR.js');
-
-// src/Avatar/Avatar.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "avatar": "_avatar_1anoj_5", "sm": "_sm_1anoj_13", "md": "_md_1anoj_18", "lg": "_lg_1anoj_23", "xl": "_xl_1anoj_28" };
-
-// src/Avatar/Avatar.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var sizeToIconStyles = {
-  sm: { bottom: 8, marginInlineEnd: 0, height: 4, width: 4 },
-  md: { bottom: 8, marginInlineEnd: 0, height: 8, width: 8 },
-  lg: { bottom: 8, marginInlineEnd: 4, height: 12, width: 12 },
-  xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 }
-};
-var Avatar = ({
-  accessibilityLabel,
-  icon,
-  size = "md",
-  src
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: Avatar_module_default[size], children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "img",
-      {
-        alt: accessibilityLabel,
-        src,
-        className: _classnames2.default.call(void 0, Avatar_module_default.avatar, Avatar_module_default[size])
-      }
-    ),
-    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3OXEYQS2js.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _3OXEYQS2js.Box_default,
-      {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        position: "absolute",
-        dangerouslySetInlineStyle: {
-          __style: _LULBCTQRjs.__spreadValues.call(void 0, { border: "1px solid white" }, sizeToIconStyles[size])
-        },
-        rounding: "full",
-        children: icon
-      }
-    ) })
-  ] });
-};
-var Avatar_default = Avatar;
-
-
-
-exports.Avatar_default = Avatar_default;
-//# sourceMappingURL=USJPERI4.js.map

package/dist/__chunks/USJPERI4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module"],"names":[],"mappings":";;;;;;;;AAAA,OAAO,gBAAgB;;;ACAoE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,MAAK,eAAc;;;AD8CjN,SACE,KADF;AA1CJ,IAAM,mBAAmB;AAAA,EACvB,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,IAAI,OAAO,GAAG;AAAA,EAC3D,IAAI,EAAE,QAAQ,IAAI,iBAAiB,IAAI,QAAQ,IAAI,OAAO,GAAG;AAC/D;AAKA,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAyBmB;AACjB,SACE,qBAAC,SAAI,WAAW,sBAAO,IAAI,GACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,WAAW,WAAW,sBAAO,QAAQ,sBAAO,IAAI,CAAC;AAAA;AAAA,IACnD;AAAA,IACC,QACC,oBAAC,eAAI,SAAQ,QAAO,UAAS,YAAW,gBAAe,OACrD;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAW;AAAA,QACX,gBAAe;AAAA,QACf,UAAS;AAAA,QACT,2BAA2B;AAAA,UACzB,SAAS,iBAAE,QAAQ,qBAAsB,iBAAiB,IAAI;AAAA,QAChE;AAAA,QACA,UAAS;AAAA,QAER;AAAA;AAAA,IACH,GACF;AAAA,KAEJ;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\nimport Box from \"../Box/Box\";\n\nconst sizeToIconStyles = {\n  sm: { bottom: 8, marginInlineEnd: 0, height: 4, width: 4 },\n  md: { bottom: 8, marginInlineEnd: 0, height: 8, width: 8 },\n  lg: { bottom: 8, marginInlineEnd: 4, height: 12, width: 12 },\n  xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 },\n} as const;\n\n/**\n * [Avatar](https://cambly-syntax.vercel.app/?path=/docs/components-avatar--docs) is a circular image that represents a user.\n */\nconst Avatar = ({\n  accessibilityLabel,\n  icon,\n  size = \"md\",\n  src,\n}: {\n  /**\n   * Alt text to use for the image.\n   * This should describe the image to people using screen readers.\n   */\n  accessibilityLabel: string;\n  /**\n   * optional icon that appears on the bottom corner of the avatar\n   */\n  icon?: React.ReactElement;\n  /**\n   * Size of the avatar.\n   *\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\n}): JSX.Element => {\n  return (\n    <div className={styles[size]}>\n      <img\n        alt={accessibilityLabel}\n        src={src}\n        className={classNames(styles.avatar, styles[size])}\n      />\n      {icon && (\n        <Box display=\"flex\" position=\"relative\" justifyContent=\"end\">\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            position=\"absolute\"\n            dangerouslySetInlineStyle={{\n              __style: { border: \"1px solid white\", ...sizeToIconStyles[size] },\n            }}\n            rounding=\"full\"\n          >\n            {icon}\n          </Box>\n        </Box>\n      )}\n    </div>\n  );\n};\n\nexport default Avatar;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_1anoj_5\",\"sm\":\"_sm_1anoj_13\",\"md\":\"_md_1anoj_18\",\"lg\":\"_lg_1anoj_23\",\"xl\":\"_xl_1anoj_28\"}"]}

package/dist/__chunks/UY5Z5APW.js

@@ -1,32 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _EOHF5NBTjs = require('./EOHF5NBT.js');
-
-// src/colors/backgroundColor.ts
-function backgroundColor(color) {
-  switch (color) {
-    case "secondary":
-      return _EOHF5NBTjs.colors_module_default.yellowSecondaryBackgroundColor;
-    case "destructive-primary":
-      return _EOHF5NBTjs.colors_module_default.destructive700BackgroundColor;
-    case "destructive-secondary":
-      return _EOHF5NBTjs.colors_module_default.destructive100BackgroundColor;
-    case "success":
-      return _EOHF5NBTjs.colors_module_default.success700BackgroundColor;
-    case "tertiary":
-    case "destructive-tertiary":
-      return _EOHF5NBTjs.colors_module_default.whiteBackgroundColor;
-    case "primary":
-    case "branded":
-      return _EOHF5NBTjs.colors_module_default.yellow700BackgroundColor;
-    case "inverse":
-      return _EOHF5NBTjs.colors_module_default.gray60BackgroundColor;
-    default:
-      return _EOHF5NBTjs.colors_module_default.primary700BackgroundColor;
-  }
-}
-
-
-
-exports.backgroundColor = backgroundColor;
-//# sourceMappingURL=UY5Z5APW.js.map

package/dist/__chunks/UY5Z5APW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/colors/backgroundColor.ts"],"names":[],"mappings":";;;;;AAGe,SAAR,gBAAiC,OAAuC;AAC7E,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF","sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n      return styles.yellowSecondaryBackgroundColor;\n    case \"destructive-primary\":\n      return styles.destructive700BackgroundColor;\n    case \"destructive-secondary\":\n      return styles.destructive100BackgroundColor;\n    case \"success\":\n      return styles.success700BackgroundColor;\n    case \"tertiary\":\n    case \"destructive-tertiary\":\n      return styles.whiteBackgroundColor;\n    case \"primary\":\n    case \"branded\":\n      return styles.yellow700BackgroundColor;\n    case \"inverse\":\n      return styles.gray60BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n"]}

package/dist/__chunks/V4YM6NMQ.mjs

@@ -1,68 +0,0 @@
-import {
-  useIsHydrated
-} from "./XFKGXL73.mjs";
-import {
-  foregroundColor
-} from "./SSU3B5AR.mjs";
-import {
-  backgroundColor
-} from "./5QXUIARJ.mjs";
-
-// 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_4e8qe_1", "sm": "_sm_4e8qe_46", "md": "_md_4e8qe_51", "lg": "_lg_4e8qe_56", "smIcon": "_smIcon_4e8qe_61", "mdIcon": "_mdIcon_4e8qe_68", "lgIcon": "_lgIcon_4e8qe_75", "secondaryBorder": "_secondaryBorder_4e8qe_82", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_4e8qe_86" };
-
-// src/IconButton/IconButton.tsx
-import { jsx } from "react/jsx-runtime";
-var iconSize = {
-  ["sm"]: IconButton_module_default.smIcon,
-  ["md"]: IconButton_module_default.mdIcon,
-  ["lg"]: IconButton_module_default.lgIcon
-};
-var IconButton = forwardRef(
-  ({
-    accessibilityLabel,
-    color = "primary",
-    "data-testid": dataTestId,
-    disabled = false,
-    icon: Icon,
-    size = "md",
-    tooltip,
-    onClick
-  }, ref) => {
-    const isHydrated = useIsHydrated();
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        "aria-label": accessibilityLabel,
-        "data-testid": dataTestId,
-        type: "button",
-        title: tooltip,
-        disabled: !isHydrated || disabled,
-        onClick,
-        className: classNames(
-          IconButton_module_default.iconButton,
-          foregroundColor(color),
-          backgroundColor(color),
-          IconButton_module_default[size],
-          {
-            [IconButton_module_default.secondaryBorder]: color === "secondary",
-            [IconButton_module_default.secondaryDestructiveBorder]: color === "destructive-secondary"
-          }
-        ),
-        ref,
-        children: /* @__PURE__ */ jsx(Icon, { className: iconSize[size] })
-      }
-    );
-  }
-);
-IconButton.displayName = "IconButton";
-var IconButton_default = IconButton;
-
-export {
-  IconButton_default
-};
-//# sourceMappingURL=V4YM6NMQ.mjs.map

package/dist/__chunks/V4YM6NMQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { forwardRef } from \"react\";\nimport { type Color, type Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\ntype IconButtonProps = {\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\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   * 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      onClick,\n    }: IconButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\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          foregroundColor(color),\n          backgroundColor(color),\n          styles[size],\n          {\n            [styles.secondaryBorder]: color === \"secondary\",\n            [styles.secondaryDestructiveBorder]:\n              color === \"destructive-secondary\",\n          },\n        )}\n        ref={ref}\n      >\n        <Icon className={iconSize[size]} />\n      </button>\n    );\n  },\n);\n\nIconButton.displayName = \"IconButton\";\n\nexport default IconButton;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_4e8qe_1\",\"sm\":\"_sm_4e8qe_46\",\"md\":\"_md_4e8qe_51\",\"lg\":\"_lg_4e8qe_56\",\"smIcon\":\"_smIcon_4e8qe_61\",\"mdIcon\":\"_mdIcon_4e8qe_68\",\"lgIcon\":\"_lgIcon_4e8qe_75\",\"secondaryBorder\":\"_secondaryBorder_4e8qe_82\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_4e8qe_86\"}"],"mappings":";;;;;;;;;;;AAAA,OAAO,gBAAgB;AAGvB,SAAgB,kBAAkB;;;ACHiE,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,mBAAkB,6BAA4B,8BAA6B,uCAAsC;;;ADmG/Y;AA3FR,IAAM,WAAW;AAAA,EACf,CAAC,IAAI,GAAG,0BAAO;AAAA,EACf,CAAC,IAAI,GAAG,0BAAO;AAAA,EACf,CAAC,IAAI,GAAG,0BAAO;AACjB;AAkDA,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;AAAA,EACF,GACA,QACG;AACH,UAAM,aAAa,cAAc;AAEjC,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,gBAAgB,KAAK;AAAA,UACrB,gBAAgB,KAAK;AAAA,UACrB,0BAAO,IAAI;AAAA,UACX;AAAA,YACE,CAAC,0BAAO,eAAe,GAAG,UAAU;AAAA,YACpC,CAAC,0BAAO,0BAA0B,GAChC,UAAU;AAAA,UACd;AAAA,QACF;AAAA,QACA;AAAA,QAEA,8BAAC,QAAK,WAAW,SAAS,IAAI,GAAG;AAAA;AAAA,IACnC;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ;","names":[]}

package/dist/__chunks/V73UH6T4.cjs

@@ -1,56 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _2DVYQQHHcjs = require('./2DVYQQHH.cjs');
-
-// src/colors/backgroundColor.ts
-function classicBackgroundColor(color) {
-  switch (color) {
-    case "secondary":
-      return _2DVYQQHHcjs.colors_module_default.primary100BackgroundColor;
-    case "destructive-primary":
-      return _2DVYQQHHcjs.colors_module_default.destructive700BackgroundColor;
-    case "destructive-secondary":
-      return _2DVYQQHHcjs.colors_module_default.destructive100BackgroundColor;
-    case "success":
-      return _2DVYQQHHcjs.colors_module_default.success700BackgroundColor;
-    case "tertiary":
-    case "destructive-tertiary":
-      return _2DVYQQHHcjs.colors_module_default.whiteBackgroundColor;
-    case "branded":
-      return _2DVYQQHHcjs.colors_module_default.yellow700BackgroundColor;
-    case "inverse":
-      return _2DVYQQHHcjs.colors_module_default.gray60BackgroundColor;
-    default:
-      return _2DVYQQHHcjs.colors_module_default.primary700BackgroundColor;
-  }
-}
-function cambioBackgroundColor(color) {
-  switch (color) {
-    case "primary":
-      return _2DVYQQHHcjs.colors_module_default.cambioBlackBackgroundColor;
-    case "secondary":
-      return _2DVYQQHHcjs.colors_module_default.cambioGray370BackgroundColor;
-    case "tertiary":
-    case "success-tertiary":
-    case "destructive-tertiary":
-      return _2DVYQQHHcjs.colors_module_default.cambioTransparentFullBackgroundColor;
-    case "success-primary":
-      return _2DVYQQHHcjs.colors_module_default.cambioSuccess700BackgroundColor;
-    case "success-secondary":
-      return _2DVYQQHHcjs.colors_module_default.cambioSuccess370BackgroundColor;
-    case "destructive-primary":
-      return _2DVYQQHHcjs.colors_module_default.cambioDestructive700BackgroundColor;
-    case "destructive-secondary":
-      return _2DVYQQHHcjs.colors_module_default.cambioDestructive370BackgroundColor;
-    case "branded":
-      return _2DVYQQHHcjs.colors_module_default.cambioYellow700BackgroundColor;
-    default:
-      return _2DVYQQHHcjs.colors_module_default.cambioBlackBackgroundColor;
-  }
-}
-
-
-
-
-exports.classicBackgroundColor = classicBackgroundColor; exports.cambioBackgroundColor = cambioBackgroundColor;
-//# sourceMappingURL=V73UH6T4.cjs.map