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

package/dist/TextArea/TextArea.mjs

@@ -1,15 +0,0 @@
-import {
-  TextArea_default
-} from "../__chunks/NM45EZZR.mjs";
-import "../__chunks/IXDA4ZXP.mjs";
-import "../__chunks/JZMZ537X.mjs";
-import "../__chunks/QQUTU6E5.mjs";
-import "../__chunks/BQUP6OTG.mjs";
-import "../__chunks/YEQPYC3N.mjs";
-import "../__chunks/XFKGXL73.mjs";
-import "../__chunks/IXDA4ZXP.mjs";
-import "../__chunks/CUDAH5IW.mjs";
-export {
-  TextArea_default as default
-};
-//# sourceMappingURL=TextArea.mjs.map

package/dist/TextArea/TextArea.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/TextField/TextField.mjs

@@ -1,15 +0,0 @@
-import {
-  TextField
-} from "../__chunks/63WGDOPN.mjs";
-import "../__chunks/IXDA4ZXP.mjs";
-import "../__chunks/JZMZ537X.mjs";
-import "../__chunks/QQUTU6E5.mjs";
-import "../__chunks/BQUP6OTG.mjs";
-import "../__chunks/YEQPYC3N.mjs";
-import "../__chunks/XFKGXL73.mjs";
-import "../__chunks/IXDA4ZXP.mjs";
-import "../__chunks/CUDAH5IW.mjs";
-export {
-  TextField as default
-};
-//# sourceMappingURL=TextField.mjs.map

package/dist/TextField/TextField.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Typography/Typography.mjs

@@ -1,10 +0,0 @@
-import {
-  Typography_default
-} from "../__chunks/BQUP6OTG.mjs";
-import "../__chunks/YEQPYC3N.mjs";
-import "../__chunks/IXDA4ZXP.mjs";
-import "../__chunks/CUDAH5IW.mjs";
-export {
-  Typography_default as default
-};
-//# sourceMappingURL=Typography.mjs.map

package/dist/Typography/Typography.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/__chunks/25AVG5RK.js

@@ -1,28 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// 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 Avatar = ({
-  src,
-  accessibilityLabel,
-  size = "md"
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "img",
-    {
-      alt: accessibilityLabel,
-      src,
-      className: _classnames2.default.call(void 0, Avatar_module_default.avatar, Avatar_module_default[size])
-    }
-  );
-};
-var Avatar_default = Avatar;
-
-
-
-exports.Avatar_default = Avatar_default;
-//# sourceMappingURL=25AVG5RK.js.map

package/dist/__chunks/25AVG5RK.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;;;ADiCjN;AA3BJ,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAqBmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAW,WAAW,sBAAO,QAAQ,sBAAO,IAAI,CAAC;AAAA;AAAA,EACnD;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\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  src,\n  accessibilityLabel,\n  size = \"md\",\n}: {\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\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   * 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}): JSX.Element => {\n  return (\n    <img\n      alt={accessibilityLabel}\n      src={src}\n      className={classNames(styles.avatar, styles[size])}\n    />\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/2AXWRBLG.mjs

@@ -1,34 +0,0 @@
-import {
-  Box_default
-} from "./4VIJNV7V.mjs";
-
-// src/Card/Card.tsx
-import { jsx } from "react/jsx-runtime";
-function Card({
-  children,
-  size = "sm",
-  "data-testid": dataTestId
-}) {
-  const sizeWidth = {
-    sm: 352,
-    lg: 744
-  };
-  return /* @__PURE__ */ jsx(
-    Box_default,
-    {
-      rounding: "xl",
-      padding: 7,
-      smPadding: 9,
-      maxWidth: sizeWidth[size],
-      width: "100%",
-      backgroundColor: "white",
-      "data-testid": dataTestId,
-      children
-    }
-  );
-}
-
-export {
-  Card
-};
-//# sourceMappingURL=2AXWRBLG.mjs.map

package/dist/__chunks/2AXWRBLG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Card/Card.tsx"],"sourcesContent":["import Box from \"../Box/Box\";\n\n// note: only sm + lg size currently, when design decides on the medium size, we can use the \"size\" constant\nconst CardSizes = [\"sm\", \"lg\"] as const;\n\ntype CardType = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n  /**\n   * The size of the card\n   *\n   * `sm`: 352px\n   * `lg`: 744px\n   *\n   * @defaultValue sm\n   */\n  size?: (typeof CardSizes)[number];\n};\n\n/**\n * [Card](https://cambly-syntax.vercel.app/?path=/docs/components-card--docs) is a basic container component to apply consistent styling and render child components.\n */\nexport default function Card({\n  children,\n  size = \"sm\",\n  \"data-testid\": dataTestId,\n}: CardType): JSX.Element {\n  const sizeWidth = {\n    sm: 352,\n    lg: 744,\n  } as const;\n\n  return (\n    <Box\n      rounding=\"xl\"\n      padding={7}\n      smPadding={9}\n      maxWidth={sizeWidth[size]}\n      width=\"100%\"\n      backgroundColor=\"white\"\n      data-testid={dataTestId}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAuCI;AAXW,SAAR,KAAsB;AAAA,EAC3B;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AACjB,GAA0B;AACxB,QAAM,YAAY;AAAA,IAChB,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU,UAAU,IAAI;AAAA,MACxB,OAAM;AAAA,MACN,iBAAgB;AAAA,MAChB,eAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/__chunks/2GVCDQZ4.js

@@ -1,96 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _5DBWL6IKjs = require('./5DBWL6IK.js');
-
-
-var _W5YGMJE6js = require('./W5YGMJE6.js');
-
-
-var _PHVABKOKjs = require('./PHVABKOK.js');
-
-
-var _CBT226O7js = require('./CBT226O7.js');
-
-
-var _SKLNVBJLjs = require('./SKLNVBJL.js');
-
-
-var _UY5Z5APWjs = require('./UY5Z5APW.js');
-
-// src/LinkButton/LinkButton.tsx
-var _react = require('react');
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// css-module:../Button/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" };
-
-// css-module:./LinkButton.module.css#css-module
-var LinkButton_module_default = { "linkButton": "_linkButton_1qjrb_1", "fitContent": "_fitContent_1qjrb_11" };
-
-// src/LinkButton/LinkButton.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var LinkButton = _react.forwardRef.call(void 0, 
-  ({
-    text,
-    href,
-    target,
-    rel,
-    "data-testid": dataTestId,
-    color = "primary",
-    size = "md",
-    fullWidth = false,
-    startIcon: StartIcon,
-    endIcon: EndIcon,
-    onClick
-  }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "a",
-      {
-        href,
-        "data-testid": dataTestId,
-        target,
-        ref,
-        rel,
-        className: _classnames2.default.call(void 0, 
-          LinkButton_module_default.linkButton,
-          Button_module_default.button,
-          _SKLNVBJLjs.foregroundColor.call(void 0, color),
-          _UY5Z5APWjs.backgroundColor.call(void 0, color),
-          Button_module_default[size],
-          {
-            [Button_module_default.fullWidth]: fullWidth,
-            [LinkButton_module_default.fitContent]: !fullWidth,
-            [Button_module_default.buttonGap]: size === "lg" || size === "md",
-            [Button_module_default.secondaryBorder]: color === "secondary",
-            [Button_module_default.secondaryDestructiveBorder]: color === "destructive-secondary"
-          }
-        ),
-        onClick,
-        children: [
-          StartIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            StartIcon,
-            {
-              className: _classnames2.default.call(void 0, Button_module_default.icon, _W5YGMJE6js.iconSize_default[size])
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _PHVABKOKjs.Typography_default,
-            {
-              color: _CBT226O7js.foregroundTypographyColor.call(void 0, color),
-              size: _5DBWL6IKjs.textVariant_default[size],
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontWeight: 500 }, children: text })
-            }
-          ),
-          EndIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EndIcon, { className: _classnames2.default.call(void 0, Button_module_default.icon, _W5YGMJE6js.iconSize_default[size]) })
-        ]
-      }
-    );
-  }
-);
-LinkButton.displayName = "LinkButton";
-var LinkButton_default = LinkButton;
-
-
-
-exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=2GVCDQZ4.js.map

package/dist/__chunks/2GVCDQZ4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/LinkButton/LinkButton.tsx","css-module:../Button/Button.module.css#css-module","css-module:./LinkButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAS,kBAA2C;AACpD,OAAO,gBAAgB;;;ACDoE,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;;;ACA5nB,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB;;;AFwGnL,SAwBI,KAxBJ;AAlBN,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA,EACF,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP,sBAAa;AAAA,UACb,gBAAgB,KAAK;AAAA,UACrB,gBAAgB,KAAK;AAAA,UACrB,sBAAa,IAAI;AAAA,UACjB;AAAA,YACE,CAAC,sBAAa,SAAS,GAAG;AAAA,YAC1B,CAAC,0BAAO,UAAU,GAAG,CAAC;AAAA,YACtB,CAAC,sBAAa,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,YACpD,CAAC,sBAAa,eAAe,GAAG,UAAU;AAAA,YAC1C,CAAC,sBAAa,0BAA0B,GACtC,UAAU;AAAA,UACd;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,sBAAa,MAAM,iBAAS,IAAI,CAAC;AAAA;AAAA,UACzD;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,0BAA0B,KAAK;AAAA,cACtC,MAAM,oBAAY,IAAI;AAAA,cAEtB,8BAAC,UAAK,OAAO,EAAE,YAAY,IAAI,GAAI,gBAAK;AAAA;AAAA,UAC1C;AAAA,UACC,WACC,oBAAC,WAAQ,WAAW,WAAW,sBAAa,MAAM,iBAAS,IAAI,CAAC,GAAG;AAAA;AAAA;AAAA,IAEvE;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ","sourcesContent":["import { forwardRef, type HtmlHTMLAttributes } from \"react\";\nimport classNames from \"classnames\";\nimport backgroundColor from \"../colors/backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport foregroundTypographyColor from \"../colors/foregroundTypographyColor\";\nimport React from \"react\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\n\nimport buttonStyles from \"../Button/Button.module.css\";\nimport iconSize from \"../Button/constants/iconSize\";\nimport textVariant from \"../Button/constants/textVariant\";\n\nimport styles from \"./LinkButton.module.css\";\n\ntype LinkButtonProps = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The link that the LinkButton should route to.\n   *\n   */\n  href?: string;\n  /**\n   * The target attribute specifies where to open the linked document.\n   *\n   */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /**\n   * The rel attribute specifies the relationship between the document and the link.\n   *\n   */\n  rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n  /**\n   * The color of the button\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  /**\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   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\n/**\n * [LinkButton](https://cambly-syntax.vercel.app/?path=/docs/components-linkbutton--docs) is a \"variation\" of Button that should look identical to Button, but should be used to render links instead.\n */\nconst LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  (\n    {\n      text,\n      href,\n      target,\n      rel,\n      \"data-testid\": dataTestId,\n      color = \"primary\",\n      size = \"md\",\n      fullWidth = false,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      onClick,\n    }: LinkButtonProps,\n    ref,\n  ) => {\n    return (\n      <a\n        href={href}\n        data-testid={dataTestId}\n        target={target}\n        ref={ref}\n        rel={rel}\n        className={classNames(\n          styles.linkButton,\n          buttonStyles.button,\n          foregroundColor(color),\n          backgroundColor(color),\n          buttonStyles[size],\n          {\n            [buttonStyles.fullWidth]: fullWidth,\n            [styles.fitContent]: !fullWidth,\n            [buttonStyles.buttonGap]: size === \"lg\" || size === \"md\",\n            [buttonStyles.secondaryBorder]: color === \"secondary\",\n            [buttonStyles.secondaryDestructiveBorder]:\n              color === \"destructive-secondary\",\n          },\n        )}\n        onClick={onClick}\n      >\n        {StartIcon && (\n          <StartIcon\n            className={classNames(buttonStyles.icon, iconSize[size])}\n          />\n        )}\n        <Typography\n          color={foregroundTypographyColor(color)}\n          size={textVariant[size]}\n        >\n          <span style={{ fontWeight: 500 }}>{text}</span>\n        </Typography>\n        {EndIcon && (\n          <EndIcon className={classNames(buttonStyles.icon, iconSize[size])} />\n        )}\n      </a>\n    );\n  },\n);\n\nLinkButton.displayName = \"LinkButton\";\n\nexport default LinkButton;\n","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 \"/Users/christian/cambly/syntax/packages/syntax-core/src/LinkButton/LinkButton.module.css\"; export default {\"linkButton\":\"_linkButton_1qjrb_1\",\"fitContent\":\"_fitContent_1qjrb_11\"}"]}

package/dist/__chunks/2LIL7UH4.mjs

@@ -1,111 +0,0 @@
-import {
-  Focus_module_default
-} from "./MQPPALTP.mjs";
-import {
-  Typography_default
-} from "./BQUP6OTG.mjs";
-import {
-  useIsHydrated
-} from "./XFKGXL73.mjs";
-import {
-  useFocusVisible
-} from "./FCX7QDZS.mjs";
-
-// src/Checkbox/Checkbox.tsx
-import { useState } from "react";
-import classNames from "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
-import { jsx, jsxs } from "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 = useIsHydrated();
-  const disabled = !isHydrated || disabledProp;
-  const [isFocused, setIsFocused] = useState(false);
-  const { isFocusVisible } = useFocusVisible();
-  const checkboxStyling = classNames(Checkbox_module_default.checkbox, Checkbox_module_default[size]);
-  const uncheckedStyling = classNames(checkboxStyling, Checkbox_module_default.uncheckedBox, {
-    [Checkbox_module_default.uncheckedBorder]: !error,
-    [Checkbox_module_default.uncheckedErrorBorder]: error,
-    [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
-  });
-  const checkedStyling = classNames(checkboxStyling, Checkbox_module_default.checkedBox, {
-    [Checkbox_module_default.checkedNonError]: !error,
-    [Checkbox_module_default.checkedError]: error,
-    [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
-  });
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      className: classNames(
-        Checkbox_module_default.mainContainer,
-        Checkbox_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
-        {
-          [Checkbox_module_default.disabled]: disabled
-        }
-      ),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: checked ? checkedStyling : uncheckedStyling, children: checked && /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ jsx(
-          "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__ */ jsx(
-          "input",
-          {
-            "data-testid": dataTestId,
-            type: "checkbox",
-            className: classNames(
-              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__ */ jsx(
-          Typography_default,
-          {
-            size: typographySize[size],
-            color: error ? "destructive-primary" : "gray800",
-            children: label
-          }
-        )
-      ]
-    }
-  );
-};
-var Checkbox_default = Checkbox;
-
-export {
-  Checkbox_default
-};
-//# sourceMappingURL=2LIL7UH4.mjs.map

package/dist/__chunks/2PBGWM5I.mjs

@@ -1,70 +0,0 @@
-import {
-  useIsHydrated
-} from "./XFKGXL73.mjs";
-import {
-  foregroundColor
-} from "./VSTQZSBF.mjs";
-import {
-  backgroundColor
-} from "./OKF4ABP7.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_1fvmo_1", "sm": "_sm_1fvmo_46", "md": "_md_1fvmo_51", "lg": "_lg_1fvmo_56", "smIcon": "_smIcon_1fvmo_61", "mdIcon": "_mdIcon_1fvmo_68", "lgIcon": "_lgIcon_1fvmo_75", "secondaryBorder": "_secondaryBorder_1fvmo_82", "tertiaryBorder": "_tertiaryBorder_1fvmo_86", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1fvmo_90", "tertiaryDestructiveBorder": "_tertiaryDestructiveBorder_1fvmo_94" };
-
-// 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.tertiaryBorder]: color === "tertiary",
-            [IconButton_module_default.secondaryDestructiveBorder]: color === "destructive-secondary",
-            [IconButton_module_default.tertiaryDestructiveBorder]: color === "destructive-tertiary"
-          }
-        ),
-        ref,
-        children: /* @__PURE__ */ jsx(Icon, { className: iconSize[size] })
-      }
-    );
-  }
-);
-IconButton.displayName = "IconButton";
-var IconButton_default = IconButton;
-
-export {
-  IconButton_default
-};
-//# sourceMappingURL=2PBGWM5I.mjs.map

package/dist/__chunks/2PBGWM5I.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.tertiaryBorder]: color === \"tertiary\",\n            [styles.secondaryDestructiveBorder]:\n              color === \"destructive-secondary\",\n            [styles.tertiaryDestructiveBorder]:\n              color === \"destructive-tertiary\",\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_1fvmo_1\",\"sm\":\"_sm_1fvmo_46\",\"md\":\"_md_1fvmo_51\",\"lg\":\"_lg_1fvmo_56\",\"smIcon\":\"_smIcon_1fvmo_61\",\"mdIcon\":\"_mdIcon_1fvmo_68\",\"lgIcon\":\"_lgIcon_1fvmo_75\",\"secondaryBorder\":\"_secondaryBorder_1fvmo_82\",\"tertiaryBorder\":\"_tertiaryBorder_1fvmo_86\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_1fvmo_90\",\"tertiaryDestructiveBorder\":\"_tertiaryDestructiveBorder_1fvmo_94\"}"],"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,kBAAiB,4BAA2B,8BAA6B,wCAAuC,6BAA4B,sCAAqC;;;ADsG7f;AA9FR,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,cAAc,GAAG,UAAU;AAAA,YACnC,CAAC,0BAAO,0BAA0B,GAChC,UAAU;AAAA,YACZ,CAAC,0BAAO,yBAAyB,GAC/B,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/37REMIOM.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,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACE/mB,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_1iunh_1\",\"buttonGap\":\"_buttonGap_1iunh_9\",\"fullWidth\":\"_fullWidth_1iunh_50\",\"sm\":\"_sm_1iunh_54\",\"md\":\"_md_1iunh_61\",\"lg\":\"_lg_1iunh_68\",\"icon\":\"_icon_1iunh_75\",\"smIcon\":\"_smIcon_1iunh_79\",\"mdIcon\":\"_mdIcon_1iunh_86\",\"lgIcon\":\"_lgIcon_1iunh_93\",\"secondaryBorder\":\"_secondaryBorder_1iunh_100\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_1iunh_104\",\"loading\":\"_loading_1iunh_118\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1iunh_1\",\"loadingCircle\":\"_loadingCircle_1iunh_122\"}","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/3HUELEGR.mjs

@@ -1,74 +0,0 @@
-import {
-  colors_module_default
-} from "./LICJ6EW4.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;
-    case "success":
-      return colors_module_default.success700Color;
-    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=3HUELEGR.mjs.map

package/dist/__chunks/3L7VHFFX.mjs

@@ -1,7 +0,0 @@
-// css-module:./colors.module.css#css-module
-var colors_module_default = { "inheritColor": "_inheritColor_2qqen_2", "yellowSecondaryBackgroundColor": "_yellowSecondaryBackgroundColor_2qqen_6", "destructive700Color": "_destructive700Color_2qqen_10", "gray700Color": "_gray700Color_2qqen_14", "gray900Color": "_gray900Color_2qqen_18", "primary700Color": "_primary700Color_2qqen_22", "success700Color": "_success700Color_2qqen_26", "whiteColor": "_whiteColor_2qqen_30", "blackBackgroundColor": "_blackBackgroundColor_2qqen_35", "destructive100BackgroundColor": "_destructive100BackgroundColor_2qqen_39", "destructive200BackgroundColor": "_destructive200BackgroundColor_2qqen_43", "destructive300BackgroundColor": "_destructive300BackgroundColor_2qqen_47", "destructive700BackgroundColor": "_destructive700BackgroundColor_2qqen_51", "destructive800BackgroundColor": "_destructive800BackgroundColor_2qqen_55", "destructive900BackgroundColor": "_destructive900BackgroundColor_2qqen_59", "gray10BackgroundColor": "_gray10BackgroundColor_2qqen_63", "gray30BackgroundColor": "_gray30BackgroundColor_2qqen_67", "gray60BackgroundColor": "_gray60BackgroundColor_2qqen_71", "gray80BackgroundColor": "_gray80BackgroundColor_2qqen_75", "gray100BackgroundColor": "_gray100BackgroundColor_2qqen_79", "gray200BackgroundColor": "_gray200BackgroundColor_2qqen_83", "gray300BackgroundColor": "_gray300BackgroundColor_2qqen_87", "gray700BackgroundColor": "_gray700BackgroundColor_2qqen_91", "gray800BackgroundColor": "_gray800BackgroundColor_2qqen_95", "gray900BackgroundColor": "_gray900BackgroundColor_2qqen_99", "orange100BackgroundColor": "_orange100BackgroundColor_2qqen_103", "orange200BackgroundColor": "_orange200BackgroundColor_2qqen_107", "orange300BackgroundColor": "_orange300BackgroundColor_2qqen_111", "orange700BackgroundColor": "_orange700BackgroundColor_2qqen_115", "orange800BackgroundColor": "_orange800BackgroundColor_2qqen_119", "orange900BackgroundColor": "_orange900BackgroundColor_2qqen_123", "primary100BackgroundColor": "_primary100BackgroundColor_2qqen_127", "primary200BackgroundColor": "_primary200BackgroundColor_2qqen_131", "primary300BackgroundColor": "_primary300BackgroundColor_2qqen_135", "primary700BackgroundColor": "_primary700BackgroundColor_2qqen_139", "primary800BackgroundColor": "_primary800BackgroundColor_2qqen_143", "primary900BackgroundColor": "_primary900BackgroundColor_2qqen_147", "success100BackgroundColor": "_success100BackgroundColor_2qqen_151", "success200BackgroundColor": "_success200BackgroundColor_2qqen_155", "success300BackgroundColor": "_success300BackgroundColor_2qqen_159", "success700BackgroundColor": "_success700BackgroundColor_2qqen_163", "success800BackgroundColor": "_success800BackgroundColor_2qqen_167", "success900BackgroundColor": "_success900BackgroundColor_2qqen_171", "purple100BackgroundColor": "_purple100BackgroundColor_2qqen_175", "purple200BackgroundColor": "_purple200BackgroundColor_2qqen_179", "purple300BackgroundColor": "_purple300BackgroundColor_2qqen_183", "purple700BackgroundColor": "_purple700BackgroundColor_2qqen_187", "purple800BackgroundColor": "_purple800BackgroundColor_2qqen_191", "purple900BackgroundColor": "_purple900BackgroundColor_2qqen_195", "whiteBackgroundColor": "_whiteBackgroundColor_2qqen_199", "yellow100BackgroundColor": "_yellow100BackgroundColor_2qqen_203", "yellow200BackgroundColor": "_yellow200BackgroundColor_2qqen_207", "yellow300BackgroundColor": "_yellow300BackgroundColor_2qqen_211", "yellow700BackgroundColor": "_yellow700BackgroundColor_2qqen_215", "yellow800BackgroundColor": "_yellow800BackgroundColor_2qqen_219", "yellow900BackgroundColor": "_yellow900BackgroundColor_2qqen_223" };
-
-export {
-  colors_module_default
-};
-//# sourceMappingURL=3L7VHFFX.mjs.map

package/dist/__chunks/3L7VHFFX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:./colors.module.css#css-module"],"sourcesContent":["import \"/Users/christian/cambly/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_2qqen_2\",\"yellowSecondaryBackgroundColor\":\"_yellowSecondaryBackgroundColor_2qqen_6\",\"destructive700Color\":\"_destructive700Color_2qqen_10\",\"gray700Color\":\"_gray700Color_2qqen_14\",\"gray900Color\":\"_gray900Color_2qqen_18\",\"primary700Color\":\"_primary700Color_2qqen_22\",\"success700Color\":\"_success700Color_2qqen_26\",\"whiteColor\":\"_whiteColor_2qqen_30\",\"blackBackgroundColor\":\"_blackBackgroundColor_2qqen_35\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_2qqen_39\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_2qqen_43\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_2qqen_47\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_2qqen_51\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_2qqen_55\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_2qqen_59\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_2qqen_63\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_2qqen_67\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_2qqen_71\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_2qqen_75\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_2qqen_79\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_2qqen_83\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_2qqen_87\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_2qqen_91\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_2qqen_95\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_2qqen_99\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_2qqen_103\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_2qqen_107\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_2qqen_111\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_2qqen_115\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_2qqen_119\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_2qqen_123\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_2qqen_127\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_2qqen_131\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_2qqen_135\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_2qqen_139\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_2qqen_143\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_2qqen_147\",\"success100BackgroundColor\":\"_success100BackgroundColor_2qqen_151\",\"success200BackgroundColor\":\"_success200BackgroundColor_2qqen_155\",\"success300BackgroundColor\":\"_success300BackgroundColor_2qqen_159\",\"success700BackgroundColor\":\"_success700BackgroundColor_2qqen_163\",\"success800BackgroundColor\":\"_success800BackgroundColor_2qqen_167\",\"success900BackgroundColor\":\"_success900BackgroundColor_2qqen_171\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_2qqen_175\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_2qqen_179\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_2qqen_183\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_2qqen_187\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_2qqen_191\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_2qqen_195\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_2qqen_199\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_2qqen_203\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_2qqen_207\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_2qqen_211\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_2qqen_215\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_2qqen_219\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_2qqen_223\"}"],"mappings":";AAA2F,IAAO,wBAAQ,EAAC,gBAAe,yBAAwB,kCAAiC,2CAA0C,uBAAsB,iCAAgC,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,uCAAsC,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,sCAAqC;","names":[]}

package/dist/__chunks/3LM54GWV.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:./ButtonGroup.module.css#css-module","../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import \"/Users/christian/cambly/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_1f9x9_1\",\"horizontal\":\"_horizontal_1f9x9_5\",\"vertical\":\"_vertical_1f9x9_9\",\"smallGap\":\"_smallGap_1f9x9_13\",\"mediumGap\":\"_mediumGap_1f9x9_17\",\"largeGap\":\"_largeGap_1f9x9_21\"}","import { type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { type Size } from \"../constants\";\nimport classNames from \"classnames\";\n\nconst gap = {\n  [\"sm\"]: styles.smallGap,\n  [\"md\"]: styles.mediumGap,\n  [\"lg\"]: styles.largeGap,\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   * * `sm`: 8px\n   * * `md`: 12px\n   * * `lg`: 16px\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 classnames = classNames(styles.buttonGroup, gap[size], {\n    [styles.horizontal]: orientation === \"horizontal\",\n    [styles.vertical]: orientation === \"vertical\",\n  });\n\n  return <div className={classnames}>{children}</div>;\n};\n\nexport default ButtonGroup;\n"],"mappings":";AAAqG,IAAO,6BAAQ,EAAC,eAAc,wBAAuB,cAAa,uBAAsB,YAAW,qBAAoB,YAAW,sBAAqB,aAAY,uBAAsB,YAAW,qBAAoB;;;ACG7T,OAAO,gBAAgB;AA0Cd;AAxCT,IAAM,MAAM;AAAA,EACV,CAAC,IAAI,GAAG,2BAAO;AAAA,EACf,CAAC,IAAI,GAAG,2BAAO;AAAA,EACf,CAAC,IAAI,GAAG,2BAAO;AACjB;AAKA,IAAM,cAAc,CAAC;AAAA,EACnB,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AACF,MAqBoB;AAClB,QAAM,aAAa,WAAW,2BAAO,aAAa,IAAI,IAAI,GAAG;AAAA,IAC3D,CAAC,2BAAO,UAAU,GAAG,gBAAgB;AAAA,IACrC,CAAC,2BAAO,QAAQ,GAAG,gBAAgB;AAAA,EACrC,CAAC;AAED,SAAO,oBAAC,SAAI,WAAW,YAAa,UAAS;AAC/C;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/__chunks/3MG27OMA.js

@@ -1,64 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _EDT4HTWEjs = require('./EDT4HTWE.js');
-
-
-var _6LPXMM72js = require('./6LPXMM72.js');
-
-// 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_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
-var _jsxruntime = require('react/jsx-runtime');
-var iconSize = {
-  ["sm"]: IconButton_module_default.smIcon,
-  ["md"]: IconButton_module_default.mdIcon,
-  ["lg"]: IconButton_module_default.lgIcon
-};
-var IconButton = _react.forwardRef.call(void 0, 
-  ({
-    accessibilityLabel,
-    color = "primary",
-    "data-testid": dataTestId,
-    disabled = false,
-    icon: Icon,
-    size = "md",
-    tooltip,
-    onClick
-  }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        "aria-label": accessibilityLabel,
-        "data-testid": dataTestId,
-        type: "button",
-        title: tooltip,
-        disabled,
-        onClick,
-        className: _classnames2.default.call(void 0, 
-          IconButton_module_default.iconButton,
-          _EDT4HTWEjs.foregroundColor.call(void 0, color),
-          _6LPXMM72js.backgroundColor.call(void 0, color),
-          IconButton_module_default[size],
-          {
-            [IconButton_module_default.secondaryBorder]: color === "secondary",
-            [IconButton_module_default.secondaryDestructiveBorder]: color === "destructive-secondary"
-          }
-        ),
-        ref,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: iconSize[size] })
-      }
-    );
-  }
-);
-IconButton.displayName = "IconButton";
-var IconButton_default = IconButton;
-
-
-
-exports.IconButton_default = IconButton_default;
-//# sourceMappingURL=3MG27OMA.js.map

package/dist/__chunks/3MG27OMA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module"],"names":[],"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;;;ADgG/Y;AAzFR,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,WACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ,eAAa;AAAA,QACb,MAAK;AAAA,QACL,OAAO;AAAA,QACP;AAAA,QACA;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","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\";\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    return (\n      <button\n        aria-label={accessibilityLabel}\n        data-testid={dataTestId}\n        type=\"button\"\n        title={tooltip}\n        disabled={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\"}"]}