@cambly/syntax-core 10.6.1 → 10.7.0-beta.0

package/dist/__chunks/SYWCE5XN.cjs

@@ -0,0 +1,111 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _Q3DMM66Fcjs = require('./Q3DMM66F.cjs');
+
+
+var _NDHJK4HCcjs = require('./NDHJK4HC.cjs');
+
+
+var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
+
+
+var _GVEA7SLQcjs = require('./GVEA7SLQ.cjs');
+
+// 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 = _FZRIE7EXcjs.useIsHydrated.call(void 0, );
+  const disabled = !isHydrated || disabledProp;
+  const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
+  const { isFocusVisible } = _GVEA7SLQcjs.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,
+    [_Q3DMM66Fcjs.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,
+    [_Q3DMM66Fcjs.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, 
+          _NDHJK4HCcjs.Typography_default,
+          {
+            size: typographySize[size],
+            color: error ? "destructive-primary" : "gray800",
+            children: label
+          }
+        )
+      ]
+    }
+  );
+};
+var Checkbox_default = Checkbox;
+
+
+
+exports.Checkbox_default = Checkbox_default;
+//# sourceMappingURL=SYWCE5XN.cjs.map

package/dist/__chunks/SYWCE5XN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Checkbox/Checkbox.tsx","css-module:./Checkbox.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,SAAmC,gBAAgB;AACnD,OAAO,gBAAgB;;;ACDwE,IAAO,0BAAQ,EAAC,iBAAgB,0BAAyB,gBAAe,yBAAwB,YAAW,sBAAqB,YAAW,sBAAqB,kBAAiB,4BAA2B,iBAAgB,2BAA0B,gBAAe,0BAAyB,mBAAkB,6BAA4B,wBAAuB,kCAAiC,cAAa,wBAAuB,mBAAkB,6BAA4B,gBAAe,0BAAyB,MAAK,gBAAe,MAAK,eAAc;;;ADwFhoB,SAYQ,KAZR;AAhFJ,IAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,WAAW,CAAC;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR;AACF,MAwCoB;AAClB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAE3C,QAAM,kBAAkB,WAAW,wBAAO,UAAU,wBAAO,IAAI,CAAC;AAChE,QAAM,mBAAmB,WAAW,iBAAiB,wBAAO,cAAc;AAAA,IACxE,CAAC,wBAAO,eAAe,GAAG,CAAC;AAAA,IAC3B,CAAC,wBAAO,oBAAoB,GAAG;AAAA,IAC/B,CAAC,qBAAY,yBAAyB,GAAG,aAAa;AAAA,EACxD,CAAC;AACD,QAAM,iBAAiB,WAAW,iBAAiB,wBAAO,YAAY;AAAA,IACpE,CAAC,wBAAO,eAAe,GAAG,CAAC;AAAA,IAC3B,CAAC,wBAAO,YAAY,GAAG;AAAA,IACvB,CAAC,qBAAY,yBAAyB,GAAG,aAAa;AAAA,EACxD,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,wBAAO;AAAA,QACP,wBAAO,SAAS,WAAW,aAAa,WAAW;AAAA,QACnD;AAAA,UACE,CAAC,wBAAO,QAAQ,GAAG;AAAA,QACrB;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,SAAI,WAAW,UAAU,iBAAiB,kBACxC,qBACC,oBAAC,SAAI,eAAY,QAAO,SAAQ,aAAY,OAAO,UAAU,IAAI,GAC/D;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH,GACH,GAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa;AAAA,YACb,MAAK;AAAA,YACL,WAAW;AAAA,cACT,wBAAO;AAAA,cACP,wBAAO,IAAI;AAAA,cACX,wBAAO,SAAS,WAAW,aAAa,WAAW;AAAA,YACrD;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,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,eAAe,IAAI;AAAA,YACzB,OAAO,QAAQ,wBAAwB;AAAA,YAEtC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ","sourcesContent":["import React, { type ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport styles from \"./Checkbox.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst typographySize = {\n  sm: 100,\n  md: 200,\n} as const;\n\nconst iconWidth = {\n  sm: 12,\n  md: 20,\n};\n\n/**\n * [Checkbox](https://cambly-syntax.vercel.app/?path=/docs/components-checkbox--docs) is a clickable element that will show if an option has been selected or not.\n */\nconst Checkbox = ({\n  checked = false,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  size = \"md\",\n  label,\n  error = false,\n  onChange,\n}: {\n  /**\n   * Whether or not the box has been clicked\n   *\n   * @defaultValue false\n   */\n  checked: boolean;\n  /**\n   * Test id for the checkbox\n   */\n  \"data-testid\"?: string;\n  /**\n   * The callback to be called when the checkbox value changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Whether or not the box is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The size of the checkbox and icon\n   *\n   * * `sm`: 16px\n   * * `md`: 24px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\";\n  /**\n   * The text accompanying the checkbox\n   */\n  label: string;\n  /**\n   * Whether or not there is an error with the input\n   *\n   * @defaultValue false\n   */\n  error?: boolean;\n}): ReactElement => {\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const [isFocused, setIsFocused] = useState(false);\n  const { isFocusVisible } = useFocusVisible();\n\n  const checkboxStyling = classNames(styles.checkbox, styles[size]);\n  const uncheckedStyling = classNames(checkboxStyling, styles.uncheckedBox, {\n    [styles.uncheckedBorder]: !error,\n    [styles.uncheckedErrorBorder]: error,\n    [focusStyles.accessibilityOutlineFocus]: isFocused && isFocusVisible,\n  });\n  const checkedStyling = classNames(checkboxStyling, styles.checkedBox, {\n    [styles.checkedNonError]: !error,\n    [styles.checkedError]: error,\n    [focusStyles.accessibilityOutlineFocus]: isFocused && isFocusVisible,\n  });\n\n  return (\n    <label\n      className={classNames(\n        styles.mainContainer,\n        styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        {\n          [styles.disabled]: disabled,\n        },\n      )}\n    >\n      <div className={checked ? checkedStyling : uncheckedStyling}>\n        {checked && (\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n            <path\n              fill=\"#fff\"\n              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\"\n            ></path>\n          </svg>\n        )}\n      </div>\n      <input\n        data-testid={dataTestId}\n        type=\"checkbox\"\n        className={classNames(\n          styles.inputOverlay,\n          styles[size],\n          styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        )}\n        checked={checked}\n        onChange={onChange}\n        disabled={disabled}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onBlur={() => {\n          setIsFocused(false);\n        }}\n      />\n      <Typography\n        size={typographySize[size]}\n        color={error ? \"destructive-primary\" : \"gray800\"}\n      >\n        {label}\n      </Typography>\n    </label>\n  );\n};\n\nexport default Checkbox;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Checkbox/Checkbox.module.css\"; export 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\"}"]}

package/dist/__chunks/{VBSJSA3B.js → T5KHVRXK.js}

@@ -1,9 +1,9 @@
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./LOTC75LA.js";
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./2DQWGEPP.js";
 import {
   useIsHydrated
 } from "./YJ7YDIGB.js";
@@ -73,4 +73,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=VBSJSA3B.js.map
+//# sourceMappingURL=T5KHVRXK.js.map

package/dist/__chunks/{VBSJSA3B.js.map → T5KHVRXK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Chip/Chip.tsx","css-module:./Chip.module.css#css-module"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Chip.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype ChipProps = {\n  /**\n   * If true, the chip will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Sets the initial status of this chip component.\n   * * `true` will display a grey chip.\n   * * `false` will display a premium800 color chip.\n   *\n   * @defaultValue \"false\"\n   */\n  selected?: boolean;\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * Size of the chip.\n   *\n   * * `sm`: 32px\n   * * `lg`: 48px\n   *\n   * @defaultValue sm\n   */\n  size?: \"sm\" | \"lg\";\n  /**\n   * The text to be displayed on the chip\n   */\n  text: string;\n  /**\n   * The callback to be called when the chip is clicked\n   */\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The icon to be displayed.\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n  /** forces focus ring styling */\n  dangerouslyForceFocusStyles?: boolean;\n};\n/**\n * [Chip](https://cambly-syntax.vercel.app/?path=/docs/components-chip--docs) is used to show status (selected/not selected) like a toggle button.\n */\nconst Chip = forwardRef<HTMLButtonElement, ChipProps>(\n  (\n    {\n      disabled: disabledProp = false,\n      selected = false,\n      \"data-testid\": dataTestId,\n      size = \"sm\",\n      text,\n      onChange,\n      icon: Icon,\n      dangerouslyForceFocusStyles,\n    }: ChipProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n\n    const chipStyles = classnames(styles.chip, styles[size], {\n      [styles.selectedChip]: selected,\n      [styles.disabled]: disabled,\n      [styles.forceFocus]: dangerouslyForceFocusStyles,\n    });\n    const iconStyles = classnames(styles.icon, {\n      [styles.selectedIcon]: selected,\n    });\n    const typographySize = {\n      [\"sm\"]: 200,\n      [\"lg\"]: 300,\n    } as const;\n\n    return (\n      <button\n        className={chipStyles}\n        disabled={disabled}\n        data-testid={dataTestId}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={selected}\n        onClick={onChange}\n      >\n        {Icon && <Icon className={iconStyles} />}\n        <Box paddingX={Icon ? 1 : 0}>\n          <Typography\n            size={typographySize[size]}\n            color={selected ? \"white\" : \"gray900\"}\n          >\n            {text}\n          </Typography>\n        </Box>\n      </button>\n    );\n  },\n);\n\nChip.displayName = \"Chip\";\n\nexport default Chip;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Chip/Chip.module.css\"; export default {\"chip\":\"_chip_kwro3_1\",\"disabled\":\"_disabled_kwro3_13\",\"selectedChip\":\"_selectedChip_kwro3_18\",\"icon\":\"_icon_kwro3_23\",\"selectedIcon\":\"_selectedIcon_kwro3_31\",\"sm\":\"_sm_kwro3_35\",\"lg\":\"_lg_kwro3_41\",\"forceFocus\":\"_forceFocus_kwro3_48\"}"],"mappings":";;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAClC,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,YAAW,sBAAqB,gBAAe,0BAAyB,QAAO,kBAAiB,gBAAe,0BAAyB,MAAK,gBAAe,MAAK,gBAAe,cAAa,uBAAsB;;;ADkF5U,SASW,KATX;AA/BN,IAAM,OAAO;AAAA,EACX,CACE;AAAA,IACE,UAAU,eAAe;AAAA,IACzB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,EACF,GACA,QACG;AACH,UAAM,aAAa,cAAc;AACjC,UAAM,WAAW,CAAC,cAAc;AAEhC,UAAM,aAAa,WAAW,oBAAO,MAAM,oBAAO,IAAI,GAAG;AAAA,MACvD,CAAC,oBAAO,YAAY,GAAG;AAAA,MACvB,CAAC,oBAAO,QAAQ,GAAG;AAAA,MACnB,CAAC,oBAAO,UAAU,GAAG;AAAA,IACvB,CAAC;AACD,UAAM,aAAa,WAAW,oBAAO,MAAM;AAAA,MACzC,CAAC,oBAAO,YAAY,GAAG;AAAA,IACzB,CAAC;AACD,UAAM,iBAAiB;AAAA,MACrB,CAAC,IAAI,GAAG;AAAA,MACR,CAAC,IAAI,GAAG;AAAA,IACV;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,SAAS;AAAA,QAER;AAAA,kBAAQ,oBAAC,QAAK,WAAW,YAAY;AAAA,UACtC,oBAAC,eAAI,UAAU,OAAO,IAAI,GACxB;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,eAAe,IAAI;AAAA,cACzB,OAAO,WAAW,UAAU;AAAA,cAE3B;AAAA;AAAA,UACH,GACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ;","names":[]}
+{"version":3,"sources":["../../src/Chip/Chip.tsx","css-module:./Chip.module.css#css-module"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Chip.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype ChipProps = {\n  /**\n   * If true, the chip will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Sets the initial status of this chip component.\n   * * `true` will display a grey chip.\n   * * `false` will display a premium800 color chip.\n   *\n   * @defaultValue \"false\"\n   */\n  selected?: boolean;\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * Size of the chip.\n   *\n   * * `sm`: 32px\n   * * `lg`: 48px\n   *\n   * @defaultValue sm\n   */\n  size?: \"sm\" | \"lg\";\n  /**\n   * The text to be displayed on the chip\n   */\n  text: string;\n  /**\n   * The callback to be called when the chip is clicked\n   */\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The icon to be displayed.\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n  /** forces focus ring styling */\n  dangerouslyForceFocusStyles?: boolean;\n};\n/**\n * [Chip](https://cambly-syntax.vercel.app/?path=/docs/components-chip--docs) is used to show status (selected/not selected) like a toggle button.\n */\nconst Chip = forwardRef<HTMLButtonElement, ChipProps>(\n  (\n    {\n      disabled: disabledProp = false,\n      selected = false,\n      \"data-testid\": dataTestId,\n      size = \"sm\",\n      text,\n      onChange,\n      icon: Icon,\n      dangerouslyForceFocusStyles,\n    }: ChipProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n\n    const chipStyles = classnames(styles.chip, styles[size], {\n      [styles.selectedChip]: selected,\n      [styles.disabled]: disabled,\n      [styles.forceFocus]: dangerouslyForceFocusStyles,\n    });\n    const iconStyles = classnames(styles.icon, {\n      [styles.selectedIcon]: selected,\n    });\n    const typographySize = {\n      [\"sm\"]: 200,\n      [\"lg\"]: 300,\n    } as const;\n\n    return (\n      <button\n        className={chipStyles}\n        disabled={disabled}\n        data-testid={dataTestId}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={selected}\n        onClick={onChange}\n      >\n        {Icon && <Icon className={iconStyles} />}\n        <Box paddingX={Icon ? 1 : 0}>\n          <Typography\n            size={typographySize[size]}\n            color={selected ? \"white\" : \"gray900\"}\n          >\n            {text}\n          </Typography>\n        </Box>\n      </button>\n    );\n  },\n);\n\nChip.displayName = \"Chip\";\n\nexport default Chip;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Chip/Chip.module.css\"; export default {\"chip\":\"_chip_kwro3_1\",\"disabled\":\"_disabled_kwro3_13\",\"selectedChip\":\"_selectedChip_kwro3_18\",\"icon\":\"_icon_kwro3_23\",\"selectedIcon\":\"_selectedIcon_kwro3_31\",\"sm\":\"_sm_kwro3_35\",\"lg\":\"_lg_kwro3_41\",\"forceFocus\":\"_forceFocus_kwro3_48\"}"],"mappings":";;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAClC,OAAO,gBAAgB;;;ACDgE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,YAAW,sBAAqB,gBAAe,0BAAyB,QAAO,kBAAiB,gBAAe,0BAAyB,MAAK,gBAAe,MAAK,gBAAe,cAAa,uBAAsB;;;ADkF3U,SASW,KATX;AA/BN,IAAM,OAAO;AAAA,EACX,CACE;AAAA,IACE,UAAU,eAAe;AAAA,IACzB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,EACF,GACA,QACG;AACH,UAAM,aAAa,cAAc;AACjC,UAAM,WAAW,CAAC,cAAc;AAEhC,UAAM,aAAa,WAAW,oBAAO,MAAM,oBAAO,IAAI,GAAG;AAAA,MACvD,CAAC,oBAAO,YAAY,GAAG;AAAA,MACvB,CAAC,oBAAO,QAAQ,GAAG;AAAA,MACnB,CAAC,oBAAO,UAAU,GAAG;AAAA,IACvB,CAAC;AACD,UAAM,aAAa,WAAW,oBAAO,MAAM;AAAA,MACzC,CAAC,oBAAO,YAAY,GAAG;AAAA,IACzB,CAAC;AACD,UAAM,iBAAiB;AAAA,MACrB,CAAC,IAAI,GAAG;AAAA,MACR,CAAC,IAAI,GAAG;AAAA,IACV;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,SAAS;AAAA,QAER;AAAA,kBAAQ,oBAAC,QAAK,WAAW,YAAY;AAAA,UACtC,oBAAC,eAAI,UAAU,OAAO,IAAI,GACxB;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,eAAe,IAAI;AAAA,cACzB,OAAO,WAAW,UAAU;AAAA,cAE3B;AAAA;AAAA,UACH,GACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ;","names":[]}

package/dist/__chunks/TC3MWLLE.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/colors/foregroundTypographyColor.ts
+function foregroundTypographyColor(color) {
+  switch (color) {
+    case "secondary":
+    case "tertiary":
+      return "primary";
+    case "destructive-secondary":
+    case "destructive-tertiary":
+      return "destructive-primary";
+    case "branded":
+      return "gray900";
+    default:
+      return "white";
+  }
+}
+
+
+
+exports.foregroundTypographyColor = foregroundTypographyColor;
+//# sourceMappingURL=TC3MWLLE.js.map

package/dist/__chunks/TC3MWLLE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/foregroundTypographyColor.ts"],"names":[],"mappings":";AAEe,SAAR,0BACL,OACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF","sourcesContent":["import { type Color } from \"../constants\";\n\nexport default function foregroundTypographyColor(\n  color: (typeof Color)[number],\n): (typeof Color)[number] {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return \"primary\";\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return \"destructive-primary\";\n    case \"branded\":\n      return \"gray900\";\n    default:\n      return \"white\";\n  }\n}\n"]}

package/dist/__chunks/{JLUYEG2L.cjs → TCDLLMZO.js}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _36B62A3Zcjs = require('./36B62A3Z.cjs');
+var _5DBWL6IKjs = require('./5DBWL6IK.js');
 
 
-var _3HVG5AGOcjs = require('./3HVG5AGO.cjs');
+var _37REMIOMjs = require('./37REMIOM.js');
 
 
-var _TEJLBWXVcjs = require('./TEJLBWXV.cjs');
+var _TC3MWLLEjs = require('./TC3MWLLE.js');
 
 
-var _PQIPUPQ2cjs = require('./PQIPUPQ2.cjs');
+var _EDT4HTWEjs = require('./EDT4HTWE.js');
 
 
-var _4ICD552Dcjs = require('./4ICD552D.cjs');
+var _6LPXMM72js = require('./6LPXMM72.js');
 
 
-var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
+var _R3JL4P3Qjs = require('./R3JL4P3Q.js');
 
 // src/LinkButton/LinkButton.tsx
 var _react = require('react');
@@ -54,8 +54,8 @@ var LinkButton = _react.forwardRef.call(void 0,
         className: _classnames2.default.call(void 0, 
           LinkButton_module_default.linkButton,
           Button_module_default.button,
-          _PQIPUPQ2cjs.foregroundColor.call(void 0, color),
-          _4ICD552Dcjs.backgroundColor.call(void 0, color),
+          _EDT4HTWEjs.foregroundColor.call(void 0, color),
+          _6LPXMM72js.backgroundColor.call(void 0, color),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
@@ -70,31 +70,18 @@ var LinkButton = _react.forwardRef.call(void 0,
           StartIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             StartIcon,
             {
-              className: _classnames2.default.call(void 0, 
-                Button_module_default.icon,
-                _3HVG5AGOcjs.iconSize_default[size],
-                _PQIPUPQ2cjs.foregroundColor.call(void 0, color)
-              )
+              className: _classnames2.default.call(void 0, Button_module_default.icon, _37REMIOMjs.iconSize_default[size])
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _ZX5KONS2cjs.Typography_default,
+            _R3JL4P3Qjs.Typography_default,
             {
-              color: _TEJLBWXVcjs.foregroundTypographyColor.call(void 0, color),
-              size: _36B62A3Zcjs.textVariant_default[size],
+              color: _TC3MWLLEjs.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,
-                _3HVG5AGOcjs.iconSize_default[size],
-                _PQIPUPQ2cjs.foregroundColor.call(void 0, color)
-              )
-            }
-          )
+          EndIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EndIcon, { className: _classnames2.default.call(void 0, Button_module_default.icon, _37REMIOMjs.iconSize_default[size]) })
         ]
       }
     );
@@ -106,4 +93,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=JLUYEG2L.cjs.map
+//# sourceMappingURL=TCDLLMZO.js.map

package/dist/__chunks/TCDLLMZO.js.map

@@ -0,0 +1 @@
+{"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,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;;;ACA5gB,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_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 \"/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/TCXV6BXC.js

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _R3JL4P3Qjs = require('./R3JL4P3Q.js');
+
+// src/Heading/Heading.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Heading = ({
+  align = "start",
+  as = "h1",
+  children,
+  color = "gray900",
+  "data-testid": dataTestId,
+  size = 500
+}) => {
+  const weight = [700, 800].includes(size) ? "heavy" : "bold";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _R3JL4P3Qjs.Typography_default,
+    {
+      align,
+      as,
+      color,
+      "data-testid": dataTestId,
+      size,
+      weight,
+      children
+    }
+  );
+};
+var Heading_default = Heading;
+
+
+
+exports.Heading_default = Heading_default;
+//# sourceMappingURL=TCXV6BXC.js.map

package/dist/__chunks/TCXV6BXC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":";;;;;AAyDI;AAlDJ,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,OAAO;AACT,MAwCoB;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,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  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   * 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      size={size}\n      weight={weight}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n"]}

package/dist/__chunks/{KMIZI5PW.js → TDW36DTR.js}

@@ -4,4 +4,4 @@ var Box_module_default = { "box": "_box_bg9pe_1", "flexnone": "_flexnone_bg9pe_5
 export {
   Box_module_default
 };
-//# sourceMappingURL=KMIZI5PW.js.map
+//# sourceMappingURL=TDW36DTR.js.map

package/dist/__chunks/TDW36DTR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Box/Box.module.css#css-module"],"sourcesContent":["import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Box/Box.module.css\"; export default {\"box\":\"_box_bg9pe_1\",\"flexnone\":\"_flexnone_bg9pe_5\",\"flexgrow\":\"_flexgrow_bg9pe_9\",\"flexWrap\":\"_flexWrap_bg9pe_13\",\"alignItemscenter\":\"_alignItemscenter_bg9pe_18\",\"alignItemsstart\":\"_alignItemsstart_bg9pe_22\",\"alignItemsend\":\"_alignItemsend_bg9pe_26\",\"alignItemsstretch\":\"_alignItemsstretch_bg9pe_30\",\"alignItemsbaseline\":\"_alignItemsbaseline_bg9pe_34\",\"alignItemscenterSmall\":\"_alignItemscenterSmall_bg9pe_40\",\"alignItemsstartSmall\":\"_alignItemsstartSmall_bg9pe_44\",\"alignItemsendSmall\":\"_alignItemsendSmall_bg9pe_48\",\"alignItemsstretchSmall\":\"_alignItemsstretchSmall_bg9pe_52\",\"alignItemsbaselineSmall\":\"_alignItemsbaselineSmall_bg9pe_56\",\"alignItemscenterLarge\":\"_alignItemscenterLarge_bg9pe_63\",\"alignItemsstartLarge\":\"_alignItemsstartLarge_bg9pe_67\",\"alignItemsendLarge\":\"_alignItemsendLarge_bg9pe_71\",\"alignItemsstretchLarge\":\"_alignItemsstretchLarge_bg9pe_75\",\"alignItemsbaselineLarge\":\"_alignItemsbaselineLarge_bg9pe_79\",\"alignSelfcenter\":\"_alignSelfcenter_bg9pe_85\",\"alignSelfstart\":\"_alignSelfstart_bg9pe_89\",\"alignSelfend\":\"_alignSelfend_bg9pe_93\",\"alignSelfstretch\":\"_alignSelfstretch_bg9pe_97\",\"alignSelfbaseline\":\"_alignSelfbaseline_bg9pe_101\",\"alignSelfauto\":\"_alignSelfauto_bg9pe_105\",\"block\":\"_block_bg9pe_110\",\"flex\":\"_flex_bg9pe_5\",\"inlineBlock\":\"_inlineBlock_bg9pe_118\",\"none\":\"_none_bg9pe_122\",\"visuallyHidden\":\"_visuallyHidden_bg9pe_126\",\"blockSmall\":\"_blockSmall_bg9pe_140\",\"flexSmall\":\"_flexSmall_bg9pe_144\",\"inlineBlockSmall\":\"_inlineBlockSmall_bg9pe_148\",\"noneSmall\":\"_noneSmall_bg9pe_152\",\"visuallyHiddenSmall\":\"_visuallyHiddenSmall_bg9pe_156\",\"blockLarge\":\"_blockLarge_bg9pe_171\",\"flexLarge\":\"_flexLarge_bg9pe_175\",\"inlineBlockLarge\":\"_inlineBlockLarge_bg9pe_179\",\"noneLarge\":\"_noneLarge_bg9pe_183\",\"visuallyHiddenLarge\":\"_visuallyHiddenLarge_bg9pe_187\",\"column\":\"_column_bg9pe_201\",\"row\":\"_row_bg9pe_205\",\"columnSmall\":\"_columnSmall_bg9pe_211\",\"rowSmall\":\"_rowSmall_bg9pe_215\",\"columnLarge\":\"_columnLarge_bg9pe_222\",\"rowLarge\":\"_rowLarge_bg9pe_226\",\"gap0\":\"_gap0_bg9pe_232\",\"gap1\":\"_gap1_bg9pe_236\",\"gap2\":\"_gap2_bg9pe_240\",\"gap3\":\"_gap3_bg9pe_244\",\"gap4\":\"_gap4_bg9pe_248\",\"gap5\":\"_gap5_bg9pe_252\",\"gap6\":\"_gap6_bg9pe_256\",\"gap7\":\"_gap7_bg9pe_260\",\"gap8\":\"_gap8_bg9pe_264\",\"gap9\":\"_gap9_bg9pe_268\",\"gap10\":\"_gap10_bg9pe_272\",\"gap11\":\"_gap11_bg9pe_276\",\"gap12\":\"_gap12_bg9pe_280\",\"justifyContentcenter\":\"_justifyContentcenter_bg9pe_285\",\"justifyContentstart\":\"_justifyContentstart_bg9pe_289\",\"justifyContentend\":\"_justifyContentend_bg9pe_293\",\"justifyContentbetween\":\"_justifyContentbetween_bg9pe_297\",\"justifyContentaround\":\"_justifyContentaround_bg9pe_301\",\"justifyContentevenly\":\"_justifyContentevenly_bg9pe_305\",\"justifyContentcenterSmall\":\"_justifyContentcenterSmall_bg9pe_311\",\"justifyContentstartSmall\":\"_justifyContentstartSmall_bg9pe_315\",\"justifyContentendSmall\":\"_justifyContentendSmall_bg9pe_319\",\"justifyContentbetweenSmall\":\"_justifyContentbetweenSmall_bg9pe_323\",\"justifyContentaroundSmall\":\"_justifyContentaroundSmall_bg9pe_327\",\"justifyContentevenlySmall\":\"_justifyContentevenlySmall_bg9pe_331\",\"justifyContentcenterLarge\":\"_justifyContentcenterLarge_bg9pe_338\",\"justifyContentstartLarge\":\"_justifyContentstartLarge_bg9pe_342\",\"justifyContentendLarge\":\"_justifyContentendLarge_bg9pe_346\",\"justifyContentbetweenLarge\":\"_justifyContentbetweenLarge_bg9pe_350\",\"justifyContentaroundLarge\":\"_justifyContentaroundLarge_bg9pe_354\",\"justifyContentevenlyLarge\":\"_justifyContentevenlyLarge_bg9pe_358\",\"overflowvisible\":\"_overflowvisible_bg9pe_364\",\"overflowhidden\":\"_overflowhidden_bg9pe_368\",\"overflowscroll\":\"_overflowscroll_bg9pe_372\",\"overflowauto\":\"_overflowauto_bg9pe_376\",\"overflowinherit\":\"_overflowinherit_bg9pe_380\",\"overflowinitial\":\"_overflowinitial_bg9pe_384\",\"overflowXvisible\":\"_overflowXvisible_bg9pe_388\",\"overflowXhidden\":\"_overflowXhidden_bg9pe_392\",\"overflowXscroll\":\"_overflowXscroll_bg9pe_396\",\"overflowXauto\":\"_overflowXauto_bg9pe_400\",\"overflowXinherit\":\"_overflowXinherit_bg9pe_404\",\"overflowXinitial\":\"_overflowXinitial_bg9pe_408\",\"overflowYvisible\":\"_overflowYvisible_bg9pe_412\",\"overflowYhidden\":\"_overflowYhidden_bg9pe_416\",\"overflowYscroll\":\"_overflowYscroll_bg9pe_420\",\"overflowYauto\":\"_overflowYauto_bg9pe_424\",\"overflowYinherit\":\"_overflowYinherit_bg9pe_428\",\"overflowYinitial\":\"_overflowYinitial_bg9pe_432\",\"absolute\":\"_absolute_bg9pe_437\",\"fixed\":\"_fixed_bg9pe_441\",\"relative\":\"_relative_bg9pe_445\",\"sticky\":\"_sticky_bg9pe_449\"}"],"mappings":";AAAqF,IAAO,qBAAQ,EAAC,OAAM,gBAAe,YAAW,qBAAoB,YAAW,qBAAoB,YAAW,sBAAqB,oBAAmB,8BAA6B,mBAAkB,6BAA4B,iBAAgB,2BAA0B,qBAAoB,+BAA8B,sBAAqB,gCAA+B,yBAAwB,mCAAkC,wBAAuB,kCAAiC,sBAAqB,gCAA+B,0BAAyB,oCAAmC,2BAA0B,qCAAoC,yBAAwB,mCAAkC,wBAAuB,kCAAiC,sBAAqB,gCAA+B,0BAAyB,oCAAmC,2BAA0B,qCAAoC,mBAAkB,6BAA4B,kBAAiB,4BAA2B,gBAAe,0BAAyB,oBAAmB,8BAA6B,qBAAoB,gCAA+B,iBAAgB,4BAA2B,SAAQ,oBAAmB,QAAO,iBAAgB,eAAc,0BAAyB,QAAO,mBAAkB,kBAAiB,6BAA4B,cAAa,yBAAwB,aAAY,wBAAuB,oBAAmB,+BAA8B,aAAY,wBAAuB,uBAAsB,kCAAiC,cAAa,yBAAwB,aAAY,wBAAuB,oBAAmB,+BAA8B,aAAY,wBAAuB,uBAAsB,kCAAiC,UAAS,qBAAoB,OAAM,kBAAiB,eAAc,0BAAyB,YAAW,uBAAsB,eAAc,0BAAyB,YAAW,uBAAsB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,SAAQ,oBAAmB,SAAQ,oBAAmB,SAAQ,oBAAmB,wBAAuB,mCAAkC,uBAAsB,kCAAiC,qBAAoB,gCAA+B,yBAAwB,oCAAmC,wBAAuB,mCAAkC,wBAAuB,mCAAkC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,0BAAyB,qCAAoC,8BAA6B,yCAAwC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,0BAAyB,qCAAoC,8BAA6B,yCAAwC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,mBAAkB,8BAA6B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,gBAAe,2BAA0B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,oBAAmB,+BAA8B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,iBAAgB,4BAA2B,oBAAmB,+BAA8B,oBAAmB,+BAA8B,oBAAmB,+BAA8B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,iBAAgB,4BAA2B,oBAAmB,+BAA8B,oBAAmB,+BAA8B,YAAW,uBAAsB,SAAQ,oBAAmB,YAAW,uBAAsB,UAAS,oBAAmB;","names":[]}

package/dist/__chunks/TGLKPSPZ.js

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

package/dist/__chunks/TGLKPSPZ.js.map

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

package/dist/__chunks/TH7Z7WTQ.js

@@ -0,0 +1,28 @@
+// css-module:./ButtonGroup.module.css#css-module
+var ButtonGroup_module_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" };
+
+// src/ButtonGroup/ButtonGroup.tsx
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+var gap = {
+  sm: ButtonGroup_module_default.smallGap,
+  md: ButtonGroup_module_default.mediumGap,
+  lg: ButtonGroup_module_default.largeGap
+};
+var ButtonGroup = ({
+  orientation = "horizontal",
+  size = "md",
+  children
+}) => {
+  const classnames = classNames(ButtonGroup_module_default.buttonGroup, gap[size], {
+    [ButtonGroup_module_default.horizontal]: orientation === "horizontal",
+    [ButtonGroup_module_default.vertical]: orientation === "vertical"
+  });
+  return /* @__PURE__ */ jsx("div", { className: classnames, children });
+};
+var ButtonGroup_default = ButtonGroup;
+
+export {
+  ButtonGroup_default
+};
+//# sourceMappingURL=TH7Z7WTQ.js.map

package/dist/__chunks/TH7Z7WTQ.js.map

@@ -0,0 +1 @@
+{"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,IAAI,2BAAO;AAAA,EACX,IAAI,2BAAO;AAAA,EACX,IAAI,2BAAO;AACb;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/THSDOTMK.cjs

@@ -0,0 +1,127 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _GKECCWR3cjs = require('./GKECCWR3.cjs');
+
+
+
+var _S4SJHO7Gcjs = require('./S4SJHO7G.cjs');
+
+
+var _Q3DMM66Fcjs = require('./Q3DMM66F.cjs');
+
+
+var _NDHJK4HCcjs = require('./NDHJK4HC.cjs');
+
+
+var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
+
+
+var _GVEA7SLQcjs = require('./GVEA7SLQ.cjs');
+
+// src/SelectList/SelectList.tsx
+
+
+
+var _react = require('react');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+
+// css-module:./SelectList.module.css#css-module
+var SelectList_module_default = { "selectContainer": "_selectContainer_3ifov_1", "opacityOverlay": "_opacityOverlay_3ifov_7", "outerTextContainer": "_outerTextContainer_3ifov_11", "selectWrapper": "_selectWrapper_3ifov_16", "selectBox": "_selectBox_3ifov_21", "selectMouseFocusStyling": "_selectMouseFocusStyling_3ifov_37", "unselected": "_unselected_3ifov_42", "selected": "_selected_3ifov_46", "arrowIcon": "_arrowIcon_3ifov_50", "sm": "_sm_3ifov_64", "md": "_md_3ifov_70", "lg": "_lg_3ifov_76", "selectError": "_selectError_3ifov_82" };
+
+// src/SelectList/SelectList.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var iconSize = {
+  sm: 20,
+  md: 24,
+  lg: 24
+};
+function SelectList({
+  children,
+  "data-testid": dataTestId,
+  disabled: disabledProp = false,
+  errorText,
+  helperText,
+  id,
+  label,
+  onChange,
+  onClick,
+  placeholderText,
+  selectedValue = "",
+  size = "md"
+}) {
+  const reactId = _react.useId.call(void 0, );
+  const isHydrated = _FZRIE7EXcjs.useIsHydrated.call(void 0, );
+  const disabled = !isHydrated || disabledProp;
+  const selectId = id != null ? id : reactId;
+  const { isFocusVisible } = _GVEA7SLQcjs.useFocusVisible.call(void 0, );
+  const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _classnames2.default.call(void 0, SelectList_module_default.selectContainer, {
+        [SelectList_module_default.opacityOverlay]: disabled
+      }),
+      children: [
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NDHJK4HCcjs.Typography_default, { size: 100, color: "gray700", children: label }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SelectList_module_default.selectWrapper, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "select",
+            {
+              id: selectId,
+              "data-testid": dataTestId,
+              disabled,
+              className: _classnames2.default.call(void 0, SelectList_module_default.selectBox, SelectList_module_default[size], {
+                [SelectList_module_default.unselected]: !selectedValue && !errorText,
+                [SelectList_module_default.selected]: selectedValue && !errorText,
+                [SelectList_module_default.selectError]: errorText,
+                [_Q3DMM66Fcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible,
+                // for focus keyboard
+                [SelectList_module_default.selectMouseFocusStyling]: isFocused && !isFocusVisible
+                // for focus mouse
+              }),
+              onChange,
+              onClick,
+              value: placeholderText && !selectedValue ? placeholderText : selectedValue,
+              onFocus: () => setIsFocused(true),
+              onBlur: () => setIsFocused(false),
+              children: [
+                placeholderText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { disabled: true, value: placeholderText, children: placeholderText }),
+                children
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: SelectList_module_default.arrowIcon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "svg",
+            {
+              focusable: "false",
+              "aria-hidden": "true",
+              viewBox: "0 0 24 24",
+              width: iconSize[size],
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "path",
+                {
+                  fill: errorText ? _S4SJHO7Gcjs.ColorBaseDestructive700 : _S4SJHO7Gcjs.ColorBaseGray800,
+                  d: "M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z"
+                }
+              )
+            }
+          ) })
+        ] }),
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _NDHJK4HCcjs.Typography_default,
+          {
+            size: 100,
+            color: errorText ? "destructive-primary" : "gray700",
+            children: errorText ? errorText : helperText
+          }
+        ) })
+      ]
+    }
+  );
+}
+SelectList.Option = _GKECCWR3cjs.SelectOption_default;
+
+
+
+exports.SelectList = SelectList;
+//# sourceMappingURL=THSDOTMK.cjs.map

package/dist/__chunks/THSDOTMK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/SelectList/SelectList.tsx","css-module:./SelectList.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACN4E,IAAO,4BAAQ,EAAC,mBAAkB,4BAA2B,kBAAiB,2BAA0B,sBAAqB,gCAA+B,iBAAgB,2BAA0B,aAAY,uBAAsB,2BAA0B,qCAAoC,cAAa,wBAAuB,YAAW,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,eAAc,wBAAuB;;;ADgHtkB,cAMF,YANE;AA9FV,IAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAKe,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,OAAO;AACT,GAwDiB;AACf,QAAM,UAAU,MAAM;AACtB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,WAAW,kBAAM;AACvB,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,0BAAO,iBAAiB;AAAA,QAC5C,CAAC,0BAAO,cAAc,GAAG;AAAA,MAC3B,CAAC;AAAA,MAEA;AAAA,iBACC,oBAAC,WAAM,SAAS,UAAU,WAAW,0BAAO,oBAC1C,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF;AAAA,QAEF,qBAAC,SAAI,WAAW,0BAAO,eACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,eAAa;AAAA,cACb;AAAA,cACA,WAAW,WAAW,0BAAO,WAAW,0BAAO,IAAI,GAAG;AAAA,gBACpD,CAAC,0BAAO,UAAU,GAAG,CAAC,iBAAiB,CAAC;AAAA,gBACxC,CAAC,0BAAO,QAAQ,GAAG,iBAAiB,CAAC;AAAA,gBACrC,CAAC,0BAAO,WAAW,GAAG;AAAA,gBACtB,CAAC,qBAAY,yBAAyB,GACpC,aAAa;AAAA;AAAA,gBACf,CAAC,0BAAO,uBAAuB,GAAG,aAAa,CAAC;AAAA;AAAA,cAClD,CAAC;AAAA,cACD;AAAA,cACA;AAAA,cACA,OACE,mBAAmB,CAAC,gBAAgB,kBAAkB;AAAA,cAExD,SAAS,MAAM,aAAa,IAAI;AAAA,cAChC,QAAQ,MAAM,aAAa,KAAK;AAAA,cAE/B;AAAA,mCACC,oBAAC,YAAO,UAAQ,MAAC,OAAO,iBACrB,2BACH;AAAA,gBAED;AAAA;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,SAAI,WAAW,0BAAO,WACrB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAAQ;AAAA,cACR,OAAO,SAAS,IAAI;AAAA,cAEpB;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,YAAY,0BAA0B;AAAA,kBAC5C,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA,UACF,GACF;AAAA,WACF;AAAA,SACE,cAAc,cACd,oBAAC,SAAI,WAAW,0BAAO,oBACrB;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,YAAY,wBAAwB;AAAA,YAE1C,sBAAY,YAAY;AAAA;AAAA,QAC3B,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,WAAW,SAAS","sourcesContent":["import React, {\n  type ReactElement,\n  type ReactNode,\n  useId,\n  useState,\n} from \"react\";\nimport classNames from \"classnames\";\nimport {\n  ColorBaseDestructive700,\n  ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport styles from \"./SelectList.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport SelectOption from \"./SelectOption\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst iconSize = {\n  sm: 20,\n  md: 24,\n  lg: 24,\n} as const;\n\n/**\n * [SelectList](https://cambly-syntax.vercel.app/?path=/docs/components-selectlist--docs) is a dropdown menu that allows users to select one option from a list.\n */\nexport default function SelectList({\n  children,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  errorText,\n  helperText,\n  id,\n  label,\n  onChange,\n  onClick,\n  placeholderText,\n  selectedValue = \"\",\n  size = \"md\",\n}: {\n  /**\n   * One or more SelectList.Option components.\n   */\n  children: ReactNode;\n  /**\n   * Test id for the select element\n   */\n  \"data-testid\"?: string;\n  /**\n   * true if the select dropdown is disabled\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Callback to be called when select is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLSelectElement>;\n  /**\n   * Text shown below select box if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Text shown below select box\n   */\n  helperText?: string;\n  /**\n   * Id of the select element\n   */\n  id?: string;\n  /**\n   * Text shown above select box\n   */\n  label: string;\n  /**\n   * The callback to be called when an option is selected\n   */\n  onChange: React.ChangeEventHandler<HTMLSelectElement>;\n  /**\n   * Text showing in select box if no option has been chosen.\n   * We should always have a placeholder unless there is a default option selected\n   */\n  placeholderText?: string;\n  /**\n   * Value of the currently selected option\n   */\n  selectedValue?: string;\n  /**\n   * Size of the select box\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n}): ReactElement {\n  const reactId = useId();\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const selectId = id ?? reactId;\n  const { isFocusVisible } = useFocusVisible();\n  const [isFocused, setIsFocused] = useState(false);\n\n  return (\n    <div\n      className={classNames(styles.selectContainer, {\n        [styles.opacityOverlay]: disabled,\n      })}\n    >\n      {label && (\n        <label htmlFor={selectId} className={styles.outerTextContainer}>\n          <Typography size={100} color=\"gray700\">\n            {label}\n          </Typography>\n        </label>\n      )}\n      <div className={styles.selectWrapper}>\n        <select\n          id={selectId}\n          data-testid={dataTestId}\n          disabled={disabled}\n          className={classNames(styles.selectBox, styles[size], {\n            [styles.unselected]: !selectedValue && !errorText,\n            [styles.selected]: selectedValue && !errorText,\n            [styles.selectError]: errorText,\n            [focusStyles.accessibilityOutlineFocus]:\n              isFocused && isFocusVisible, // for focus keyboard\n            [styles.selectMouseFocusStyling]: isFocused && !isFocusVisible, // for focus mouse\n          })}\n          onChange={onChange}\n          onClick={onClick}\n          value={\n            placeholderText && !selectedValue ? placeholderText : selectedValue\n          }\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n        >\n          {placeholderText && (\n            <option disabled value={placeholderText}>\n              {placeholderText}\n            </option>\n          )}\n          {children}\n        </select>\n        <div className={styles.arrowIcon}>\n          <svg\n            focusable=\"false\"\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            width={iconSize[size]}\n          >\n            <path\n              fill={errorText ? ColorBaseDestructive700 : ColorBaseGray800}\n              d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n            />\n          </svg>\n        </div>\n      </div>\n      {(helperText || errorText) && (\n        <div className={styles.outerTextContainer}>\n          <Typography\n            size={100}\n            color={errorText ? \"destructive-primary\" : \"gray700\"}\n          >\n            {errorText ? errorText : helperText}\n          </Typography>\n        </div>\n      )}\n    </div>\n  );\n}\n\nSelectList.Option = SelectOption;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_3ifov_1\",\"opacityOverlay\":\"_opacityOverlay_3ifov_7\",\"outerTextContainer\":\"_outerTextContainer_3ifov_11\",\"selectWrapper\":\"_selectWrapper_3ifov_16\",\"selectBox\":\"_selectBox_3ifov_21\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_3ifov_37\",\"unselected\":\"_unselected_3ifov_42\",\"selected\":\"_selected_3ifov_46\",\"arrowIcon\":\"_arrowIcon_3ifov_50\",\"sm\":\"_sm_3ifov_64\",\"md\":\"_md_3ifov_70\",\"lg\":\"_lg_3ifov_76\",\"selectError\":\"_selectError_3ifov_82\"}"]}