@cambly/syntax-core 10.2.0-beta.1 → 10.2.1

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/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/VDPH7IK3.js

@@ -1,105 +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 _OGJDUOWPjs = require('./OGJDUOWP.js');
-
-
-var _R3JL4P3Qjs = require('./R3JL4P3Q.js');
-
-// src/RadioButton/RadioButton.tsx
-var _react = require('react');
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// css-module:./RadioButton.module.css#css-module
-var RadioButton_module_default = { "radioBaseContainer": "_radioBaseContainer_6h2zg_1", "disabled": "_disabled_6h2zg_9", "cursorDisabled": "_cursorDisabled_6h2zg_13", "cursorEnabled": "_cursorEnabled_6h2zg_17", "smBase": "_smBase_6h2zg_21", "mdBase": "_mdBase_6h2zg_25", "radioStyleOverride": "_radioStyleOverride_6h2zg_29", "smOverride": "_smOverride_6h2zg_34", "mdOverride": "_mdOverride_6h2zg_39", "background": "_background_6h2zg_44", "sm": "_sm_6h2zg_21", "md": "_md_6h2zg_25", "neutralBorder": "_neutralBorder_6h2zg_61", "smCheckedBorder": "_smCheckedBorder_6h2zg_65", "mdCheckedBorder": "_mdCheckedBorder_6h2zg_69", "errorBorderColor": "_errorBorderColor_6h2zg_73", "borderColor": "_borderColor_6h2zg_77" };
-
-// src/RadioButton/RadioButton.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var RadioButton = ({
-  checked = false,
-  "data-testid": dataTestId,
-  disabled = false,
-  error = false,
-  id,
-  label,
-  name,
-  onChange,
-  size = "md",
-  value
-}) => {
-  const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
-  const { isFocusVisible } = _OGJDUOWPjs.useFocusVisible.call(void 0, );
-  const sharedStyles = _classnames2.default.call(void 0, RadioButton_module_default.background, RadioButton_module_default[size], {
-    [RadioButton_module_default.errorBorderColor]: error,
-    [RadioButton_module_default.borderColor]: !error,
-    [_VPGRPGP7js.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
-  });
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "label",
-    {
-      className: _classnames2.default.call(void 0, 
-        RadioButton_module_default.radioBaseContainer,
-        RadioButton_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
-        {
-          [RadioButton_module_default.disabled]: disabled,
-          [RadioButton_module_default.smBase]: size === "sm",
-          [RadioButton_module_default.mdBase]: size === "md"
-        }
-      ),
-      children: [
-        checked ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: _classnames2.default.call(void 0, sharedStyles, {
-              [RadioButton_module_default.mdCheckedBorder]: size === "md",
-              [RadioButton_module_default.smCheckedBorder]: size === "sm"
-            })
-          }
-        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _classnames2.default.call(void 0, sharedStyles, RadioButton_module_default.neutralBorder) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            "data-testid": dataTestId,
-            type: "radio",
-            id,
-            name,
-            className: _classnames2.default.call(void 0, 
-              RadioButton_module_default.radioStyleOverride,
-              RadioButton_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
-              {
-                [RadioButton_module_default.smOverride]: size === "sm",
-                [RadioButton_module_default.mdOverride]: size === "md"
-              }
-            ),
-            checked,
-            onChange,
-            disabled,
-            value,
-            onFocus: () => {
-              setIsFocused(true);
-            },
-            onBlur: () => {
-              setIsFocused(false);
-            }
-          }
-        ),
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _R3JL4P3Qjs.Typography_default,
-          {
-            size: size === "md" ? 200 : 100,
-            color: error ? "destructive-primary" : "gray800",
-            children: label
-          }
-        )
-      ]
-    }
-  );
-};
-var RadioButton_default = RadioButton;
-
-
-
-exports.RadioButton_default = RadioButton_default;
-//# sourceMappingURL=VDPH7IK3.js.map

package/dist/__chunks/VDPH7IK3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/RadioButton/RadioButton.tsx","css-module:./RadioButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAAmC,gBAAgB;AACnD,OAAO,gBAAgB;;;ACD8E,IAAO,6BAAQ,EAAC,sBAAqB,+BAA8B,YAAW,qBAAoB,kBAAiB,4BAA2B,iBAAgB,2BAA0B,UAAS,oBAAmB,UAAS,oBAAmB,sBAAqB,gCAA+B,cAAa,wBAAuB,cAAa,wBAAuB,cAAa,wBAAuB,MAAK,gBAAe,MAAK,gBAAe,iBAAgB,2BAA0B,mBAAkB,6BAA4B,mBAAkB,6BAA4B,oBAAmB,8BAA6B,eAAc,wBAAuB;;;ADqFpvB,SAYI,KAZJ;AA1EJ,IAAM,cAAc,CAAC;AAAA,EACnB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAoDoB;AAClB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAE3C,QAAM,eAAe,WAAW,2BAAO,YAAY,2BAAO,IAAI,GAAG;AAAA,IAC/D,CAAC,2BAAO,gBAAgB,GAAG;AAAA,IAC3B,CAAC,2BAAO,WAAW,GAAG,CAAC;AAAA,IACvB,CAAC,qBAAY,yBAAyB,GAAG,aAAa;AAAA,EACxD,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,2BAAO;AAAA,QACP,2BAAO,SAAS,WAAW,aAAa,WAAW;AAAA,QACnD;AAAA,UACE,CAAC,2BAAO,QAAQ,GAAG;AAAA,UACnB,CAAC,2BAAO,MAAM,GAAG,SAAS;AAAA,UAC1B,CAAC,2BAAO,MAAM,GAAG,SAAS;AAAA,QAC5B;AAAA,MACF;AAAA,MAEC;AAAA,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,WAAW,cAAc;AAAA,cAClC,CAAC,2BAAO,eAAe,GAAG,SAAS;AAAA,cACnC,CAAC,2BAAO,eAAe,GAAG,SAAS;AAAA,YACrC,CAAC;AAAA;AAAA,QACH,IAEA,oBAAC,SAAI,WAAW,WAAW,cAAc,2BAAO,aAAa,GAAG;AAAA,QAElE;AAAA,UAAC;AAAA;AAAA,YACC,eAAa;AAAA,YACb,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,WAAW;AAAA,cACT,2BAAO;AAAA,cACP,2BAAO,SAAS,WAAW,aAAa,WAAW;AAAA,cACnD;AAAA,gBACE,CAAC,2BAAO,UAAU,GAAG,SAAS;AAAA,gBAC9B,CAAC,2BAAO,UAAU,GAAG,SAAS;AAAA,cAChC;AAAA,YACF;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,MAAM;AACb,2BAAa,IAAI;AAAA,YACnB;AAAA,YACA,QAAQ,MAAM;AACZ,2BAAa,KAAK;AAAA,YACpB;AAAA;AAAA,QACF;AAAA,QACC,SACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,SAAS,OAAO,MAAM;AAAA,YAC5B,OAAO,QAAQ,wBAAwB;AAAA,YAEtC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import React, { type ReactElement, useState } from \"react\";\nimport classnames from \"classnames\";\n\nimport styles from \"./RadioButton.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport Typography from \"../Typography/Typography\";\nimport useFocusVisible from \"../useFocusVisible\";\n\n/**\n * [RadioButton](https://cambly-syntax.vercel.app/?path=/docs/components-radiobutton--docs) is a radio button with accompanying text\n */\nconst RadioButton = ({\n  checked = false,\n  \"data-testid\": dataTestId,\n  disabled = false,\n  error = false,\n  id,\n  label,\n  name,\n  onChange,\n  size = \"md\",\n  value,\n}: {\n  /**\n   * Whether or not the radio button is checked\n   *\n   * @defaultValue false\n   */\n  checked?: boolean;\n  /**\n   * Test id for the radio button\n   */\n  \"data-testid\"?: string;\n  /**\n   * Whether or not the radio button is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Whether to show error color schema\n   *\n   * @defaultValue false\n   */\n  error?: boolean;\n  /**\n   * Id for the the radio button\n   */\n  id?: string;\n  /**\n   * Value to show end user\n   */\n  label: string;\n  /**\n   * The name of the grouping the radio buttons are in\n   */\n  name: string;\n  /**\n   * The callback to be called when the radio button is clicked\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Size of the components\n   *\n   * * `sm`: 16px\n   * * `md`: 24px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\";\n  /**\n   * Value of the selected radio option\n   */\n  value: string | number;\n}): ReactElement => {\n  const [isFocused, setIsFocused] = useState(false);\n  const { isFocusVisible } = useFocusVisible();\n\n  const sharedStyles = classnames(styles.background, styles[size], {\n    [styles.errorBorderColor]: error,\n    [styles.borderColor]: !error,\n    [focusStyles.accessibilityOutlineFocus]: isFocused && isFocusVisible,\n  });\n\n  return (\n    <label\n      className={classnames(\n        styles.radioBaseContainer,\n        styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        {\n          [styles.disabled]: disabled,\n          [styles.smBase]: size === \"sm\",\n          [styles.mdBase]: size === \"md\",\n        },\n      )}\n    >\n      {checked ? (\n        <div\n          className={classnames(sharedStyles, {\n            [styles.mdCheckedBorder]: size === \"md\",\n            [styles.smCheckedBorder]: size === \"sm\",\n          })}\n        />\n      ) : (\n        <div className={classnames(sharedStyles, styles.neutralBorder)} />\n      )}\n      <input\n        data-testid={dataTestId}\n        type=\"radio\"\n        id={id}\n        name={name}\n        className={classnames(\n          styles.radioStyleOverride,\n          styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n          {\n            [styles.smOverride]: size === \"sm\",\n            [styles.mdOverride]: size === \"md\",\n          },\n        )}\n        checked={checked}\n        onChange={onChange}\n        disabled={disabled}\n        value={value}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onBlur={() => {\n          setIsFocused(false);\n        }}\n      />\n      {label && (\n        <Typography\n          size={size === \"md\" ? 200 : 100}\n          color={error ? \"destructive-primary\" : \"gray800\"}\n        >\n          {label}\n        </Typography>\n      )}\n    </label>\n  );\n};\n\nexport default RadioButton;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/RadioButton/RadioButton.module.css\"; export default {\"radioBaseContainer\":\"_radioBaseContainer_6h2zg_1\",\"disabled\":\"_disabled_6h2zg_9\",\"cursorDisabled\":\"_cursorDisabled_6h2zg_13\",\"cursorEnabled\":\"_cursorEnabled_6h2zg_17\",\"smBase\":\"_smBase_6h2zg_21\",\"mdBase\":\"_mdBase_6h2zg_25\",\"radioStyleOverride\":\"_radioStyleOverride_6h2zg_29\",\"smOverride\":\"_smOverride_6h2zg_34\",\"mdOverride\":\"_mdOverride_6h2zg_39\",\"background\":\"_background_6h2zg_44\",\"sm\":\"_sm_6h2zg_21\",\"md\":\"_md_6h2zg_25\",\"neutralBorder\":\"_neutralBorder_6h2zg_61\",\"smCheckedBorder\":\"_smCheckedBorder_6h2zg_65\",\"mdCheckedBorder\":\"_mdCheckedBorder_6h2zg_69\",\"errorBorderColor\":\"_errorBorderColor_6h2zg_73\",\"borderColor\":\"_borderColor_6h2zg_77\"}"]}

package/dist/__chunks/VDX2LTE5.js

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _PHVABKOKjs = require('./PHVABKOK.js');
-
-// src/Heading/Heading.tsx
-var _jsxruntime = require('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__ */ _jsxruntime.jsx.call(void 0, 
-    _PHVABKOKjs.Typography_default,
-    {
-      align,
-      as,
-      color,
-      "data-testid": dataTestId,
-      lineClamp,
-      size,
-      weight,
-      children
-    }
-  );
-};
-var Heading_default = Heading;
-
-
-
-exports.Heading_default = Heading_default;
-//# sourceMappingURL=VDX2LTE5.js.map

package/dist/__chunks/VDX2LTE5.js.map

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

package/dist/__chunks/VKO4TG7F.mjs

@@ -1,15 +0,0 @@
-// css-module:../Button.module.css#css-module
-var Button_module_default = { "button": "_button_1xp8u_1", "buttonGap": "_buttonGap_1xp8u_10", "fullWidth": "_fullWidth_1xp8u_51", "sm": "_sm_1xp8u_55", "md": "_md_1xp8u_61", "lg": "_lg_1xp8u_67", "icon": "_icon_1xp8u_73", "smIcon": "_smIcon_1xp8u_77", "mdIcon": "_mdIcon_1xp8u_84", "lgIcon": "_lgIcon_1xp8u_91", "secondaryBorder": "_secondaryBorder_1xp8u_98", "tertiaryBorder": "_tertiaryBorder_1xp8u_102", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1xp8u_106", "tertiaryDestructiveBorder": "_tertiaryDestructiveBorder_1xp8u_110", "loading": "_loading_1xp8u_124", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1xp8u_1", "loadingCircle": "_loadingCircle_1xp8u_128" };
-
-// src/Button/constants/iconSize.ts
-var iconSize = {
-  ["sm"]: Button_module_default.smIcon,
-  ["md"]: Button_module_default.mdIcon,
-  ["lg"]: Button_module_default.lgIcon
-};
-var iconSize_default = iconSize;
-
-export {
-  iconSize_default
-};
-//# sourceMappingURL=VKO4TG7F.mjs.map

package/dist/__chunks/VKO4TG7F.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"sourcesContent":["import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1xp8u_1\",\"buttonGap\":\"_buttonGap_1xp8u_10\",\"fullWidth\":\"_fullWidth_1xp8u_51\",\"sm\":\"_sm_1xp8u_55\",\"md\":\"_md_1xp8u_61\",\"lg\":\"_lg_1xp8u_67\",\"icon\":\"_icon_1xp8u_73\",\"smIcon\":\"_smIcon_1xp8u_77\",\"mdIcon\":\"_mdIcon_1xp8u_84\",\"lgIcon\":\"_lgIcon_1xp8u_91\",\"secondaryBorder\":\"_secondaryBorder_1xp8u_98\",\"tertiaryBorder\":\"_tertiaryBorder_1xp8u_102\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_1xp8u_106\",\"tertiaryDestructiveBorder\":\"_tertiaryDestructiveBorder_1xp8u_110\",\"loading\":\"_loading_1xp8u_124\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1xp8u_1\",\"loadingCircle\":\"_loadingCircle_1xp8u_128\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\nexport default iconSize;\n"],"mappings":";AAA2F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,uBAAsB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,mBAAkB,6BAA4B,kBAAiB,6BAA4B,8BAA6B,yCAAwC,6BAA4B,wCAAuC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACE/tB,IAAM,WAAW;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AACjB;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/__chunks/VPGRPGP7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../Focus.module.css#css-module"],"names":[],"mappings":";AAAmF,IAAO,uBAAQ,EAAC,6BAA4B,qCAAoC","sourcesContent":["import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Focus.module.css\"; export default {\"accessibilityOutlineFocus\":\"_accessibilityOutlineFocus_1h8bq_1\"}"]}

package/dist/__chunks/VSTQZSBF.mjs

@@ -1,26 +0,0 @@
-import {
-  colors_module_default
-} from "./3L7VHFFX.mjs";
-
-// src/colors/foregroundColor.ts
-function foregroundColor(color) {
-  switch (color) {
-    case "destructive-secondary":
-    case "destructive-tertiary":
-      return colors_module_default.destructive700Color;
-    case "primary":
-    case "secondary":
-    case "tertiary":
-    case "branded":
-      return colors_module_default.gray900Color;
-    case "inverse":
-      return colors_module_default.whiteColor;
-    default:
-      return colors_module_default.whiteColor;
-  }
-}
-
-export {
-  foregroundColor
-};
-//# sourceMappingURL=VSTQZSBF.mjs.map

package/dist/__chunks/VSTQZSBF.mjs.map

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

package/dist/__chunks/VW7YADUL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Modal/Layer.tsx"],"sourcesContent":["import { type ReactElement, type ReactPortal } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport Box from \"../Box/Box\";\n\nexport default function Layer({\n  children,\n  zIndex = 1,\n}: {\n  children: ReactElement;\n  zIndex?: number;\n}): ReactPortal | null {\n  return typeof document !== \"undefined\"\n    ? createPortal(\n        <Box\n          data-testid=\"syntax-layer\"\n          position=\"fixed\"\n          dangerouslySetInlineStyle={{\n            __style: { zIndex, inset: 0 },\n          }}\n        >\n          {children}\n        </Box>,\n        document.body,\n      )\n    : null;\n}\n"],"mappings":";;;;;AACA,SAAS,oBAAoB;AAYrB;AATO,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA,SAAS;AACX,GAGuB;AACrB,SAAO,OAAO,aAAa,cACvB;AAAA,IACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,UAAS;AAAA,QACT,2BAA2B;AAAA,UACzB,SAAS,EAAE,QAAQ,OAAO,EAAE;AAAA,QAC9B;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA,SAAS;AAAA,EACX,IACA;AACN;","names":[]}

package/dist/__chunks/W5YGMJE6.js

@@ -1,15 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// css-module:../Button.module.css#css-module
-var Button_module_default = { "button": "_button_1xp8u_1", "buttonGap": "_buttonGap_1xp8u_10", "fullWidth": "_fullWidth_1xp8u_51", "sm": "_sm_1xp8u_55", "md": "_md_1xp8u_61", "lg": "_lg_1xp8u_67", "icon": "_icon_1xp8u_73", "smIcon": "_smIcon_1xp8u_77", "mdIcon": "_mdIcon_1xp8u_84", "lgIcon": "_lgIcon_1xp8u_91", "secondaryBorder": "_secondaryBorder_1xp8u_98", "tertiaryBorder": "_tertiaryBorder_1xp8u_102", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1xp8u_106", "tertiaryDestructiveBorder": "_tertiaryDestructiveBorder_1xp8u_110", "loading": "_loading_1xp8u_124", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1xp8u_1", "loadingCircle": "_loadingCircle_1xp8u_128" };
-
-// src/Button/constants/iconSize.ts
-var iconSize = {
-  ["sm"]: Button_module_default.smIcon,
-  ["md"]: Button_module_default.mdIcon,
-  ["lg"]: Button_module_default.lgIcon
-};
-var iconSize_default = iconSize;
-
-
-
-exports.iconSize_default = iconSize_default;
-//# sourceMappingURL=W5YGMJE6.js.map

package/dist/__chunks/W5YGMJE6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"names":[],"mappings":";AAA2F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,uBAAsB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,mBAAkB,6BAA4B,kBAAiB,6BAA4B,8BAA6B,yCAAwC,6BAA4B,wCAAuC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACE/tB,IAAM,WAAW;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AACjB;AAEA,IAAO,mBAAQ","sourcesContent":["import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1xp8u_1\",\"buttonGap\":\"_buttonGap_1xp8u_10\",\"fullWidth\":\"_fullWidth_1xp8u_51\",\"sm\":\"_sm_1xp8u_55\",\"md\":\"_md_1xp8u_61\",\"lg\":\"_lg_1xp8u_67\",\"icon\":\"_icon_1xp8u_73\",\"smIcon\":\"_smIcon_1xp8u_77\",\"mdIcon\":\"_mdIcon_1xp8u_84\",\"lgIcon\":\"_lgIcon_1xp8u_91\",\"secondaryBorder\":\"_secondaryBorder_1xp8u_98\",\"tertiaryBorder\":\"_tertiaryBorder_1xp8u_102\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_1xp8u_106\",\"tertiaryDestructiveBorder\":\"_tertiaryDestructiveBorder_1xp8u_110\",\"loading\":\"_loading_1xp8u_124\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1xp8u_1\",\"loadingCircle\":\"_loadingCircle_1xp8u_128\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\nexport default iconSize;\n"]}

package/dist/__chunks/WIDP7NHD.mjs

@@ -1,72 +0,0 @@
-import {
-  colors_module_default
-} from "./NCGV4CPL.mjs";
-
-// src/Typography/Typography.tsx
-import classNames from "classnames";
-
-// css-module:./Typography.module.css#css-module
-var Typography_module_default = { "typography": "_typography_1vnry_1", "size100": "_size100_1vnry_8", "size200": "_size200_1vnry_12", "size300": "_size300_1vnry_16", "size500": "_size500_1vnry_20", "size600": "_size600_1vnry_24", "size700": "_size700_1vnry_28", "size800": "_size800_1vnry_32", "center": "_center_1vnry_37", "forceLeft": "_forceLeft_1vnry_41", "forceRight": "_forceRight_1vnry_45", "start": "_start_1vnry_49", "end": "_end_1vnry_53", "bold": "_bold_1vnry_58", "regular": "_regular_1vnry_62", "interactive": "_interactive_1vnry_66", "semiBold": "_semiBold_1vnry_70", "heavy": "_heavy_1vnry_74", "underline": "_underline_1vnry_78", "inline": "_inline_1vnry_82", "uppercase": "_uppercase_1vnry_86", "lineClamp": "_lineClamp_1vnry_90" };
-
-// src/Typography/Typography.tsx
-import { jsx } from "react/jsx-runtime";
-function textColor(color) {
-  switch (color) {
-    case "gray700":
-      return colors_module_default.gray700Color;
-    case "white":
-      return colors_module_default.whiteColor;
-    case "inherit":
-      return colors_module_default.inheritColor;
-    case "primary":
-      return colors_module_default.primary700Color;
-    case "destructive-primary":
-      return colors_module_default.destructive700Color;
-    default:
-      return colors_module_default.gray900Color;
-  }
-}
-var Typography = ({
-  align = "start",
-  as = "div",
-  children,
-  color = "gray900",
-  "data-testid": dataTestId,
-  inline = false,
-  lineClamp = void 0,
-  size = 200,
-  tooltip,
-  transform = "none",
-  underline = false,
-  weight = "regular"
-}) => {
-  const Tag = as;
-  return /* @__PURE__ */ jsx(
-    Tag,
-    {
-      className: classNames(
-        Typography_module_default.typography,
-        Typography_module_default[align],
-        Typography_module_default[weight],
-        textColor(color),
-        inline && Typography_module_default.inline,
-        Typography_module_default[`size${size}`],
-        transform === "uppercase" && Typography_module_default.uppercase,
-        underline && Typography_module_default.underline,
-        lineClamp != null && Typography_module_default.lineClamp
-      ),
-      "data-testid": dataTestId,
-      style: {
-        WebkitLineClamp: lineClamp
-      },
-      title: tooltip,
-      children
-    }
-  );
-};
-var Typography_default = Typography;
-
-export {
-  Typography_default
-};
-//# sourceMappingURL=WIDP7NHD.mjs.map

package/dist/__chunks/WIDP7NHD.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { type ReactElement, type ReactNode } from \"react\";\nimport { type Color } from \"../constants\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nfunction textColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.gray700Color;\n    case \"white\":\n      return colorStyles.whiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"primary\":\n      return colorStyles.primary700Color;\n    case \"destructive-primary\":\n      return colorStyles.destructive700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = ({\n  align = \"start\",\n  as = \"div\",\n  children,\n  color = \"gray900\",\n  \"data-testid\": dataTestId,\n  inline = false,\n  lineClamp = undefined,\n  size = 200,\n  tooltip,\n  transform = \"none\",\n  underline = false,\n  weight = \"regular\",\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"div\"\n   */\n  as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Test id for the text\n   */\n  \"data-testid\"?: string;\n  /**\n   * Whether the text should flow inline with other elements.\n   *\n   * @defaultValue false\n   */\n  inline?: boolean;\n  /**\n   * The number of lines we should truncate the text at\n   */\n  lineClamp?: number | undefined;\n  /**\n   * Size of the text.\n   *\n   * * `100`: 12px\n   * * `200`: 14px\n   * * `300`: 16px\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 200\n   */\n  size?: 100 | 200 | 300 | 500 | 600 | 700 | 800;\n  /**\n   * The tooltip to be displayed when the user hovers the text\n   */\n  tooltip?: string;\n  /**\n   * Whether the text should be transformed to uppercase.\n   *\n   * @defaultValue \"none\"\n   */\n  transform?: \"none\" | \"uppercase\";\n  /**\n   * Whether the text has an underline.\n   *\n   * @defaultValue false\n   */\n  underline?: boolean;\n  /**\n   * Indicates the boldness of the text.\n   *\n   * @defaultValue \"regular\"\n   */\n  weight?: \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\";\n}): ReactElement => {\n  const Tag = as;\n\n  return (\n    <Tag\n      className={classNames(\n        styles.typography,\n        styles[align],\n        styles[weight],\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\n      )}\n      data-testid={dataTestId}\n      style={{\n        WebkitLineClamp: lineClamp,\n      }}\n      title={tooltip}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nexport default Typography;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1vnry_1\",\"size100\":\"_size100_1vnry_8\",\"size200\":\"_size200_1vnry_12\",\"size300\":\"_size300_1vnry_16\",\"size500\":\"_size500_1vnry_20\",\"size600\":\"_size600_1vnry_24\",\"size700\":\"_size700_1vnry_28\",\"size800\":\"_size800_1vnry_32\",\"center\":\"_center_1vnry_37\",\"forceLeft\":\"_forceLeft_1vnry_41\",\"forceRight\":\"_forceRight_1vnry_45\",\"start\":\"_start_1vnry_49\",\"end\":\"_end_1vnry_53\",\"bold\":\"_bold_1vnry_58\",\"regular\":\"_regular_1vnry_62\",\"interactive\":\"_interactive_1vnry_66\",\"semiBold\":\"_semiBold_1vnry_70\",\"heavy\":\"_heavy_1vnry_74\",\"underline\":\"_underline_1vnry_78\",\"inline\":\"_inline_1vnry_82\",\"uppercase\":\"_uppercase_1vnry_86\",\"lineClamp\":\"_lineClamp_1vnry_90\"}"],"mappings":";;;;;AAAA,OAAO,gBAAgB;;;ACA4E,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,WAAU,oBAAmB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,UAAS,oBAAmB,aAAY,uBAAsB,cAAa,wBAAuB,SAAQ,mBAAkB,OAAM,iBAAgB,QAAO,kBAAiB,WAAU,qBAAoB,eAAc,yBAAwB,YAAW,sBAAqB,SAAQ,mBAAkB,aAAY,uBAAsB,UAAS,oBAAmB,aAAY,uBAAsB,aAAY,sBAAqB;;;ADsH5wB;AAhHJ,SAAS,UAAU,OAAuC;AACxD,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAKA,IAAM,aAAa,CAAC;AAAA,EAClB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,MA2EoB;AAClB,QAAM,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ,0BAAO,MAAM;AAAA,QACb,UAAU,KAAK;AAAA,QACf,UAAU,0BAAO;AAAA,QACjB,0BAAO,OAAO,MAAM;AAAA,QACpB,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,MAC9B;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}