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

package/dist/__chunks/EH5FEWYB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RichSelect/RichSelectChip.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, type ReactElement } from \"react\";\nimport Chip from \"../Chip/Chip\";\nimport RichSelectItem, { type RichSelectItemProps } from \"./RichSelectItem\";\n\ntype RichSelectChipProps = RichSelectItemProps;\n\nexport default forwardRef<HTMLDivElement, RichSelectChipProps>(\n  function RichSelectChip(\n    props: RichSelectChipProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ): ReactElement {\n    return (\n      <RichSelectItem {...props} ref={ref}>\n        {({ isSelected, isFocusVisible, isDisabled }) => (\n          <Chip\n            text={props.label}\n            selected={isSelected}\n            disabled={isDisabled}\n            dangerouslyForceFocusStyles={isFocusVisible}\n            onChange={() => undefined}\n          />\n        )}\n      </RichSelectItem>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;AAAA,SAAmC,kBAAqC;AAc9D;AARV,IAAO,yBAAQ;AAAA,EACb,SAAS,eACP,OACA,KACc;AACd,WACE,oBAAC,yDAAmB,QAAnB,EAA0B,KACxB,WAAC,EAAE,YAAY,gBAAgB,WAAW,MACzC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA,QACZ,UAAU;AAAA,QACV,UAAU;AAAA,QACV,6BAA6B;AAAA,QAC7B,UAAU,MAAM;AAAA;AAAA,IAClB,IAEJ;AAAA,EAEJ;AACF;","names":[]}

package/dist/__chunks/EKJ4XOIM.mjs

@@ -0,0 +1,12 @@
+// src/Button/constants/loadingIconSize.ts
+var loadingIconSize = {
+  ["sm"]: 16,
+  ["md"]: 20,
+  ["lg"]: 24
+};
+var loadingIconSize_default = loadingIconSize;
+
+export {
+  loadingIconSize_default
+};
+//# sourceMappingURL=EKJ4XOIM.mjs.map

package/dist/__chunks/EKJ4XOIM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/constants/loadingIconSize.ts"],"sourcesContent":["const loadingIconSize = {\n  [\"sm\"]: 16,\n  [\"md\"]: 20,\n  [\"lg\"]: 24,\n};\n\nexport default loadingIconSize;\n"],"mappings":";AAAA,IAAM,kBAAkB;AAAA,EACtB,CAAC,IAAI,GAAG;AAAA,EACR,CAAC,IAAI,GAAG;AAAA,EACR,CAAC,IAAI,GAAG;AACV;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/__chunks/EMQGSVJT.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// css-module:../Button/Button.module.css#css-module
+var Button_module_default = { "button": "_button_13a7m_1", "buttonGap": "_buttonGap_13a7m_9", "fullWidth": "_fullWidth_13a7m_50", "sm": "_sm_13a7m_54", "md": "_md_13a7m_61", "lg": "_lg_13a7m_68", "smCambio": "_smCambio_13a7m_75", "mdCambio": "_mdCambio_13a7m_82", "lgCambio": "_lgCambio_13a7m_89", "icon": "_icon_13a7m_96", "smIcon": "_smIcon_13a7m_100", "mdIcon": "_mdIcon_13a7m_107", "lgIcon": "_lgIcon_13a7m_114", "secondaryBorder": "_secondaryBorder_13a7m_121", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_13a7m_125", "cambioSecondaryBorder": "_cambioSecondaryBorder_13a7m_129", "cambioSecondaryDestructiveBorder": "_cambioSecondaryDestructiveBorder_13a7m_133", "cambioSecondarySuccessBorder": "_cambioSecondarySuccessBorder_13a7m_137", "loading": "_loading_13a7m_151", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_13a7m_1", "loadingCircle": "_loadingCircle_13a7m_155" };
+
+
+
+exports.Button_module_default = Button_module_default;
+//# sourceMappingURL=EMQGSVJT.cjs.map

package/dist/__chunks/EMQGSVJT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Button/Button.module.css#css-module"],"names":[],"mappings":";AAA2F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,QAAO,kBAAiB,UAAS,qBAAoB,UAAS,qBAAoB,UAAS,qBAAoB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,yBAAwB,oCAAmC,oCAAmC,+CAA8C,gCAA+B,2CAA0C,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B","sourcesContent":["import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_13a7m_1\",\"buttonGap\":\"_buttonGap_13a7m_9\",\"fullWidth\":\"_fullWidth_13a7m_50\",\"sm\":\"_sm_13a7m_54\",\"md\":\"_md_13a7m_61\",\"lg\":\"_lg_13a7m_68\",\"smCambio\":\"_smCambio_13a7m_75\",\"mdCambio\":\"_mdCambio_13a7m_82\",\"lgCambio\":\"_lgCambio_13a7m_89\",\"icon\":\"_icon_13a7m_96\",\"smIcon\":\"_smIcon_13a7m_100\",\"mdIcon\":\"_mdIcon_13a7m_107\",\"lgIcon\":\"_lgIcon_13a7m_114\",\"secondaryBorder\":\"_secondaryBorder_13a7m_121\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_13a7m_125\",\"cambioSecondaryBorder\":\"_cambioSecondaryBorder_13a7m_129\",\"cambioSecondaryDestructiveBorder\":\"_cambioSecondaryDestructiveBorder_13a7m_133\",\"cambioSecondarySuccessBorder\":\"_cambioSecondarySuccessBorder_13a7m_137\",\"loading\":\"_loading_13a7m_151\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_13a7m_1\",\"loadingCircle\":\"_loadingCircle_13a7m_155\"}"]}

package/dist/__chunks/EOHF5NBT.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// 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" };
+
+
+
+exports.colors_module_default = colors_module_default;
+//# sourceMappingURL=EOHF5NBT.js.map

package/dist/__chunks/EOHF5NBT.js.map

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

package/dist/__chunks/{NGUJFGAC.cjs → ESGV3EEU.js}

@@ -4,4 +4,4 @@ var colors_module_default = { "inheritColor": "_inheritColor_11l4y_2", "destruct
 
 
 exports.colors_module_default = colors_module_default;
-//# sourceMappingURL=NGUJFGAC.cjs.map
+//# sourceMappingURL=ESGV3EEU.js.map

package/dist/__chunks/ESGV3EEU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../colors/colors.module.css#css-module"],"names":[],"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,sCAAqC","sourcesContent":["import \"/Users/christian/cambly/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_11l4y_2\",\"destructive700Color\":\"_destructive700Color_11l4y_6\",\"gray700Color\":\"_gray700Color_11l4y_10\",\"gray900Color\":\"_gray900Color_11l4y_14\",\"primary700Color\":\"_primary700Color_11l4y_18\",\"success700Color\":\"_success700Color_11l4y_22\",\"whiteColor\":\"_whiteColor_11l4y_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_11l4y_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_11l4y_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_11l4y_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_11l4y_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_11l4y_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_11l4y_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_11l4y_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_11l4y_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_11l4y_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_11l4y_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_11l4y_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_11l4y_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_11l4y_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_11l4y_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_11l4y_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_11l4y_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_11l4y_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_11l4y_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_11l4y_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_11l4y_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_11l4y_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_11l4y_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_11l4y_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_11l4y_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_11l4y_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_11l4y_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_11l4y_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_11l4y_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_11l4y_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_11l4y_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_11l4y_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_11l4y_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_11l4y_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_11l4y_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_11l4y_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_11l4y_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_11l4y_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_11l4y_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_11l4y_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_11l4y_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_11l4y_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_11l4y_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_11l4y_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_11l4y_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_11l4y_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_11l4y_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_11l4y_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_11l4y_219\"}"]}

package/dist/__chunks/EWZKTMOO.js

@@ -0,0 +1,78 @@
+import {
+  colors_module_default
+} from "./DOMS3WH2.js";
+
+// src/Typography/Typography.tsx
+import classNames from "classnames";
+import { forwardRef } from "react";
+
+// 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 = forwardRef(function Typography2({
+  align = "start",
+  as = "div",
+  children,
+  color = "gray900",
+  "data-testid": dataTestId,
+  id,
+  inline = false,
+  lineClamp = void 0,
+  size = 200,
+  tooltip,
+  transform = "none",
+  underline = false,
+  weight = "regular"
+}, ref) {
+  const Tag = as;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      id,
+      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,
+      ref,
+      children
+    }
+  );
+});
+var Typography_default = Typography;
+
+export {
+  Typography_default
+};
+//# sourceMappingURL=EWZKTMOO.js.map

package/dist/__chunks/EWZKTMOO.js.map

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

package/dist/__chunks/{PZYWUTMW.cjs → EYUYCIBZ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _7GJ2SD7Ocjs = require('./7GJ2SD7O.cjs');
+var _ZJGZQ6JTcjs = require('./ZJGZQ6JT.cjs');
 
 
 var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
@@ -45,6 +45,8 @@ var TapArea = _react.forwardRef.call(void 0,
       disabled: disabledProp = false,
       fullWidth = true,
       onClick,
+      onMouseEnter,
+      onMouseLeave,
       rounding = "none",
       tabIndex = 0
     } = _b, accessibilityProps = _I64JGYX7cjs.__objRest.call(void 0, _b, [
@@ -54,6 +56,8 @@ var TapArea = _react.forwardRef.call(void 0,
       "disabled",
       "fullWidth",
       "onClick",
+      "onMouseEnter",
+      "onMouseLeave",
       "rounding",
       "tabIndex"
     ]);
@@ -78,8 +82,20 @@ var TapArea = _react.forwardRef.call(void 0,
         onClick(event);
       }
     };
+    const handleOnMouseEnter = (event) => {
+      if (disabled)
+        return;
+      dispatch({ type: "MOUSE_ENTER" });
+      onMouseEnter == null ? void 0 : onMouseEnter(event);
+    };
+    const handleOnMouseLeave = (event) => {
+      if (disabled)
+        return;
+      dispatch({ type: "MOUSE_LEAVE" });
+      onMouseLeave == null ? void 0 : onMouseLeave(event);
+    };
     const isHoveredOrFocussed = !disabled && (hovered || focussed);
-    const roundingClasses = rounding !== "none" && _7GJ2SD7Ocjs.rounding_module_default[`rounding${rounding}`];
+    const roundingClasses = rounding !== "none" && _ZJGZQ6JTcjs.rounding_module_default[`rounding${rounding}`];
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       _I64JGYX7cjs.__spreadProps.call(void 0, _I64JGYX7cjs.__spreadValues.call(void 0, {}, accessibilityProps), {
@@ -95,8 +111,8 @@ var TapArea = _react.forwardRef.call(void 0,
         "data-testid": dataTestId,
         onClick: handleClick,
         onKeyDown: handleKeyDown,
-        onMouseEnter: () => dispatch({ type: "MOUSE_ENTER" }),
-        onMouseLeave: () => dispatch({ type: "MOUSE_LEAVE" }),
+        onMouseEnter: handleOnMouseEnter,
+        onMouseLeave: handleOnMouseLeave,
         onFocus: () => dispatch({ type: "FOCUS" }),
         onBlur: () => dispatch({ type: "BLUR" }),
         ref,
@@ -116,4 +132,4 @@ var TapArea_default = TapArea;
 
 
 exports.TapArea_default = TapArea_default;
-//# sourceMappingURL=PZYWUTMW.cjs.map
+//# sourceMappingURL=EYUYCIBZ.cjs.map

package/dist/__chunks/EYUYCIBZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TapArea/TapArea.tsx","css-module:./TapArea.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AACP,OAAO,gBAAgB;;;ACNsE,IAAO,yBAAQ,EAAC,WAAU,oBAAmB,aAAY,sBAAqB,YAAW,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,qBAAoB,8BAA6B;;;AD2JjT,SAuBI,KAvBJ;AA1FN,SAAS,QACP,OAIA,QAGA;AACA,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,UAAU,MAAM;AAAA,IACrC,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,UAAU,KAAK;AAAA,IACpC,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,SAAS,KAAK;AAAA,IACnC,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,SAAS,MAAM;AAAA,IACpC;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,UAAU;AAAA,EACd,CACE,IAaA,QACG;AAdH,iBACE;AAAA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf,UAAU,eAAe;AAAA,MACzB,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,IAvGjB,IA6FI,IAWK,+BAXL,IAWK;AAAA,MAVH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,aAAa,cAAc;AACjC,UAAM,WAAW,CAAC,cAAc;AAChC,UAAM,CAAC,EAAE,SAAS,SAAS,GAAG,QAAQ,IAAI,WAAW,SAAS;AAAA,MAC5D,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,cAAuD,CAAC,UAAU;AACtE,UAAI,UAAU;AAAA,MAEd,OAAO;AACL,cAAM,cAAc,KAAK;AACzB,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAEA,UAAM,gBAA4D,CAChE,UACG;AACH,UAAI;AAAU;AACd,UAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AACvE,cAAM,eAAe;AACrB,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAEA,UAAM,qBAA8D,CAClE,UACG;AACH,UAAI;AAAU;AACd,eAAS,EAAE,MAAM,cAAc,CAAC;AAChC,mDAAe;AAAA,IACjB;AAEA,UAAM,qBAA8D,CAClE,UACG;AACH,UAAI;AAAU;AACd,eAAS,EAAE,MAAM,cAAc,CAAC;AAChC,mDAAe;AAAA,IACjB;AAEA,UAAM,sBAAsB,CAAC,aAAa,WAAW;AACrD,UAAM,kBACJ,aAAa,UAAU,wBAAe,WAAW,UAAU;AAE7D,WACE;AAAA,MAAC;AAAA,uCACK,qBADL;AAAA,QAEC,iBAAe,YAAY,mBAAmB,eAAe;AAAA,QAC7D,cAAY,kDAAsB,mBAAmB,YAAY;AAAA,QACjE,WAAW;AAAA,UACT,uBAAO;AAAA,UACP,uBAAO,GAAG,WAAW,aAAa,WAAW;AAAA,UAC7C,aAAa,uBAAO;AAAA,UACpB,uBAAuB,uBAAO;AAAA,UAC9B;AAAA,QACF;AAAA,QACA,eAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS,MAAM,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,QACzC,QAAQ,MAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,QACvC;AAAA,QACA,MAAK;AAAA,QACL,UAAU,WAAW,SAAY;AAAA,QAEhC;AAAA,WAAC,aAAa,WAAW,aACxB,oBAAC,SAAI,WAAW,WAAW,uBAAO,SAAS,eAAe,GAAG;AAAA,UAE9D;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;AAEtB,IAAO,kBAAQ","sourcesContent":["import React, {\n  type ReactNode,\n  forwardRef,\n  useReducer,\n  type AriaAttributes,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TapArea.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype TapAreaProps = AriaAttributes & {\n  /**\n   * The children to be rendered inside the tap area.\n   */\n  children?: ReactNode;\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * Test id for the tap area\n   */\n  \"data-testid\"?: string;\n  /**\n   * If `true`, the tap area will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the tap area will be full width\n   */\n  fullWidth?: boolean;\n  /**\n   * The callback to be called when the tap area is clicked\n   */\n  onClick: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n  /**\n   * The callback to be called when the tap area is hovered\n   */\n  onMouseEnter?: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n  /**\n   * The callback to be called when the tap area is no longer hovered\n   */\n  onMouseLeave?: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n  /**\n   * Border radius of the tap area.\n   *\n   * * `none`: 0px\n   * * `sm`: 8px\n   * * `md`: 12px\n   * * `lg`: 16px\n   * * `xl`: 32px\n   * * `full`: 999px\n   *\n   * @defaultValue \"none\"\n   */\n  rounding?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"full\" | \"none\";\n  /**\n   * The tab index of the tap area\n   */\n  tabIndex?: 0 | -1;\n};\n\nfunction reducer(\n  state: {\n    hovered: boolean;\n    focussed: boolean;\n  },\n  action: {\n    type: \"BLUR\" | \"FOCUS\" | \"MOUSE_ENTER\" | \"MOUSE_LEAVE\";\n  },\n) {\n  switch (action.type) {\n    case \"BLUR\":\n      return { ...state, focussed: false };\n    case \"FOCUS\":\n      return { ...state, focussed: true };\n    case \"MOUSE_ENTER\":\n      return { ...state, hovered: true };\n    case \"MOUSE_LEAVE\":\n      return { ...state, hovered: false };\n    default:\n      return state;\n  }\n}\n\n/**\n * [TapArea](https://cambly-syntax.vercel.app/?path=/docs/components-taparea--docs) allows components to be clickable and touchable in an accessible way.\n */\nconst TapArea = forwardRef<HTMLDivElement, TapAreaProps>(\n  (\n    {\n      children,\n      accessibilityLabel,\n      \"data-testid\": dataTestId,\n      disabled: disabledProp = false,\n      fullWidth = true,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      rounding = \"none\",\n      tabIndex = 0,\n      ...accessibilityProps\n    }: TapAreaProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const [{ hovered, focussed }, dispatch] = useReducer(reducer, {\n      hovered: false,\n      focussed: false,\n    });\n\n    const handleClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n      if (disabled) {\n        undefined;\n      } else {\n        event.currentTarget.blur();\n        onClick(event);\n      }\n    };\n\n    const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      if (event.key === \"Enter\" || event.key === \" \" || event.key === \"Space\") {\n        event.preventDefault();\n        onClick(event);\n      }\n    };\n\n    const handleOnMouseEnter: React.MouseEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      dispatch({ type: \"MOUSE_ENTER\" });\n      onMouseEnter?.(event);\n    };\n\n    const handleOnMouseLeave: React.MouseEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      dispatch({ type: \"MOUSE_LEAVE\" });\n      onMouseLeave?.(event);\n    };\n\n    const isHoveredOrFocussed = !disabled && (hovered || focussed);\n    const roundingClasses =\n      rounding !== \"none\" && roundingStyles[`rounding${rounding}`];\n\n    return (\n      <div\n        {...accessibilityProps}\n        aria-disabled={disabled || accessibilityProps[\"aria-disabled\"]}\n        aria-label={accessibilityLabel ?? accessibilityProps[\"aria-label\"]}\n        className={classNames(\n          styles.tapArea,\n          styles[`${disabled ? \"disabled\" : \"enabled\"}`],\n          fullWidth && styles.fullWidth,\n          isHoveredOrFocussed && styles.hoveredOrFocussed,\n          roundingClasses,\n        )}\n        data-testid={dataTestId}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n        onFocus={() => dispatch({ type: \"FOCUS\" })}\n        onBlur={() => dispatch({ type: \"BLUR\" })}\n        ref={ref}\n        role=\"button\"\n        tabIndex={disabled ? undefined : tabIndex}\n      >\n        {!disabled && (hovered || focussed) && (\n          <div className={classNames(styles.overlay, roundingClasses)} />\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nTapArea.displayName = \"TapArea\";\n\nexport default TapArea;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/TapArea/TapArea.module.css\"; export default {\"tapArea\":\"_tapArea_g6gkz_1\",\"fullWidth\":\"_fullWidth_g6gkz_5\",\"disabled\":\"_disabled_g6gkz_9\",\"enabled\":\"_enabled_g6gkz_16\",\"overlay\":\"_overlay_g6gkz_29\",\"hoveredOrFocussed\":\"_hoveredOrFocussed_g6gkz_39\"}"]}

package/dist/__chunks/F4HTASEF.mjs

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

package/dist/__chunks/{CATJI2RJ.js.map → F4HTASEF.mjs.map}

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

package/dist/__chunks/F6FB6X7B.js

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

package/dist/__chunks/F6FB6X7B.js.map

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

package/dist/__chunks/FCX7QDZS.mjs

@@ -0,0 +1,94 @@
+// src/useFocusVisible.tsx
+import { useState, useEffect } from "react";
+var hasSetupGlobalListeners = false;
+var currentModality = null;
+var changeHandlers = /* @__PURE__ */ new Set();
+var hasEventBeforeFocus = false;
+var isMac = (
+  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+  typeof window !== "undefined" && window.navigator != null ? (
+    // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
+    /^Mac/.test(window.navigator.platform)
+  ) : false
+);
+function isValidKey(e) {
+  return !(e.metaKey || !isMac && e.altKey || e.ctrlKey);
+}
+function triggerChangeHandlers(modality, e) {
+  changeHandlers.forEach((handler) => {
+    handler(modality, e);
+  });
+}
+function handleKeyboardEvent(e) {
+  hasEventBeforeFocus = true;
+  if (isValidKey(e)) {
+    currentModality = "keyboard";
+    triggerChangeHandlers("keyboard", e);
+  }
+}
+function handlePointerEvent(e) {
+  currentModality = "pointer";
+  if (e.type === "mousedown" || e.type === "pointerdown") {
+    hasEventBeforeFocus = true;
+    triggerChangeHandlers("pointer", e);
+  }
+}
+function handleFocusEvent(e) {
+  if (e.target === window || e.target === document) {
+    return;
+  }
+  if (!hasEventBeforeFocus) {
+    currentModality = "keyboard";
+    triggerChangeHandlers("keyboard", e);
+  }
+  hasEventBeforeFocus = false;
+}
+function handleWindowBlur() {
+  hasEventBeforeFocus = false;
+}
+function isFocusVisible() {
+  return currentModality !== "pointer";
+}
+function setupGlobalFocusEvents() {
+  if (typeof window === "undefined" || hasSetupGlobalListeners) {
+    return;
+  }
+  const { focus } = HTMLElement.prototype;
+  HTMLElement.prototype.focus = function focusElement(...args) {
+    hasEventBeforeFocus = true;
+    focus.apply(this, args);
+  };
+  document.addEventListener("keydown", handleKeyboardEvent, true);
+  document.addEventListener("keyup", handleKeyboardEvent, true);
+  window.addEventListener("focus", handleFocusEvent, true);
+  window.addEventListener("blur", handleWindowBlur, false);
+  if (typeof PointerEvent !== "undefined") {
+    document.addEventListener("pointerdown", handlePointerEvent, true);
+    document.addEventListener("pointermove", handlePointerEvent, true);
+    document.addEventListener("pointerup", handlePointerEvent, true);
+  } else {
+    document.addEventListener("mousedown", handlePointerEvent, true);
+    document.addEventListener("mousemove", handlePointerEvent, true);
+    document.addEventListener("mouseup", handlePointerEvent, true);
+  }
+  hasSetupGlobalListeners = true;
+}
+function useFocusVisible() {
+  setupGlobalFocusEvents();
+  const [isFocusVisibleState, setFocusVisible] = useState(isFocusVisible());
+  useEffect(() => {
+    const handler = () => {
+      setFocusVisible(isFocusVisible());
+    };
+    changeHandlers.add(handler);
+    return () => {
+      changeHandlers.delete(handler);
+    };
+  }, []);
+  return { isFocusVisible: isFocusVisibleState };
+}
+
+export {
+  useFocusVisible
+};
+//# sourceMappingURL=FCX7QDZS.mjs.map

package/dist/__chunks/FCX7QDZS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useFocusVisible.tsx"],"sourcesContent":["// Portions of the code in this file are based on code from react & react-spectrum:\n// https://github.com/facebook/react/blob/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions/events/src/dom/create-event-handle/Focus.js\n// https://github.com/adobe/react-spectrum/blob/c700898916bbd076bcc63e49d77c16d80623a8e7/packages/@react-aria/interactions/src/useFocusVisible.ts\n\nimport { useState, useEffect } from \"react\";\n\ntype Modality = \"keyboard\" | \"pointer\";\ntype HandlerEvent = PointerEvent | MouseEvent | KeyboardEvent | FocusEvent;\ntype Handler = (modality: Modality, e: HandlerEvent) => void;\n\nlet hasSetupGlobalListeners = false;\nlet currentModality: Modality | null = null;\nconst changeHandlers = new Set<Handler>();\nlet hasEventBeforeFocus = false;\n\nconst isMac =\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  typeof window !== \"undefined\" && window.navigator != null\n    ? // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with\n      /^Mac/.test(window.navigator.platform)\n    : false;\n\nfunction isValidKey(e: KeyboardEvent) {\n  return !(e.metaKey || (!isMac && e.altKey) || e.ctrlKey);\n}\n\nfunction triggerChangeHandlers(modality: Modality, e: HandlerEvent) {\n  changeHandlers.forEach((handler) => {\n    handler(modality, e);\n  });\n}\n\nfunction handleKeyboardEvent(e: KeyboardEvent) {\n  hasEventBeforeFocus = true;\n  if (isValidKey(e)) {\n    currentModality = \"keyboard\";\n    triggerChangeHandlers(\"keyboard\", e);\n  }\n}\n\nfunction handlePointerEvent(e: PointerEvent | MouseEvent) {\n  currentModality = \"pointer\";\n  if (e.type === \"mousedown\" || e.type === \"pointerdown\") {\n    hasEventBeforeFocus = true;\n    triggerChangeHandlers(\"pointer\", e);\n  }\n}\n\nfunction handleFocusEvent(e: FocusEvent) {\n  // Firefox fires two extra focus events when the user first clicks into an iframe:\n  // first on the window, then on the document. We ignore these events so they don't\n  // cause keyboard focus rings to appear.\n  if (e.target === window || e.target === document) {\n    return;\n  }\n\n  // If a focus event occurs without a preceding keyboard or pointer event, switch to keyboard modality.\n  // This occurs, for example, when navigating a form with the next/previous buttons on iOS.\n  if (!hasEventBeforeFocus) {\n    currentModality = \"keyboard\";\n    triggerChangeHandlers(\"keyboard\", e);\n  }\n\n  hasEventBeforeFocus = false;\n}\n\nfunction handleWindowBlur() {\n  // When the window is blurred, reset state. This is necessary when tabbing out of the window,\n  // for example, since a subsequent focus event won't be fired.\n  hasEventBeforeFocus = false;\n}\n\nfunction isFocusVisible(): boolean {\n  return currentModality !== \"pointer\";\n}\n\nfunction setupGlobalFocusEvents() {\n  if (typeof window === \"undefined\" || hasSetupGlobalListeners) {\n    return;\n  }\n\n  // Programmatic focus() calls shouldn't affect the current input modality.\n  // However, we need to detect other cases when a focus event occurs without\n  // a preceding user event (e.g. screen reader focus). Overriding the focus\n  // method on HTMLElement.prototype is a bit hacky, but works.\n  // $FlowExpectedError[method-unbinding]\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { focus } = HTMLElement.prototype;\n  // $FlowIssue[cannot-write]\n  HTMLElement.prototype.focus = function focusElement(...args) {\n    hasEventBeforeFocus = true;\n    focus.apply(this, args);\n  };\n\n  document.addEventListener(\"keydown\", handleKeyboardEvent, true);\n  document.addEventListener(\"keyup\", handleKeyboardEvent, true);\n\n  // Register focus events on the window so they are sure to happen\n  // before React's event listeners (registered on the document).\n  window.addEventListener(\"focus\", handleFocusEvent, true);\n  window.addEventListener(\"blur\", handleWindowBlur, false);\n\n  if (typeof PointerEvent !== \"undefined\") {\n    document.addEventListener(\"pointerdown\", handlePointerEvent, true);\n    document.addEventListener(\"pointermove\", handlePointerEvent, true);\n    document.addEventListener(\"pointerup\", handlePointerEvent, true);\n  } else {\n    document.addEventListener(\"mousedown\", handlePointerEvent, true);\n    document.addEventListener(\"mousemove\", handlePointerEvent, true);\n    document.addEventListener(\"mouseup\", handlePointerEvent, true);\n  }\n\n  hasSetupGlobalListeners = true;\n}\n\nexport default function useFocusVisible(): {\n  isFocusVisible: boolean;\n} {\n  setupGlobalFocusEvents();\n  const [isFocusVisibleState, setFocusVisible] = useState(isFocusVisible());\n  useEffect(() => {\n    const handler = () => {\n      setFocusVisible(isFocusVisible());\n    };\n\n    changeHandlers.add(handler);\n    return () => {\n      changeHandlers.delete(handler);\n    };\n  }, []);\n\n  return { isFocusVisible: isFocusVisibleState };\n}\n"],"mappings":";AAIA,SAAS,UAAU,iBAAiB;AAMpC,IAAI,0BAA0B;AAC9B,IAAI,kBAAmC;AACvC,IAAM,iBAAiB,oBAAI,IAAa;AACxC,IAAI,sBAAsB;AAE1B,IAAM;AAAA;AAAA,EAEJ,OAAO,WAAW,eAAe,OAAO,aAAa;AAAA;AAAA,IAEjD,OAAO,KAAK,OAAO,UAAU,QAAQ;AAAA,MACrC;AAAA;AAEN,SAAS,WAAW,GAAkB;AACpC,SAAO,EAAE,EAAE,WAAY,CAAC,SAAS,EAAE,UAAW,EAAE;AAClD;AAEA,SAAS,sBAAsB,UAAoB,GAAiB;AAClE,iBAAe,QAAQ,CAAC,YAAY;AAClC,YAAQ,UAAU,CAAC;AAAA,EACrB,CAAC;AACH;AAEA,SAAS,oBAAoB,GAAkB;AAC7C,wBAAsB;AACtB,MAAI,WAAW,CAAC,GAAG;AACjB,sBAAkB;AAClB,0BAAsB,YAAY,CAAC;AAAA,EACrC;AACF;AAEA,SAAS,mBAAmB,GAA8B;AACxD,oBAAkB;AAClB,MAAI,EAAE,SAAS,eAAe,EAAE,SAAS,eAAe;AACtD,0BAAsB;AACtB,0BAAsB,WAAW,CAAC;AAAA,EACpC;AACF;AAEA,SAAS,iBAAiB,GAAe;AAIvC,MAAI,EAAE,WAAW,UAAU,EAAE,WAAW,UAAU;AAChD;AAAA,EACF;AAIA,MAAI,CAAC,qBAAqB;AACxB,sBAAkB;AAClB,0BAAsB,YAAY,CAAC;AAAA,EACrC;AAEA,wBAAsB;AACxB;AAEA,SAAS,mBAAmB;AAG1B,wBAAsB;AACxB;AAEA,SAAS,iBAA0B;AACjC,SAAO,oBAAoB;AAC7B;AAEA,SAAS,yBAAyB;AAChC,MAAI,OAAO,WAAW,eAAe,yBAAyB;AAC5D;AAAA,EACF;AAQA,QAAM,EAAE,MAAM,IAAI,YAAY;AAE9B,cAAY,UAAU,QAAQ,SAAS,gBAAgB,MAAM;AAC3D,0BAAsB;AACtB,UAAM,MAAM,MAAM,IAAI;AAAA,EACxB;AAEA,WAAS,iBAAiB,WAAW,qBAAqB,IAAI;AAC9D,WAAS,iBAAiB,SAAS,qBAAqB,IAAI;AAI5D,SAAO,iBAAiB,SAAS,kBAAkB,IAAI;AACvD,SAAO,iBAAiB,QAAQ,kBAAkB,KAAK;AAEvD,MAAI,OAAO,iBAAiB,aAAa;AACvC,aAAS,iBAAiB,eAAe,oBAAoB,IAAI;AACjE,aAAS,iBAAiB,eAAe,oBAAoB,IAAI;AACjE,aAAS,iBAAiB,aAAa,oBAAoB,IAAI;AAAA,EACjE,OAAO;AACL,aAAS,iBAAiB,aAAa,oBAAoB,IAAI;AAC/D,aAAS,iBAAiB,aAAa,oBAAoB,IAAI;AAC/D,aAAS,iBAAiB,WAAW,oBAAoB,IAAI;AAAA,EAC/D;AAEA,4BAA0B;AAC5B;AAEe,SAAR,kBAEL;AACA,yBAAuB;AACvB,QAAM,CAAC,qBAAqB,eAAe,IAAI,SAAS,eAAe,CAAC;AACxE,YAAU,MAAM;AACd,UAAM,UAAU,MAAM;AACpB,sBAAgB,eAAe,CAAC;AAAA,IAClC;AAEA,mBAAe,IAAI,OAAO;AAC1B,WAAO,MAAM;AACX,qBAAe,OAAO,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,gBAAgB,oBAAoB;AAC/C;","names":[]}

package/dist/__chunks/{PEKXH4DM.js → FD3R5EUF.js}

@@ -1,6 +1,6 @@
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./EWZKTMOO.js";
 
 // src/Heading/Heading.tsx
 import { jsx } from "react/jsx-runtime";
@@ -33,4 +33,4 @@ var Heading_default = Heading;
 export {
   Heading_default
 };
-//# sourceMappingURL=PEKXH4DM.js.map
+//# sourceMappingURL=FD3R5EUF.js.map

package/dist/__chunks/FD3R5EUF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Heading/Heading.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode } from \"react\";\nimport { type Color } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\n\n/**\n * [Heading](https://cambly-syntax.vercel.app/?path=/docs/components-heading--docs) enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n  align = \"start\",\n  as = \"h1\",\n  children,\n  color = \"gray900\",\n  \"data-testid\": dataTestId,\n  lineClamp,\n  size = 500,\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"h1\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Test id for the text.\n   */\n  \"data-testid\"?: string;\n  /**\n   * The number of lines we should truncate the text at\n   */\n  lineClamp?: number | undefined;\n  /**\n   * Size of the text.\n   *\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 500\n   */\n  size?: 500 | 600 | 700 | 800;\n}): ReactElement => {\n  const weight = [700, 800].includes(size) ? \"heavy\" : \"bold\";\n  return (\n    <Typography\n      align={align}\n      as={as}\n      color={color}\n      data-testid={dataTestId}\n      lineClamp={lineClamp}\n      size={size}\n      weight={weight}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n"],"mappings":";;;;;AA8DI;AAvDJ,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf;AAAA,EACA,OAAO;AACT,MA4CoB;AAClB,QAAM,SAAS,CAAC,KAAK,GAAG,EAAE,SAAS,IAAI,IAAI,UAAU;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/__chunks/{JKXOZUCV.js → FJFRNV7T.js}

@@ -1,12 +1,12 @@
 import {
   layout_module_default
-} from "./PTWXXDFF.js";
+} from "./IOQXUCI4.js";
 import {
   Box_module_default
-} from "./KMIZI5PW.js";
+} from "./TDW36DTR.js";
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./EWZKTMOO.js";
 
 // src/RichSelect/RichSelectSection.tsx
 import { forwardRef } from "react";
@@ -49,4 +49,4 @@ var RichSelectSection_default = forwardRef(
 export {
   RichSelectSection_default
 };
-//# sourceMappingURL=JKXOZUCV.js.map
+//# sourceMappingURL=FJFRNV7T.js.map

package/dist/__chunks/{D24RSGYP.js → FLKYHNRX.mjs}

@@ -4,4 +4,4 @@ var colors_module_default = { "inheritColor": "_inheritColor_11l4y_2", "destruct
 export {
   colors_module_default
 };
-//# sourceMappingURL=D24RSGYP.js.map
+//# sourceMappingURL=FLKYHNRX.mjs.map

package/dist/__chunks/FLKYHNRX.mjs.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_11l4y_2\",\"destructive700Color\":\"_destructive700Color_11l4y_6\",\"gray700Color\":\"_gray700Color_11l4y_10\",\"gray900Color\":\"_gray900Color_11l4y_14\",\"primary700Color\":\"_primary700Color_11l4y_18\",\"success700Color\":\"_success700Color_11l4y_22\",\"whiteColor\":\"_whiteColor_11l4y_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_11l4y_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_11l4y_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_11l4y_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_11l4y_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_11l4y_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_11l4y_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_11l4y_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_11l4y_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_11l4y_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_11l4y_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_11l4y_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_11l4y_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_11l4y_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_11l4y_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_11l4y_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_11l4y_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_11l4y_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_11l4y_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_11l4y_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_11l4y_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_11l4y_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_11l4y_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_11l4y_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_11l4y_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_11l4y_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_11l4y_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_11l4y_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_11l4y_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_11l4y_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_11l4y_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_11l4y_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_11l4y_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_11l4y_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_11l4y_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_11l4y_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_11l4y_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_11l4y_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_11l4y_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_11l4y_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_11l4y_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_11l4y_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_11l4y_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_11l4y_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_11l4y_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_11l4y_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_11l4y_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_11l4y_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_11l4y_219\"}"],"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,sCAAqC;","names":[]}