@cambly/syntax-core 10.9.0 → 10.11.0

package/dist/index.js

@@ -1,113 +1,114 @@
+"use client"
 import {
   Badge_default
-} from "./__chunks/5HJFQPOL.js";
+} from "./__chunks/MTLPG2DC.js";
 import {
   Avatar_default
-} from "./__chunks/SCOOHJY4.js";
+} from "./__chunks/KUXGXAAN.js";
 import {
   AvatarGroup
-} from "./__chunks/ZUFGJYFB.js";
+} from "./__chunks/DUQSTRXU.js";
 import {
   Card
-} from "./__chunks/74UCGNED.js";
+} from "./__chunks/WSRIDHYX.js";
 import {
   LinkButton_default
-} from "./__chunks/KP3CHNJW.js";
+} from "./__chunks/6WW5YWOS.js";
 import {
   Checkbox_default
-} from "./__chunks/ARYTS7XZ.js";
+} from "./__chunks/ABAYJGAF.js";
 import {
   Modal
-} from "./__chunks/Q5RYWCW7.js";
+} from "./__chunks/23RTNWVN.js";
 import {
   Heading_default
-} from "./__chunks/JBEJC7X2.js";
-import "./__chunks/AFINOME7.js";
-import "./__chunks/UWLK56NJ.js";
-import "./__chunks/42YPEAFS.js";
+} from "./__chunks/Z7EXVTCJ.js";
+import "./__chunks/QQT35OLE.js";
+import "./__chunks/4DDBT2NH.js";
+import "./__chunks/KODEDJGB.js";
 import {
   TextArea_default
-} from "./__chunks/2L772DMJ.js";
+} from "./__chunks/V6DB6ZQU.js";
 import {
   SelectList
-} from "./__chunks/IOYNCG2J.js";
-import "./__chunks/HOUO3WV6.js";
+} from "./__chunks/ZBDW45GJ.js";
+import "./__chunks/Y47XTR6M.js";
 import {
   RichSelectList_default
-} from "./__chunks/6LBX2D7Z.js";
-import "./__chunks/JOG44CT2.js";
+} from "./__chunks/MNVLUU4O.js";
+import "./__chunks/7P2G663D.js";
 import {
   ButtonGroup_default
-} from "./__chunks/IISMRA4R.js";
+} from "./__chunks/OF66QEJL.js";
 import {
   Button_default
-} from "./__chunks/TMH27D62.js";
-import "./__chunks/CGFXAKKI.js";
-import "./__chunks/JXZMI4WT.js";
-import "./__chunks/PKXXQ3OV.js";
+} from "./__chunks/VBRCBEDC.js";
+import "./__chunks/QSC7CAQA.js";
+import "./__chunks/Z5ZUAP2B.js";
+import "./__chunks/37PNBG3P.js";
 import {
   Divider
-} from "./__chunks/6VWFOSQZ.js";
-import "./__chunks/DAMHOGG6.js";
+} from "./__chunks/Z4ZJZXZV.js";
+import "./__chunks/HNDUANRX.js";
 import {
   Chip_default
-} from "./__chunks/3UFCDOCF.js";
+} from "./__chunks/IYVE2HA6.js";
 import {
   Popover_default
-} from "./__chunks/T2WKEFB5.js";
-import "./__chunks/MQUMPR4A.js";
+} from "./__chunks/2HKT4ZZ3.js";
+import "./__chunks/J6IV47MV.js";
 import {
   IconButton_default
-} from "./__chunks/CRDTRKBH.js";
-import "./__chunks/DSGIOBWG.js";
-import "./__chunks/ZEA5JDEB.js";
-import "./__chunks/5AR53MHD.js";
-import "./__chunks/K3H7QFPB.js";
+} from "./__chunks/GHQXAXV3.js";
+import "./__chunks/46XGANFF.js";
+import "./__chunks/OULAADL7.js";
+import "./__chunks/4U4UW4AK.js";
+import "./__chunks/GFKDPMFK.js";
 import {
   TapArea_default
-} from "./__chunks/OXKLJY2L.js";
-import "./__chunks/IOQT7L7F.js";
-import "./__chunks/BIOBVFK4.js";
-import "./__chunks/PTWXXDFF.js";
-import "./__chunks/HOSRHZZG.js";
+} from "./__chunks/QBGKDCTG.js";
+import "./__chunks/XFP4MBWD.js";
+import "./__chunks/A4QZYP2J.js";
+import "./__chunks/DDUJFFG7.js";
+import "./__chunks/OFOTR7RY.js";
 import {
   RadioButton_default
-} from "./__chunks/KOZMH6AE.js";
-import "./__chunks/2O6FDRTF.js";
-import "./__chunks/Y6L6EOCB.js";
-import "./__chunks/YHKD5YRY.js";
-import "./__chunks/YOMN7RCA.js";
-import "./__chunks/5I67FE26.js";
+} from "./__chunks/TXXXNKKO.js";
+import "./__chunks/KKADUD65.js";
+import "./__chunks/3AAZZWKY.js";
+import "./__chunks/JVOQF4CG.js";
+import "./__chunks/Y2OAIOQE.js";
+import "./__chunks/FMQVMNVR.js";
 import {
   Tooltip_default
-} from "./__chunks/6NXOQHE2.js";
-import "./__chunks/652STTPK.js";
-import "./__chunks/KMIZI5PW.js";
+} from "./__chunks/UZODIMNK.js";
+import "./__chunks/ZOWOFYUE.js";
+import "./__chunks/O3CEUWCC.js";
 import {
   TextField
-} from "./__chunks/BQ6CW43H.js";
-import "./__chunks/5AR53MHD.js";
+} from "./__chunks/IDI4ITMK.js";
+import "./__chunks/4U4UW4AK.js";
 import {
   Box_default
-} from "./__chunks/I5W7ECUO.js";
-import "./__chunks/5AR53MHD.js";
-import "./__chunks/TPMQI44L.js";
-import "./__chunks/5AR53MHD.js";
+} from "./__chunks/MAPDSZR4.js";
+import "./__chunks/4U4UW4AK.js";
+import "./__chunks/X5UGK633.js";
+import "./__chunks/4U4UW4AK.js";
 import {
   Typography_default
-} from "./__chunks/32FNU7ZY.js";
-import "./__chunks/5OB72SMM.js";
-import "./__chunks/5AR53MHD.js";
+} from "./__chunks/L7PPCZM5.js";
+import "./__chunks/JHJZ5COD.js";
+import "./__chunks/4U4UW4AK.js";
 import {
   ThemeProvider
-} from "./__chunks/RXNTJFP4.js";
-import "./__chunks/YJ7YDIGB.js";
-import "./__chunks/OGJDUOWP.js";
-import "./__chunks/ARBLKS7D.js";
-import "./__chunks/JQ6POHCA.js";
-import "./__chunks/5ZDZZL2P.js";
-import "./__chunks/XKDASN7N.js";
-import "./__chunks/LULBCTQR.js";
+} from "./__chunks/RN3PLPAG.js";
+import "./__chunks/JB65NEXK.js";
+import "./__chunks/BWPNF6RD.js";
+import "./__chunks/SVZOETLJ.js";
+import "./__chunks/M26PGOYA.js";
+import "./__chunks/7N4ZDVVD.js";
+import "./__chunks/E5KMIBEU.js";
+import "./__chunks/UWGNJENA.js";
 export {
   Avatar_default as Avatar,
   AvatarGroup,

package/dist/react-aria-utils/OverlayVisibility.cjs

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _RFHPSEBFcjs = require('../__chunks/RFHPSEBF.cjs');
-require('../__chunks/I64JGYX7.cjs');
 
+var _E5P6WRJDcjs = require('../__chunks/E5P6WRJD.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.default = _RFHPSEBFcjs.OverlayVisibility;
+
+exports.default = _E5P6WRJDcjs.OverlayVisibility;
 //# sourceMappingURL=OverlayVisibility.cjs.map

package/dist/react-aria-utils/OverlayVisibility.js

@@ -1,7 +1,8 @@
+"use client"
 import {
   OverlayVisibility
-} from "../__chunks/XKDASN7N.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/E5KMIBEU.js";
+import "../__chunks/UWGNJENA.js";
 export {
   OverlayVisibility as default
 };

package/dist/react-aria-utils/Triggerable.cjs

@@ -1,9 +1,10 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _QJI4G5FPcjs = require('../__chunks/QJI4G5FP.cjs');
-require('../__chunks/4PLE46VU.cjs');
-require('../__chunks/I64JGYX7.cjs');
 
+var _UAN6WTHUcjs = require('../__chunks/UAN6WTHU.cjs');
+require('../__chunks/FZLDJPVT.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.default = _QJI4G5FPcjs.Triggerable_default;
+
+exports.default = _UAN6WTHUcjs.Triggerable_default;
 //# sourceMappingURL=Triggerable.cjs.map

package/dist/react-aria-utils/Triggerable.js

@@ -1,8 +1,9 @@
+"use client"
 import {
   Triggerable_default
-} from "../__chunks/JQ6POHCA.js";
-import "../__chunks/5ZDZZL2P.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/M26PGOYA.js";
+import "../__chunks/7N4ZDVVD.js";
+import "../__chunks/UWGNJENA.js";
 export {
   Triggerable_default as default
 };

package/dist/react-aria-utils/placement.cjs

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _4EXO6IHDcjs = require('../__chunks/4EXO6IHD.cjs');
-require('../__chunks/I64JGYX7.cjs');
 
+var _LLFHCGRAcjs = require('../__chunks/LLFHCGRA.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.syntaxToReactAriaPlacement = _4EXO6IHDcjs.syntaxToReactAriaPlacement;
+
+exports.syntaxToReactAriaPlacement = _LLFHCGRAcjs.syntaxToReactAriaPlacement;
 //# sourceMappingURL=placement.cjs.map

package/dist/react-aria-utils/placement.js

@@ -1,7 +1,8 @@
+"use client"
 import {
   syntaxToReactAriaPlacement
-} from "../__chunks/ARBLKS7D.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/SVZOETLJ.js";
+import "../__chunks/UWGNJENA.js";
 export {
   syntaxToReactAriaPlacement
 };

package/dist/react-aria-utils/useDomRefSyntheticEventBridge.cjs

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _4PLE46VUcjs = require('../__chunks/4PLE46VU.cjs');
-require('../__chunks/I64JGYX7.cjs');
 
+var _FZLDJPVTcjs = require('../__chunks/FZLDJPVT.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.useDomRefSyntheticEventBridge = _4PLE46VUcjs.useDomRefSyntheticEventBridge;
+
+exports.useDomRefSyntheticEventBridge = _FZLDJPVTcjs.useDomRefSyntheticEventBridge;
 //# sourceMappingURL=useDomRefSyntheticEventBridge.cjs.map

package/dist/react-aria-utils/useDomRefSyntheticEventBridge.js

@@ -1,7 +1,8 @@
+"use client"
 import {
   useDomRefSyntheticEventBridge
-} from "../__chunks/5ZDZZL2P.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/7N4ZDVVD.js";
+import "../__chunks/UWGNJENA.js";
 export {
   useDomRefSyntheticEventBridge
 };

package/dist/useFocusVisible.cjs

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _GVEA7SLQcjs = require('./__chunks/GVEA7SLQ.cjs');
-require('./__chunks/I64JGYX7.cjs');
 
+var _NOELZTQXcjs = require('./__chunks/NOELZTQX.cjs');
+require('./__chunks/X2SDR4SD.cjs');
 
-exports.default = _GVEA7SLQcjs.useFocusVisible;
+
+exports.default = _NOELZTQXcjs.useFocusVisible;
 //# sourceMappingURL=useFocusVisible.cjs.map

package/dist/useFocusVisible.js

@@ -1,7 +1,8 @@
+"use client"
 import {
   useFocusVisible
-} from "./__chunks/OGJDUOWP.js";
-import "./__chunks/LULBCTQR.js";
+} from "./__chunks/BWPNF6RD.js";
+import "./__chunks/UWGNJENA.js";
 export {
   useFocusVisible as default
 };

package/dist/useIsHydrated.cjs

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _FZRIE7EXcjs = require('./__chunks/FZRIE7EX.cjs');
-require('./__chunks/I64JGYX7.cjs');
 
+var _K4AUV2VKcjs = require('./__chunks/K4AUV2VK.cjs');
+require('./__chunks/X2SDR4SD.cjs');
 
-exports.default = _FZRIE7EXcjs.useIsHydrated;
+
+exports.default = _K4AUV2VKcjs.useIsHydrated;
 //# sourceMappingURL=useIsHydrated.cjs.map

package/dist/useIsHydrated.js

@@ -1,7 +1,8 @@
+"use client"
 import {
   useIsHydrated
-} from "./__chunks/YJ7YDIGB.js";
-import "./__chunks/LULBCTQR.js";
+} from "./__chunks/JB65NEXK.js";
+import "./__chunks/UWGNJENA.js";
 export {
   useIsHydrated as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cambly/syntax-core",
   "description": "Cambly design system core components",
-  "version": "10.9.0",
+  "version": "10.11.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/dist/__chunks/2IVYMX2N.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AAKvB,SAAgB,kBAAkB;;;ACLkE,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,sBAAqB,+BAA8B,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,gBAAe,2BAA0B,gBAAe,2BAA0B,gBAAe,2BAA0B,gBAAe,0BAAyB;;;AD8JrlB;AA7IR,IAAM,kBAAkB;AAAA,EACtB,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AACb;AAEA,IAAM,iBAAiB;AAAA,EACrB,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AACb;AA6EA,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF,GACA,QACG;AACH,UAAM,aAAa,cAAc;AACjC,UAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,UAAM,uBACJ,cAAc,YACV,uBAAuB,aAAa,KAAK,CAAC,IAC1C,sBAAsB,YAAY,KAAK,CAAC;AAE9C,UAAM,uBACJ,cAAc,YACV,uBAAuB,aAAa,KAAK,CAAC,IAC1C,sBAAsB,YAAY,KAAK,CAAC;AAE9C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ,eAAa;AAAA,QACb,MAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,cAAc;AAAA,QACzB;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,cAAc,YAAY,0BAAO,IAAI,IAAI,0BAAO,GAAG,YAAY;AAAA,UAC/D;AAAA,YACE,CAAC,sBAAa,eAAe,GAC3B,cAAc,aAAa,UAAU;AAAA,YACvC,CAAC,sBAAa,0BAA0B,GACtC,cAAc,aAAa,UAAU;AAAA,YACvC,CAAC,0BAAO,kBAAkB,GACvB,cAAc,aACb,CAAC,CAAC,aAAa,uBAAuB,EAAE,SAAS,KAAK,KACxD,cAAc;AAAA,UAClB;AAAA,QACF;AAAA,QACA;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WACE,cAAc,YACV,gBAAgB,IAAI,IACpB,eAAe,IAAI;AAAA;AAAA,QAE3B;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport {\n  classicForegroundColor,\n  cambioForegroundColor,\n} from \"../colors/foregroundColor\";\nimport React, { forwardRef } from \"react\";\nimport { type Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\nimport { classicColor, cambioColor } from \"../Button/constants/color\";\nimport buttonStyles from \"../Button/Button.module.css\";\nimport {\n  classicBackgroundColor,\n  cambioBackgroundColor,\n} from \"../colors/backgroundColor\";\n\nconst classicIconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nconst cambioIconSize = {\n  sm: styles.smIconCambio,\n  md: styles.mdIconCambio,\n  lg: styles.lgIconCambio,\n  xl: styles.xlIconCambio,\n};\n\ntype IconButtonProps = {\n  /**\n   * The color of the button\n   *\n   * Classic only:\n   * * `inverse`\n   * * `success`\n   *\n   * Cambio only:\n   * * `success-primary`\n   * * `success-secondary`\n   * * `success-tertiary`\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    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\"\n    | \"inverse\";\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The size of the button\n   *\n   * Classic:\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * Cambio:\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel: string;\n  /**\n   * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  icon: React.ComponentType<{ className?: string }>;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n};\n\n/**\n * [IconButton](https://cambly-syntax.vercel.app/?path=/docs/components-iconbutton--docs) is a clickable element that is used to perform an action.\n */\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      accessibilityLabel,\n      color = \"primary\",\n      \"data-testid\": dataTestId,\n      disabled = false,\n      icon: Icon,\n      size = \"md\",\n      tooltip,\n      onClick,\n    }: IconButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const { themeName } = useTheme();\n\n    const foregroundColorClass =\n      themeName === \"classic\"\n        ? classicForegroundColor(classicColor(color))\n        : cambioForegroundColor(cambioColor(color));\n\n    const backgroundColorClass =\n      themeName === \"classic\"\n        ? classicBackgroundColor(classicColor(color))\n        : cambioBackgroundColor(cambioColor(color));\n\n    return (\n      <button\n        aria-label={accessibilityLabel}\n        data-testid={dataTestId}\n        type=\"button\"\n        title={tooltip}\n        disabled={!isHydrated || disabled}\n        onClick={onClick}\n        className={classNames(\n          styles.iconButton,\n          foregroundColorClass,\n          backgroundColorClass,\n          themeName === \"classic\" ? styles[size] : styles[`${size}Cambio`],\n          {\n            [buttonStyles.secondaryBorder]:\n              themeName === \"classic\" && color === \"secondary\",\n            [buttonStyles.secondaryDestructiveBorder]:\n              themeName === \"classic\" && color === \"destructive-secondary\",\n            [styles.iconButtonNoBorder]:\n              (themeName === \"classic\" &&\n                ![\"secondary\", \"destructive-secondary\"].includes(color)) ||\n              themeName === \"cambio\",\n          },\n        )}\n        ref={ref}\n      >\n        <Icon\n          className={\n            themeName === \"classic\"\n              ? classicIconSize[size]\n              : cambioIconSize[size]\n          }\n        />\n      </button>\n    );\n  },\n);\n\nIconButton.displayName = \"IconButton\";\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_1q9cs_1\",\"iconButtonNoBorder\":\"_iconButtonNoBorder_1q9cs_8\",\"sm\":\"_sm_1q9cs_49\",\"md\":\"_md_1q9cs_54\",\"lg\":\"_lg_1q9cs_59\",\"smCambio\":\"_smCambio_1q9cs_64\",\"mdCambio\":\"_mdCambio_1q9cs_69\",\"lgCambio\":\"_lgCambio_1q9cs_74\",\"smIcon\":\"_smIcon_1q9cs_79\",\"mdIcon\":\"_mdIcon_1q9cs_86\",\"lgIcon\":\"_lgIcon_1q9cs_93\",\"smIconCambio\":\"_smIconCambio_1q9cs_100\",\"mdIconCambio\":\"_mdIconCambio_1q9cs_107\",\"lgIconCambio\":\"_lgIconCambio_1q9cs_114\",\"xlIconCambio\":\"_xlIconCambio_1q9cs_121\"}"]}

package/dist/__chunks/33HJ72Y2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../Button/Button.module.css#css-module"],"names":[],"mappings":";AAA4F,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,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_ddq3j_1\",\"buttonGap\":\"_buttonGap_ddq3j_9\",\"fullWidth\":\"_fullWidth_ddq3j_50\",\"sm\":\"_sm_ddq3j_54\",\"md\":\"_md_ddq3j_61\",\"lg\":\"_lg_ddq3j_68\",\"smCambio\":\"_smCambio_ddq3j_75\",\"mdCambio\":\"_mdCambio_ddq3j_82\",\"lgCambio\":\"_lgCambio_ddq3j_89\",\"icon\":\"_icon_ddq3j_96\",\"smIcon\":\"_smIcon_ddq3j_100\",\"mdIcon\":\"_mdIcon_ddq3j_107\",\"lgIcon\":\"_lgIcon_ddq3j_114\",\"secondaryBorder\":\"_secondaryBorder_ddq3j_121\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_ddq3j_125\",\"loading\":\"_loading_ddq3j_139\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_ddq3j_1\",\"loadingCircle\":\"_loadingCircle_ddq3j_143\"}"]}

package/dist/__chunks/3TXXNWWA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:./Divider.module.css#css-module","../../src/Divider/Divider.tsx"],"names":[],"mappings":";AAA8F,IAAO,yBAAQ,EAAC,WAAU,mBAAkB;;;ACMjI;AADM,SAAR,UAA+C;AACpD,SAAO,oBAAC,QAAG,WAAW,uBAAO,SAAS;AACxC;AAEA,QAAQ,cAAc","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_ra8vz_1\"}","import styles from \"./Divider.module.css\";\n\n/**\n * [Divider](https://cambly-syntax.vercel.app/?path=/docs/components-divider--docs) is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider(): React.ReactElement {\n  return <hr className={styles.divider} />;\n}\n\nDivider.displayName = \"Divider\";\n"]}

package/dist/__chunks/4EXO6IHD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/react-aria-utils/placement.ts"],"names":[],"mappings":";AAIA,IAAM,iCAAwE;AAAA,EAC5E,KAAK;AAAA,EACL,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,SAAS,2BACd,WACgC;AAChC,MAAI,CAAC;AAAW,WAAO;AACvB,SAAO,+BAA+B,SAAS;AACjD","sourcesContent":["import { type Placement as ReactAriaPlacement } from \"@react-aria/overlays\";\n\nexport type Placement = \"top\" | \"end\" | \"bottom\" | \"start\";\n\nconst SYNTAX_TO_REACT_ARIA_PLACEMENT: Record<Placement, ReactAriaPlacement> = {\n  top: \"top start\",\n  end: \"top end\",\n  bottom: \"bottom end\",\n  start: \"bottom start\",\n} as const;\n\nexport function syntaxToReactAriaPlacement(\n  placement?: Placement,\n): ReactAriaPlacement | undefined {\n  if (!placement) return undefined;\n  return SYNTAX_TO_REACT_ARIA_PLACEMENT[placement];\n}\n"]}

package/dist/__chunks/4PLE46VU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/react-aria-utils/useDomRefSyntheticEventBridge.ts"],"names":[],"mappings":";AAAA,SAA8B,iBAAiB;AAE/C,IAAM,uBAAuB,CAC3B,UACyB;AACzB,MAAI,qBAAqB;AACzB,MAAI,uBAAuB;AAC3B,QAAM,iBAAiB,MAAM;AAC3B,yBAAqB;AACrB,UAAM,eAAe;AAAA,EACvB;AACA,QAAM,kBAAkB,MAAM;AAC5B,2BAAuB;AACvB,UAAM,gBAAgB;AAAA,EACxB;AACA,SAAO;AAAA,IACL,aAAa;AAAA,IACb,eAAe,MAAM;AAAA,IACrB,QAAQ,MAAM;AAAA,IACd,SAAS,MAAM;AAAA,IACf,YAAY,MAAM;AAAA,IAClB,kBAAkB,MAAM;AAAA,IACxB,YAAY,MAAM;AAAA,IAClB,WAAW,MAAM;AAAA,IACjB;AAAA,IACA,oBAAoB,MAAM;AAAA,IAC1B;AAAA,IACA,sBAAsB,MAAM;AAAA,IAC5B,SAAS,MAAM;AAAA,IACf,WAAW,MAAM;AAAA,IACjB,MAAM,MAAM;AAAA,EACd;AACF;AAEO,IAAM,gCAAgC,CAC3C,OACA,KACA,EAAE,UAAU,KAAK,IAA2B,CAAC,MACpC;AACT,YAAU,MAAM;AACd,QAAI,CAAC;AAAS,aAAO,MAAM;AAC3B,QAAI,CAAC,IAAI;AAAS,aAAO,MAAM;AAC/B,UAAM,UAAU,IAAI;AAEpB,UAAM,WAAW,OAAO,QAAQ,KAAK,EAAE;AAAA,MACrC,CAAC,CAAC,KAAK,KAAK,MAAM;AAChB,YAAI,CAAC,IAAI,WAAW,IAAI;AAAG;AAC3B,YAAI,OAAO,UAAU;AAAY;AACjC,cAAM,kBAAkB,IAAI,SAAS,SAAS;AAC9C,cAAM,YAAY,IACf,MAAM,GAAG,kBAAkB,KAAK,MAAS,EACzC,YAAY;AAEf,cAAM,UAAU,CAAC,QAAe;AAC9B,gBAAM,KAAK;AACX,aAAG,qBAAqB,GAAG,CAAC;AAAA,QAC9B;AAEA,cAAM,OAIF,CAAC,WAAW,SAAS,eAAe;AACxC,gBAAQ,iBAAiB,GAAG,IAAI;AAChC,eAAO,MAAM,QAAQ,oBAAoB,GAAG,IAAI;AAAA,MAClD;AAAA,IACF;AAEA,WAAO,MAAM,SAAS,QAAQ,CAAC,YAAY,oCAAW;AAAA,EACxD,GAAG,CAAC,SAAS,OAAO,GAAG,CAAC;AAC1B","sourcesContent":["import { type SyntheticEvent, useEffect } from \"react\";\n\nconst createSyntheticEvent = <T extends Element, E extends Event>(\n  event: E,\n): SyntheticEvent<T, E> => {\n  let isDefaultPrevented = false;\n  let isPropagationStopped = false;\n  const preventDefault = () => {\n    isDefaultPrevented = true;\n    event.preventDefault();\n  };\n  const stopPropagation = () => {\n    isPropagationStopped = true;\n    event.stopPropagation();\n  };\n  return {\n    nativeEvent: event,\n    currentTarget: event.currentTarget as EventTarget & T,\n    target: event.target as EventTarget & T,\n    bubbles: event.bubbles,\n    cancelable: event.cancelable,\n    defaultPrevented: event.defaultPrevented,\n    eventPhase: event.eventPhase,\n    isTrusted: event.isTrusted,\n    preventDefault,\n    isDefaultPrevented: () => isDefaultPrevented,\n    stopPropagation,\n    isPropagationStopped: () => isPropagationStopped,\n    persist: () => undefined,\n    timeStamp: event.timeStamp,\n    type: event.type,\n  };\n};\n\nexport const useDomRefSyntheticEventBridge = <T extends Element>(\n  props: Record<string, unknown>,\n  ref: React.RefObject<T>,\n  { enabled = true }: { enabled?: boolean } = {},\n): void => {\n  useEffect(() => {\n    if (!enabled) return () => undefined;\n    if (!ref.current) return () => undefined;\n    const element = ref.current;\n\n    const cleanups = Object.entries(props).map<(() => void) | undefined>(\n      ([key, value]) => {\n        if (!key.startsWith(\"on\")) return;\n        if (typeof value !== \"function\") return;\n        const endsWithCapture = key.endsWith(\"Capture\");\n        const eventname = key\n          .slice(2, endsWithCapture ? -7 : undefined)\n          .toLowerCase();\n\n        const handler = (evt: Event) => {\n          const fn = value as (event: SyntheticEvent) => void;\n          fn(createSyntheticEvent(evt));\n        };\n\n        const args: [\n          eventname: string,\n          handler: EventListenerOrEventListenerObject,\n          useCapture?: boolean,\n        ] = [eventname, handler, endsWithCapture];\n        element.addEventListener(...args);\n        return () => element.removeEventListener(...args);\n      },\n    );\n\n    return () => cleanups.forEach((cleanup) => cleanup?.());\n  }, [enabled, props, ref]);\n};\n"]}

package/dist/__chunks/4QCCTDDW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:./Badge.module.css#css-module","../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;AAA0F,IAAO,uBAAQ,EAAC,QAAO,gBAAe;;;AC0D1H,SACW,KADX;AA3CN,IAAM,8BAA8B,CAClC,UACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,QAAQ,CAAC;AAAA,EACb,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AACV,MAgBE;AAAA,EAAC;AAAA;AAAA,IACC,SAAQ;AAAA,IACR,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAS;AAAA,IACT,iBAAiB;AAAA,IAEjB,8BAAC,sBAAW,OAAO,4BAA4B,KAAK,GAAG,MAAM,KAC3D,+BAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,YAAW,UAAS,gBAAe,SAC5D;AAAA,cAAQ,oBAAC,QAAK,WAAW,qBAAO,MAAM;AAAA,MACvC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,4BAA4B,KAAK;AAAA,UACxC,MAAM;AAAA,UACN,QAAO;AAAA,UAEN;AAAA;AAAA,MACH;AAAA,OACF,GACF;AAAA;AACF;AAGF,IAAO,gBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css\"; export default {\"icon\":\"_icon_1g9xb_1\"}","import Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Badge.module.css\";\n\nconst BadgeColor = [\n  \"gray200\",\n  \"gray900\",\n  \"destructive700\",\n  \"orange700\",\n  \"yellow700\",\n  \"success700\",\n  \"primary700\",\n  \"purple700\",\n] as const;\n\nconst textColorForBackgroundColor = (\n  color: (typeof BadgeColor)[number],\n): \"gray900\" | \"white\" => {\n  switch (color) {\n    case \"gray200\":\n    case \"yellow700\":\n      return \"gray900\";\n    default:\n      return \"white\";\n  }\n};\n\n/**\n * [Badge](https://cambly-syntax.vercel.app/?path=/docs/components-badge--docs) is a component to display short text and give additional context to features and other components.\n */\nconst Badge = ({\n  icon: Icon,\n  text,\n  color = \"primary700\",\n}: {\n  /**\n   * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The text to display inside the badge\n   */\n  text: string;\n  /**\n   * The color of the badge\n   *\n   * @defaultValue \"primary700\"\n   */\n  color?: (typeof BadgeColor)[number];\n}): JSX.Element => (\n  <Box\n    display=\"inlineBlock\"\n    paddingX={2}\n    paddingY={1}\n    rounding=\"full\"\n    backgroundColor={color}\n  >\n    <Typography color={textColorForBackgroundColor(color)} size={100}>\n      <Box display=\"flex\" gap={1} alignItems=\"center\" justifyContent=\"start\">\n        {Icon && <Icon className={styles.icon} />}\n        <Typography\n          color={textColorForBackgroundColor(color)}\n          size={100}\n          weight=\"bold\"\n        >\n          {text}\n        </Typography>\n      </Box>\n    </Typography>\n  </Box>\n);\n\nexport default Badge;\n"]}

package/dist/__chunks/4YO26FWL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:./colors.module.css#css-module"],"names":[],"mappings":";AAA4F,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,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,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,wBAAuB,mCAAkC,wCAAuC,mDAAkD,8BAA6B,yCAAwC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,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,kCAAiC,4CAA2C","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_178qd_2\",\"destructive700Color\":\"_destructive700Color_178qd_6\",\"gray700Color\":\"_gray700Color_178qd_10\",\"gray900Color\":\"_gray900Color_178qd_14\",\"primary700Color\":\"_primary700Color_178qd_18\",\"success700Color\":\"_success700Color_178qd_22\",\"whiteColor\":\"_whiteColor_178qd_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_178qd_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_178qd_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_178qd_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_178qd_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_178qd_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_178qd_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_178qd_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_178qd_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_178qd_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_178qd_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_178qd_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_178qd_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_178qd_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_178qd_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_178qd_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_178qd_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_178qd_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_178qd_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_178qd_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_178qd_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_178qd_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_178qd_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_178qd_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_178qd_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_178qd_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_178qd_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_178qd_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_178qd_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_178qd_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_178qd_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_178qd_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_178qd_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_178qd_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_178qd_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_178qd_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_178qd_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_178qd_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_178qd_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_178qd_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_178qd_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_178qd_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_178qd_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_178qd_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_178qd_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_178qd_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_178qd_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_178qd_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_178qd_219\",\"cambioBlackColor\":\"_cambioBlackColor_178qd_224\",\"cambioWhiteColor\":\"_cambioWhiteColor_178qd_228\",\"cambioGray100Color\":\"_cambioGray100Color_178qd_232\",\"cambioGray200Color\":\"_cambioGray200Color_178qd_236\",\"cambioGray300Color\":\"_cambioGray300Color_178qd_240\",\"cambioGray370Color\":\"_cambioGray370Color_178qd_244\",\"cambioGray700Color\":\"_cambioGray700Color_178qd_248\",\"cambioGray800Color\":\"_cambioGray800Color_178qd_252\",\"cambioGray870Color\":\"_cambioGray870Color_178qd_256\",\"cambioGray900Color\":\"_cambioGray900Color_178qd_260\",\"cambioDestructive100Color\":\"_cambioDestructive100Color_178qd_264\",\"cambioDestructive300Color\":\"_cambioDestructive300Color_178qd_268\",\"cambioDestructive370Color\":\"_cambioDestructive370Color_178qd_272\",\"cambioDestructive700Color\":\"_cambioDestructive700Color_178qd_276\",\"cambioDestructive770Color\":\"_cambioDestructive770Color_178qd_280\",\"cambioDestructive900Color\":\"_cambioDestructive900Color_178qd_284\",\"cambioSuccess100Color\":\"_cambioSuccess100Color_178qd_288\",\"cambioSuccess300Color\":\"_cambioSuccess300Color_178qd_292\",\"cambioSuccess370Color\":\"_cambioSuccess370Color_178qd_296\",\"cambioSuccess700Color\":\"_cambioSuccess700Color_178qd_300\",\"cambioSuccess770Color\":\"_cambioSuccess770Color_178qd_304\",\"cambioSuccess900Color\":\"_cambioSuccess900Color_178qd_308\",\"cambioRedColor\":\"_cambioRedColor_178qd_312\",\"cambioOrangeColor\":\"_cambioOrangeColor_178qd_316\",\"cambioTanColor\":\"_cambioTanColor_178qd_320\",\"cambioCreamColor\":\"_cambioCreamColor_178qd_324\",\"cambioPurpleColor\":\"_cambioPurpleColor_178qd_328\",\"cambioLilacColor\":\"_cambioLilacColor_178qd_332\",\"cambioThistleColor\":\"_cambioThistleColor_178qd_336\",\"cambioPinkColor\":\"_cambioPinkColor_178qd_340\",\"cambioNavyColor\":\"_cambioNavyColor_178qd_344\",\"cambioTealColor\":\"_cambioTealColor_178qd_348\",\"cambioSlateColor\":\"_cambioSlateColor_178qd_352\",\"cambioSkyColor\":\"_cambioSkyColor_178qd_356\",\"cambioYellow700Color\":\"_cambioYellow700Color_178qd_360\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_178qd_364\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_178qd_368\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_178qd_372\",\"cambioGray100BackgroundColor\":\"_cambioGray100BackgroundColor_178qd_376\",\"cambioGray200BackgroundColor\":\"_cambioGray200BackgroundColor_178qd_380\",\"cambioGray300BackgroundColor\":\"_cambioGray300BackgroundColor_178qd_384\",\"cambioGray370BackgroundColor\":\"_cambioGray370BackgroundColor_178qd_388\",\"cambioGray700BackgroundColor\":\"_cambioGray700BackgroundColor_178qd_392\",\"cambioGray800BackgroundColor\":\"_cambioGray800BackgroundColor_178qd_396\",\"cambioGray870BackgroundColor\":\"_cambioGray870BackgroundColor_178qd_400\",\"cambioGray900BackgroundColor\":\"_cambioGray900BackgroundColor_178qd_404\",\"cambioDestructive100BackgroundColor\":\"_cambioDestructive100BackgroundColor_178qd_408\",\"cambioDestructive300BackgroundColor\":\"_cambioDestructive300BackgroundColor_178qd_412\",\"cambioDestructive370BackgroundColor\":\"_cambioDestructive370BackgroundColor_178qd_416\",\"cambioDestructive700BackgroundColor\":\"_cambioDestructive700BackgroundColor_178qd_420\",\"cambioDestructive770BackgroundColor\":\"_cambioDestructive770BackgroundColor_178qd_424\",\"cambioDestructive900BackgroundColor\":\"_cambioDestructive900BackgroundColor_178qd_428\",\"cambioSuccess100BackgroundColor\":\"_cambioSuccess100BackgroundColor_178qd_432\",\"cambioSuccess300BackgroundColor\":\"_cambioSuccess300BackgroundColor_178qd_436\",\"cambioSuccess370BackgroundColor\":\"_cambioSuccess370BackgroundColor_178qd_440\",\"cambioSuccess700BackgroundColor\":\"_cambioSuccess700BackgroundColor_178qd_444\",\"cambioSuccess770BackgroundColor\":\"_cambioSuccess770BackgroundColor_178qd_448\",\"cambioSuccess900BackgroundColor\":\"_cambioSuccess900BackgroundColor_178qd_452\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_178qd_456\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_178qd_460\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_178qd_464\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_178qd_468\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_178qd_472\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_178qd_476\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_178qd_480\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_178qd_484\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_178qd_488\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_178qd_492\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_178qd_496\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_178qd_500\",\"cambioYellow700BackgroundColor\":\"_cambioYellow700BackgroundColor_178qd_504\"}"]}

package/dist/__chunks/5AR53MHD.js

@@ -1 +0,0 @@
-//# sourceMappingURL=5AR53MHD.js.map

package/dist/__chunks/5WNFAQGY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../Box/padding.module.css#css-module"],"names":[],"mappings":";AAA0F,IAAO,yBAAQ,EAAC,aAAY,sBAAqB,aAAY,sBAAqB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,cAAa,wBAAuB,cAAa,wBAAuB,cAAa,wBAAuB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,wBAAuB,aAAY,wBAAuB,aAAY,wBAAuB,cAAa,yBAAwB,cAAa,yBAAwB,cAAa,yBAAwB,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,6BAA4B","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.module.css\"; export default {\"paddingX0\":\"_paddingX0_1aqye_2\",\"paddingX1\":\"_paddingX1_1aqye_7\",\"paddingX2\":\"_paddingX2_1aqye_12\",\"paddingX3\":\"_paddingX3_1aqye_17\",\"paddingX4\":\"_paddingX4_1aqye_22\",\"paddingX5\":\"_paddingX5_1aqye_27\",\"paddingX6\":\"_paddingX6_1aqye_32\",\"paddingX7\":\"_paddingX7_1aqye_37\",\"paddingX8\":\"_paddingX8_1aqye_42\",\"paddingX9\":\"_paddingX9_1aqye_47\",\"paddingX10\":\"_paddingX10_1aqye_52\",\"paddingX11\":\"_paddingX11_1aqye_57\",\"paddingX12\":\"_paddingX12_1aqye_62\",\"paddingY0\":\"_paddingY0_1aqye_67\",\"paddingY1\":\"_paddingY1_1aqye_72\",\"paddingY2\":\"_paddingY2_1aqye_77\",\"paddingY3\":\"_paddingY3_1aqye_82\",\"paddingY4\":\"_paddingY4_1aqye_87\",\"paddingY5\":\"_paddingY5_1aqye_92\",\"paddingY6\":\"_paddingY6_1aqye_97\",\"paddingY7\":\"_paddingY7_1aqye_102\",\"paddingY8\":\"_paddingY8_1aqye_107\",\"paddingY9\":\"_paddingY9_1aqye_112\",\"paddingY10\":\"_paddingY10_1aqye_117\",\"paddingY11\":\"_paddingY11_1aqye_122\",\"paddingY12\":\"_paddingY12_1aqye_127\",\"paddingX0Small\":\"_paddingX0Small_1aqye_134\",\"paddingX1Small\":\"_paddingX1Small_1aqye_139\",\"paddingX2Small\":\"_paddingX2Small_1aqye_144\",\"paddingX3Small\":\"_paddingX3Small_1aqye_149\",\"paddingX4Small\":\"_paddingX4Small_1aqye_154\",\"paddingX5Small\":\"_paddingX5Small_1aqye_159\",\"paddingX6Small\":\"_paddingX6Small_1aqye_164\",\"paddingX7Small\":\"_paddingX7Small_1aqye_169\",\"paddingX8Small\":\"_paddingX8Small_1aqye_174\",\"paddingX9Small\":\"_paddingX9Small_1aqye_179\",\"paddingX10Small\":\"_paddingX10Small_1aqye_184\",\"paddingX11Small\":\"_paddingX11Small_1aqye_189\",\"paddingX12Small\":\"_paddingX12Small_1aqye_194\",\"paddingY0Small\":\"_paddingY0Small_1aqye_199\",\"paddingY1Small\":\"_paddingY1Small_1aqye_204\",\"paddingY2Small\":\"_paddingY2Small_1aqye_209\",\"paddingY3Small\":\"_paddingY3Small_1aqye_214\",\"paddingY4Small\":\"_paddingY4Small_1aqye_219\",\"paddingY5Small\":\"_paddingY5Small_1aqye_224\",\"paddingY6Small\":\"_paddingY6Small_1aqye_229\",\"paddingY7Small\":\"_paddingY7Small_1aqye_234\",\"paddingY8Small\":\"_paddingY8Small_1aqye_239\",\"paddingY9Small\":\"_paddingY9Small_1aqye_244\",\"paddingY10Small\":\"_paddingY10Small_1aqye_249\",\"paddingY11Small\":\"_paddingY11Small_1aqye_254\",\"paddingY12Small\":\"_paddingY12Small_1aqye_259\",\"paddingX0Large\":\"_paddingX0Large_1aqye_267\",\"paddingX1Large\":\"_paddingX1Large_1aqye_272\",\"paddingX2Large\":\"_paddingX2Large_1aqye_277\",\"paddingX3Large\":\"_paddingX3Large_1aqye_282\",\"paddingX4Large\":\"_paddingX4Large_1aqye_287\",\"paddingX5Large\":\"_paddingX5Large_1aqye_292\",\"paddingX6Large\":\"_paddingX6Large_1aqye_297\",\"paddingX7Large\":\"_paddingX7Large_1aqye_302\",\"paddingX8Large\":\"_paddingX8Large_1aqye_307\",\"paddingX9Large\":\"_paddingX9Large_1aqye_312\",\"paddingX10Large\":\"_paddingX10Large_1aqye_317\",\"paddingX11Large\":\"_paddingX11Large_1aqye_322\",\"paddingX12Large\":\"_paddingX12Large_1aqye_327\",\"paddingY0Large\":\"_paddingY0Large_1aqye_332\",\"paddingY1Large\":\"_paddingY1Large_1aqye_337\",\"paddingY2Large\":\"_paddingY2Large_1aqye_342\",\"paddingY3Large\":\"_paddingY3Large_1aqye_347\",\"paddingY4Large\":\"_paddingY4Large_1aqye_352\",\"paddingY5Large\":\"_paddingY5Large_1aqye_357\",\"paddingY6Large\":\"_paddingY6Large_1aqye_362\",\"paddingY7Large\":\"_paddingY7Large_1aqye_367\",\"paddingY8Large\":\"_paddingY8Large_1aqye_372\",\"paddingY9Large\":\"_paddingY9Large_1aqye_377\",\"paddingY10Large\":\"_paddingY10Large_1aqye_382\",\"paddingY11Large\":\"_paddingY11Large_1aqye_387\",\"paddingY12Large\":\"_paddingY12Large_1aqye_392\"}"]}

package/dist/__chunks/74UCGNED.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Card/Card.tsx"],"sourcesContent":["import Box from \"../Box/Box\";\nimport type allColors from \"../colors/allColors\";\n\nconst DeprecatedCardSizes = [\"sm\", \"lg\"] as const;\n\ntype CardType = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The background color of the box.\n   * @defaultValue `white`\n   */\n  backgroundColor?: (typeof allColors)[number];\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n  /**\n   * The size of the card\n   *\n   * `sm`: 352px\n   * `lg`: 744px\n   *\n   * @deprecated Card width should be controlled by the parent container\n   * @defaultValue `undefined`\n   */\n  size?: (typeof DeprecatedCardSizes)[number];\n};\n\n/**\n * [Card](https://cambly-syntax.vercel.app/?path=/docs/components-card--docs) is a basic container component to apply consistent styling and render child components.\n */\nexport default function Card({\n  backgroundColor = \"white\",\n  children,\n  size,\n  \"data-testid\": dataTestId,\n}: CardType): JSX.Element {\n  const sizeWidth = {\n    sm: 352,\n    lg: 744,\n  } as const;\n\n  return (\n    <Box\n      rounding=\"lg\"\n      padding={5}\n      smPadding={7}\n      lgPadding={7}\n      maxWidth={size && sizeWidth[size]}\n      width=\"100%\"\n      backgroundColor={backgroundColor}\n      data-testid={dataTestId}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AA8CI;AAZW,SAAR,KAAsB;AAAA,EAC3B,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAA0B;AACxB,QAAM,YAAY;AAAA,IAChB,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAW;AAAA,MACX,UAAU,QAAQ,UAAU,IAAI;AAAA,MAChC,OAAM;AAAA,MACN;AAAA,MACA,eAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/__chunks/7AYSDTC6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Button/constants/textVariant.ts"],"names":[],"mappings":";AAAA,IAAM,cAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAO,sBAAQ","sourcesContent":["const textVariant = {\n  sm: 100,\n  md: 200,\n  lg: 300,\n  xl: 500,\n} as const;\n\nexport default textVariant;\n"]}

package/dist/__chunks/7GJ2SD7O.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../rounding.module.css#css-module"],"names":[],"mappings":";AAAuF,IAAO,0BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB,cAAa,wBAAuB,cAAa,wBAAuB,gBAAe,yBAAwB","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css\"; export default {\"roundingsm\":\"_roundingsm_1bo6p_2\",\"roundingmd\":\"_roundingmd_1bo6p_6\",\"roundinglg\":\"_roundinglg_1bo6p_10\",\"roundingxl\":\"_roundingxl_1bo6p_14\",\"roundingfull\":\"_roundingfull_1bo6p_18\"}"]}

package/dist/__chunks/7W3S3GV2.cjs.map

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

package/dist/__chunks/7W5RYLTS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/RichSelect/RichSelectSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAAgB,kBAAqC;AACrD;AAAA,EACE,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,OACT;AACP,OAAO,gBAAgB;AAsBjB,SAYI,KAZJ;AAVN,IAAO,4BAAQ;AAAA,EACb,SAAS,kBAAkB,OAAO,KAAmB;AACnD,UAAM;AAAA,MACJ,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAChB,IAAI;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb,WAAW;AAAA,UACT,CAAC,mBAAU,KAAK,mBAAU,MAAM,mBAAU,UAAU,mBAAU,IAAI;AAAA,UAClE;AAAA,YACE,CAAC,mBAAU,GAAG,GAAG,gBAAgB;AAAA,YACjC,CAAC,mBAAU,MAAM,GAAG,gBAAgB;AAAA,UACtC;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,mBAAgB,WAAW,WAAW,sBAAa,SAAS,GAC3D,8BAAC,sBAAY,iBAAM,GACrB;AAAA,UACA,oBAAC,uBAAqB,UAAS;AAAA;AAAA;AAAA,IACjC;AAAA,EAEJ;AACF","sourcesContent":["import React, { forwardRef, type ReactElement } from \"react\";\nimport {\n  Section as ReactAriaSection,\n  Header as ReactAriaHeader,\n  Collection as ReactAriaCollection,\n} from \"react-aria-components\";\nimport classNames from \"classnames\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport layoutStyles from \"../layout.module.css\";\nimport Typography from \"../Typography/Typography\";\n\ntype RichSelectSectionProps = {\n  \"data-testid\"?: string;\n  label: string;\n  children: ReactElement | ReactElement[];\n  orientation?: \"horizontal\" | \"vertical\";\n};\n\nexport default forwardRef<HTMLDivElement, RichSelectSectionProps>(\n  function RichSelectSection(props, ref): ReactElement {\n    const {\n      \"data-testid\": dataTestId,\n      label,\n      children,\n      orientation = \"horizontal\",\n    } = props;\n\n    return (\n      <ReactAriaSection\n        ref={ref}\n        data-testid={dataTestId}\n        className={classNames(\n          [boxStyles.box, boxStyles.flex, boxStyles.flexWrap, boxStyles.gap3],\n          {\n            [boxStyles.row]: orientation === \"horizontal\",\n            [boxStyles.column]: orientation === \"vertical\",\n          },\n        )}\n      >\n        <ReactAriaHeader className={classNames(layoutStyles.fullWidth)}>\n          <Typography>{label}</Typography>\n        </ReactAriaHeader>\n        <ReactAriaCollection>{children}</ReactAriaCollection>\n      </ReactAriaSection>\n    );\n  },\n);\n"]}

package/dist/__chunks/A72TS5OX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"names":[],"mappings":";AAA4F,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,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACEntB,IAAM,WAAW;AAAA,EACf,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEA,IAAO,mBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_ddq3j_1\",\"buttonGap\":\"_buttonGap_ddq3j_9\",\"fullWidth\":\"_fullWidth_ddq3j_50\",\"sm\":\"_sm_ddq3j_54\",\"md\":\"_md_ddq3j_61\",\"lg\":\"_lg_ddq3j_68\",\"smCambio\":\"_smCambio_ddq3j_75\",\"mdCambio\":\"_mdCambio_ddq3j_82\",\"lgCambio\":\"_lgCambio_ddq3j_89\",\"icon\":\"_icon_ddq3j_96\",\"smIcon\":\"_smIcon_ddq3j_100\",\"mdIcon\":\"_mdIcon_ddq3j_107\",\"lgIcon\":\"_lgIcon_ddq3j_114\",\"secondaryBorder\":\"_secondaryBorder_ddq3j_121\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_ddq3j_125\",\"loading\":\"_loading_ddq3j_139\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_ddq3j_1\",\"loadingCircle\":\"_loadingCircle_ddq3j_143\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nexport default iconSize;\n"]}

package/dist/__chunks/ANT3IQ3X.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/RichSelect/RichSelectBox.tsx"],"names":["RichSelectBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,wBAAwB;AAG5C,SAAS,0BAA0B;AAmKzB,cAuCM,YAvCN;AAnJV,SAAS,SAAS,KAA6B;AAC7C,SAAO,OAAO,QAAQ;AACxB;AAEA,SAAS,iBAAiB,MAAkB,MAA2B;AACrE,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,CAAC,QAAQ,CAAC;AAAM,WAAO;AAC3B,MAAI,CAAC,QAAQ,CAAC;AAAM,WAAO;AAC3B,MAAI,SAAS,IAAI;AAAG,WAAO,SAAS;AACpC,MAAI,SAAS,IAAI;AAAG,WAAO;AAC3B,MAAI,KAAK,SAAS,KAAK;AAAM,WAAO;AACpC,aAAW,QAAQ,MAAM;AACvB,QAAI,CAAC,KAAK,IAAI,IAAI;AAAG,aAAO;AAAA,EAC9B;AACA,SAAO;AACT;AAEO,SAAS,iBACd,WACA,cAC8B;AAC9B,MAAI,CAAC;AAAW,WAAO;AACvB,MAAI,cAAc;AAAO,WAAO;AAChC,SAAO,IAAI,IAAI,SAAS;AAC1B;AAiCO,IAAM,uBAAuB,cAAwC,CAAC,CAAC;AAyB9E,IAAM,gBAAgB;AAAA,EACpB,SAASA,eAAc,OAAO,KAAmB;AAC/C,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,uBAAuB;AAAA,IACzB,IAAI;AAEJ,UAAM,mBAAmB;AAAA,MACvB,MAAM,iBAAiB,kBAAkB;AAAA,MACzC,CAAC,kBAAkB;AAAA,IACrB;AACA,UAAM,sBAAsB;AAAA,MAC1B,MAAM,iBAAiB,2BAA2B,oBAAI,IAAI,CAAC;AAAA,MAC3D,CAAC,yBAAyB;AAAA,IAC5B;AACA,UAAM,CAAC,cAAc,eAAe,IAAI;AAAA,MACtC;AAAA;AAAA,MACA;AAAA,MACA,CAAC,UAAU;AACT,YAAI,iBAAiB,OAAO,YAAY;AAAG;AAE3C,YAAI,UAAU;AAAO,iBAAO,SAAS,KAAK;AAC1C,iBAAS,CAAC,GAAG,KAAK,EAAE,IAAI,MAAM,CAAC;AAAA,MACjC;AAAA,IACF;AACA,UAAM,CAAC,YAAY,aAAa,IAAI;AAAA,MAClC;AAAA,IACF;AAEA,UAAM,cAAc,MAAM,gBAAgB,UAAU;AACpD,UAAM,eAAe,MAAM,cAAc,oBAAI,IAAI,CAAC;AAClD,UAAM,eAAe,CAAC,mBAA8B;AAClD,oBAAc,cAAc;AAC5B,UAAI;AAAU,wBAAgB,cAAc;AAAA,IAC9C;AAIA,UAAM,CAAC,sBAAsB,uBAAuB,IAAI;AAAA,MACtD,oBAAI,IAAI;AAAA,IACV;AACA,UAAM,aAAa,YAAY,CAAC,KAAU,cAAuB;AAC/D,8BAAwB,CAAC,SAAS;AAChC,YAAI,KAAK,IAAI,GAAG,MAAM;AAAW,iBAAO;AACxC,oBAAY,KAAK,IAAI,GAAG,IAAI,KAAK,OAAO,GAAG;AAC3C,eAAO,IAAI,IAAI,IAAI;AAAA,MACrB,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAGL,UAAM,EAAE,UAAU,IAAI,WAAW,oBAAoB;AAErD,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,WAAW,GAClD,+BAAC,eACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,cAAY;AAAA,UACZ;AAAA,UACA,eAAe,WAAW,aAAa;AAAA,UACvC,mBAAmB,WAAW,WAAW;AAAA,UACzC,iBAAiB;AAAA,UACjB,aAAY;AAAA,UACZ,cAAc;AAAA,UACd,mBAAmB;AAAA,UACnB,cAAc;AAAA,UACd,WAAW,0BAAO;AAAA,UAEjB;AAAA;AAAA,MACH;AAAA,MACC,CAAC,YACA;AAAA,QAAC;AAAA;AAAA,UACC,iBAAgB;AAAA,UAChB,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,KAAK;AAAA,UACL,WAAW;AAAA,UACX,gBAAe;AAAA,UACf,UAAS;AAAA,UACT,2BAA2B;AAAA,YACzB,SAAS;AAAA,cACP,QAAQ;AAAA,YACV;AAAA,UACF;AAAA,UAEA;AAAA,gCAAC,eAAI,MAAK,QACR,8BAAC,WAAQ,GACX;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,WAAW;AAAA,gBACX,SAAQ;AAAA,gBACR,gBAAe;AAAA,gBAEf,+BAAC,uBAAY,aAAY,cACvB;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAS;AAAA,sBACT,OAAO;AAAA,sBACP,MAAM;AAAA,sBACN,oBAAoB;AAAA,sBACpB,eAAa,CAAC,YAAY,kBAAkB,EACzC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA;AAAA,kBACb;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAS;AAAA,sBACT,MAAM;AAAA,sBACN,oBAAoB;AAAA,sBACpB,OAAM;AAAA,sBACN,eAAa,CAAC,YAAY,gBAAgB,EACvC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA;AAAA,kBACb;AAAA,mBACF;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA,OAEJ,GACF;AAAA,EAEJ;AACF;AAEA,IAAO,wBAAQ,OAAO,OAAO,eAAe;AAAA,EAC1C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,aAAa;AACf,CAAC","sourcesContent":["import React, {\n  forwardRef,\n  type ReactElement,\n  useContext,\n  useState,\n  useCallback,\n  createContext,\n  useMemo,\n} from \"react\";\nimport { ListBox as ReactAriaListBox } from \"react-aria-components\";\nimport { type Key } from \"react-aria\";\nimport { type Selection } from \"react-stately\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport { RichSelectItemContext } from \"./RichSelectItem\";\nimport ButtonGroup from \"../ButtonGroup/ButtonGroup\";\nimport Button from \"../Button/Button\";\nimport styles from \"./RichSelect.module.css\";\nimport Box from \"../Box/Box\";\nimport Divider from \"../Divider/Divider\";\nimport RichSelectSection from \"./RichSelectSection\";\nimport RichSelectChip from \"./RichSelectChip\";\nimport RichSelectRadioButton from \"./RichSelectRadioButton\";\n\ntype RichSelectChild =\n  | ReactElement<typeof RichSelectChip>\n  | ReactElement<typeof RichSelectRadioButton>\n  | ReactElement<typeof RichSelectSection>;\n\nfunction isString(val: unknown): val is string {\n  return typeof val === \"string\";\n}\n\nfunction isEqualSelection(set1?: Selection, set2?: Selection): boolean {\n  if (set1 === set2) return true;\n  if (!set1 && !set2) return true;\n  if (!set1 || !set2) return false;\n  if (isString(set1)) return set1 === set2;\n  if (isString(set2)) return false;\n  if (set1.size !== set2.size) return false;\n  for (const item of set1) {\n    if (!set2.has(item)) return false;\n  }\n  return true;\n}\n\nexport function convertSelection(\n  selection: \"all\" | Iterable<Key> | undefined,\n  defaultValue?: \"all\" | Set<Key>,\n): \"all\" | Set<Key> | undefined {\n  if (!selection) return defaultValue;\n  if (selection === \"all\") return \"all\";\n  return new Set(selection);\n}\n\nexport type RichSelectBoxProps = {\n  /** aria-label for the list box */\n  accessibilityLabel: string;\n  /** Automatically saves changes when true, shows save/clear buttons when not true */\n  autosave?: boolean;\n  /** Test id for the list box element */\n  \"data-testid\"?: string;\n  /** One or more RichSelectList.<Chip|RadioButton|Section|...> components. */\n  children: RichSelectChild | RichSelectChild[];\n  /** Default selected values */\n  defaultSelectedValues?: Set<Key> | string[] | \"all\";\n  /** Enables multiple selection (multiselect) */\n  multiple?: boolean;\n  /** The callback to be called when options are selected / committed */\n  onChange: (selectedValues: string[] | \"all\") => void;\n  /** Text for primary button (Save). Required: string must be translated */\n  primaryButtonText: string;\n  /** accessibilityLabel for primary Button component (Save). Required: string must be translated */\n  primaryButtonAccessibilityLabel: string;\n  /** Text for primary button (Clear). Required: string must be translated */\n  secondaryButtonText: string;\n  /** accessibilityLabel for secondary Button component (Clear). Required: string must be translated */\n  secondaryButtonAccessibilityLabel: string;\n  /** Value of the currently selected options */\n  selectedValues?: Set<Key> | string[] | \"all\";\n};\n\ntype RichSelectBoxContextType = {\n  /** Automatically focuses RichSelectBox on mount when enabled */\n  autoFocus?: boolean;\n};\nexport const RichSelectBoxContext = createContext<RichSelectBoxContextType>({});\n\n/**\n * [RichSelectBox](https://cambly-syntax.vercel.app/?path=/docs/components-richselectbox--docs) is an element that allows users to select one or multiple options from a list.\n *\n * Example Usage:\n ```\n  <RichSelectBox\n    label=\"My Label\"\n    multiple\n    onChange={() => { ... }}\n    primaryButtonText=\"Save\"\n    primaryButtonAccessibilityLabel=\"Save\"\n    secondaryButtonText=\"Clear\"\n    secondaryButtonAccessibilityLabel=\"Clear\"\n  >\n    <RichSelectBox.Section label=\"Cities\">\n      <RichSelectBox.Chip label=\"San Francisco\" value=\"sf\" />\n      <RichSelectBox.Chip label=\"New York\" value=\"ny\" disabled />\n      <RichSelectBox.Chip label=\"Tulsa\" value=\"tulsa\" />\n      <RichSelectBox.Chip label=\"Chicago\" value=\"chicago\" disabled />\n    </RichSelectBox.Section>\n  </RichSelectBox>\n ```\n */\nconst RichSelectBox = forwardRef<HTMLDivElement, RichSelectBoxProps>(\n  function RichSelectBox(props, ref): ReactElement {\n    const {\n      accessibilityLabel,\n      autosave,\n      children,\n      \"data-testid\": dataTestId,\n      multiple = false,\n      onChange,\n      primaryButtonText,\n      primaryButtonAccessibilityLabel,\n      secondaryButtonText,\n      secondaryButtonAccessibilityLabel,\n      selectedValues: selectedValuesProp,\n      defaultSelectedValues: defaultSelectedValuesProp,\n    } = props;\n\n    const selectedKeysProp = useMemo(\n      () => convertSelection(selectedValuesProp),\n      [selectedValuesProp],\n    );\n    const defaultSelectedKeys = useMemo(\n      () => convertSelection(defaultSelectedValuesProp, new Set()),\n      [defaultSelectedValuesProp],\n    );\n    const [selectedKeys, setSelectedKeys] = useControlledState(\n      selectedKeysProp!, // eslint-disable-line @typescript-eslint/no-non-null-assertion -- there is a bug in the typedef for useControlledState from react-stately.  Internally they rely on value (first arg) able to be undefined\n      defaultSelectedKeys,\n      (value) => {\n        if (isEqualSelection(value, selectedKeys)) return;\n        // Notify parent about the changes\n        if (value === \"all\") return onChange(\"all\");\n        onChange([...value].map(String));\n      },\n    );\n    const [stagedKeys, setStagedKeys] = useState<Set<Key> | \"all\">(\n      selectedKeys,\n    );\n\n    const saveChanges = () => setSelectedKeys(stagedKeys);\n    const clearChanges = () => setStagedKeys(new Set());\n    const stageChanges = (selectedValues: Selection) => {\n      setStagedKeys(selectedValues);\n      if (autosave) setSelectedKeys(selectedValues);\n    };\n\n    // inject method into context so children can disable themselves\n    // by adding `disabled` attribute (through RichSelectItem)\n    const [disabledKeysComposed, setDisabledKeysComposed] = useState<Set<Key>>(\n      new Set(),\n    );\n    const disableKey = useCallback((key: Key, _disabled: boolean) => {\n      setDisabledKeysComposed((keys) => {\n        if (keys.has(key) === _disabled) return keys;\n        _disabled ? keys.add(key) : keys.delete(key);\n        return new Set(keys);\n      });\n    }, []);\n\n    // higher level context for autoFocus behavior (parent sets when rendering RichSelectBox in overlay)\n    const { autoFocus } = useContext(RichSelectBoxContext);\n\n    return (\n      <RichSelectItemContext.Provider value={{ disableKey }}>\n        <Box>\n          <ReactAriaListBox\n            ref={ref}\n            aria-label={accessibilityLabel}\n            autoFocus={autoFocus}\n            selectionMode={multiple ? \"multiple\" : \"single\"}\n            selectionBehavior={multiple ? \"toggle\" : \"replace\"}\n            shouldFocusWrap={true}\n            orientation=\"horizontal\"\n            selectedKeys={stagedKeys}\n            onSelectionChange={stageChanges}\n            disabledKeys={disabledKeysComposed}\n            className={styles.richSelectBox}\n          >\n            {children}\n          </ReactAriaListBox>\n          {!autosave && (\n            <Box\n              backgroundColor=\"white\"\n              display=\"flex\"\n              direction=\"column\"\n              gap={5}\n              marginTop={5}\n              justifyContent=\"end\"\n              position=\"sticky\"\n              dangerouslySetInlineStyle={{\n                __style: {\n                  bottom: 0,\n                },\n              }}\n            >\n              <Box flex=\"grow\">\n                <Divider />\n              </Box>\n              <Box\n                paddingY={5}\n                marginTop={-5}\n                display=\"flex\"\n                justifyContent=\"end\"\n              >\n                <ButtonGroup orientation=\"horizontal\">\n                  <Button\n                    onClick={clearChanges}\n                    color={\"secondary\"}\n                    text={secondaryButtonText}\n                    accessibilityLabel={secondaryButtonAccessibilityLabel}\n                    data-testid={[dataTestId, \"secondary-button\"]\n                      .filter(Boolean)\n                      .join(\"-\")}\n                  />\n                  <Button\n                    onClick={saveChanges}\n                    text={primaryButtonText}\n                    accessibilityLabel={primaryButtonAccessibilityLabel}\n                    color=\"primary\"\n                    data-testid={[dataTestId, \"primary-button\"]\n                      .filter(Boolean)\n                      .join(\"-\")}\n                  />\n                </ButtonGroup>\n              </Box>\n            </Box>\n          )}\n        </Box>\n      </RichSelectItemContext.Provider>\n    );\n  },\n);\n\nexport default Object.assign(RichSelectBox, {\n  Section: RichSelectSection,\n  Chip: RichSelectChip,\n  RadioButton: RichSelectRadioButton,\n});\n"]}

package/dist/__chunks/AXP5KWIY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,eAAc,wBAAuB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,MAAK,eAAc;;;ADgCvP,SACE,KADF;AA1BJ,IAAM,mBAAmB;AAAA,EACvB,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,IAAI,OAAO,GAAG;AAAA,EAC3D,IAAI,EAAE,QAAQ,IAAI,iBAAiB,IAAI,QAAQ,IAAI,OAAO,GAAG;AAC/D;AAEA,IAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAKiB;AACf,SACE,qBAAC,SAAI,WAAW,WAAW,sBAAO,QAAQ,sBAAO,IAAI,CAAC,GACpD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,WAAW,WAAW,sBAAO,aAAa,sBAAO,IAAI,CAAC;AAAA;AAAA,IACxD;AAAA,IACC,QACC,oBAAC,eAAI,SAAQ,QAAO,UAAS,YAAW,gBAAe,OACrD;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAW;AAAA,QACX,gBAAe;AAAA,QACf,UAAS;AAAA,QACT,iBAAgB;AAAA,QAChB,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,QAAQ;AAAA,aACL,iBAAiB,IAAI;AAAA,QAE5B;AAAA,QACA,UAAS;AAAA,QAER;AAAA;AAAA,IACH,GACF;AAAA,KAEJ;AAEJ;AAKA,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAyBmB;AACjB,QAAM,qBAAqB,eAAe;AAE1C,MAAI,uBAAuB,MAAM;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,iBAAiB,aAAa,mBAAmB,IAAI;AAAA,UACvD;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,YAAW;AAAA,YACX,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,UAAS;AAAA,YAET;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,MAAM,mBAAmB;AAAA,gBACzB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import { type ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\nimport Box from \"../Box/Box\";\nimport { useAvatarGroup } from \"../AvatarGroup/AvatarGroup\";\n\nconst sizeToIconStyles = {\n  sm: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },\n  md: { bottom: 6, marginInlineEnd: 2, height: 8, width: 8 },\n  lg: { bottom: 6, marginInlineEnd: 6, height: 12, width: 12 },\n  xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 },\n} as const;\n\nconst sizeToMargin = {\n  sm: -16,\n  md: -28,\n  lg: -48,\n  xl: -88,\n} as const;\n\nfunction AvatarInternal({\n  accessibilityLabel,\n  icon,\n  size = \"md\",\n  src,\n}: {\n  accessibilityLabel: string;\n  icon?: React.ReactElement;\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  src: string;\n}): ReactElement {\n  return (\n    <div className={classNames(styles.avatar, styles[size])}>\n      <img\n        alt={accessibilityLabel}\n        src={src}\n        className={classNames(styles.avatarImage, styles[size])}\n      />\n      {icon && (\n        <Box display=\"flex\" position=\"relative\" justifyContent=\"end\">\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            position=\"absolute\"\n            backgroundColor=\"white\"\n            dangerouslySetInlineStyle={{\n              __style: {\n                border: \"1px solid white\",\n                ...sizeToIconStyles[size],\n              },\n            }}\n            rounding=\"full\"\n          >\n            {icon}\n          </Box>\n        </Box>\n      )}\n    </div>\n  );\n}\n\n/**\n * [Avatar](https://cambly-syntax.vercel.app/?path=/docs/components-avatar--docs) is a circular image that represents a user.\n */\nconst Avatar = ({\n  accessibilityLabel,\n  icon,\n  size = \"md\",\n  src,\n}: {\n  /**\n   * Alt text to use for the image.\n   * This should describe the image to people using screen readers.\n   */\n  accessibilityLabel: string;\n  /**\n   * optional icon that appears on the bottom corner of the avatar\n   */\n  icon?: React.ReactElement;\n  /**\n   * Size of the avatar.\n   *\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\n}): JSX.Element => {\n  const avatarGroupContext = useAvatarGroup();\n\n  if (avatarGroupContext !== null) {\n    return (\n      <Box\n        position=\"relative\"\n        dangerouslySetInlineStyle={{\n          __style: {\n            marginInlineEnd: sizeToMargin[avatarGroupContext.size],\n          },\n        }}\n      >\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          backgroundColor=\"white\"\n          rounding=\"full\"\n        >\n          <AvatarInternal\n            accessibilityLabel={accessibilityLabel}\n            icon={icon}\n            size={avatarGroupContext.size}\n            src={src}\n          />\n        </Box>\n      </Box>\n    );\n  }\n\n  return (\n    <AvatarInternal\n      accessibilityLabel={accessibilityLabel}\n      icon={icon}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_vflu6_1\",\"avatarImage\":\"_avatarImage_vflu6_5\",\"sm\":\"_sm_vflu6_14\",\"md\":\"_md_vflu6_19\",\"lg\":\"_lg_vflu6_24\",\"xl\":\"_xl_vflu6_29\"}"]}

package/dist/__chunks/CVY5S6ZX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TextField/TextField.tsx","css-module:./TextField.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACL2E,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,SAAQ,mBAAkB,MAAK,gBAAe,YAAW,sBAAqB,MAAK,gBAAe,YAAW,sBAAqB,MAAK,gBAAe,YAAW,sBAAqB,cAAa,uBAAsB;;;AD8FxW,SAcQ,KAdR;AAhFW,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AACV,GA4DiB;AACf,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,UAAU,MAAM;AACtB,QAAM,UAAU,kBAAM;AAEtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAM;AAAA,MACN,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,SAAS,WAAW,MAAM;AAAA,QAC5B;AAAA,MACF;AAAA,MAEC;AAAA,iBACC,oBAAC,WAAM,WAAW,yBAAO,OAAO,SAAS,SACvC,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF,GACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW;AAAA,cACT,yBAAO;AAAA,cACP,yBAAO,IAAI;AAAA,cACX,yBAAO,GAAG,YAAY;AAAA,cACtB;AAAA,gBACE,CAAC,yBAAO,UAAU,GAAG;AAAA,cACvB;AAAA,YACF;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,YAAY,wBAAwB;AAAA,YAE1C,uBAAa;AAAA;AAAA,QAChB,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ","sourcesContent":["import React, {\n  type ReactElement,\n  type HTMLInputTypeAttribute,\n  useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TextField.module.css\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [TextField](https://cambly-syntax.vercel.app/?path=/docs/components-textfield--docs) is a component that allows users to enter text.\n */\nexport default function TextField({\n  autoComplete,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  errorText = \"\",\n  helperText = \"\",\n  id,\n  label,\n  onChange,\n  placeholder = \"\",\n  size = \"md\",\n  type = \"text\",\n  value = \"\",\n}: {\n  /**\n   * The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.\n   *\n   * Feel free to add new values from the [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) as needed\n   */\n  autoComplete?: \"current-password\" | \"new-password\" | \"off\" | \"on\" | \"email\";\n  /**\n   * A data-testid to make querying for the TextField easier.\n   */\n  \"data-testid\"?: string;\n  /**\n   * If true, the TextField will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Text shown below TextField if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Informative helper text shown below TextField\n   */\n  helperText?: string;\n  /**\n   * TextField id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /**\n   * TextField visible label\n   */\n  label: string;\n  /**\n   * The callback to be called the input changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Optional TextField placeholder text\n   */\n  placeholder?: string;\n  /**\n   * Size of the TextField\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /**\n   * Input type of the TextField\n   *\n   * See [full list of input types](https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types)\n   */\n  type?: HTMLInputTypeAttribute;\n  /**\n   * Value of the TextField\n   */\n  value: string;\n}): ReactElement {\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const reactId = useId();\n  const inputId = id ?? reactId;\n\n  return (\n    <Box\n      display=\"flex\"\n      direction=\"column\"\n      gap={2}\n      width=\"100%\"\n      dangerouslySetInlineStyle={{\n        __style: {\n          opacity: disabled ? 0.5 : 1,\n        },\n      }}\n    >\n      {label && (\n        <label className={styles.label} htmlFor={inputId}>\n          <Box paddingX={1}>\n            <Typography size={100} color=\"gray700\">\n              {label}\n            </Typography>\n          </Box>\n        </label>\n      )}\n      <input\n        autoComplete={autoComplete}\n        className={classNames(\n          styles.textfield,\n          styles[size],\n          styles[`${size}Height`],\n          {\n            [styles.inputError]: errorText,\n          },\n        )}\n        data-testid={dataTestId}\n        disabled={disabled}\n        id={inputId}\n        type={type}\n        onChange={onChange}\n        placeholder={placeholder}\n        value={value}\n      />\n      {(helperText || errorText) && (\n        <Box paddingX={1}>\n          <Typography\n            size={100}\n            color={errorText ? \"destructive-primary\" : \"gray700\"}\n          >\n            {errorText || helperText}\n          </Typography>\n        </Box>\n      )}\n    </Box>\n  );\n}\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_bmndn_1\",\"label\":\"_label_bmndn_20\",\"sm\":\"_sm_bmndn_24\",\"smHeight\":\"_smHeight_bmndn_31\",\"md\":\"_md_bmndn_35\",\"mdHeight\":\"_mdHeight_bmndn_42\",\"lg\":\"_lg_bmndn_46\",\"lgHeight\":\"_lgHeight_bmndn_53\",\"inputError\":\"_inputError_bmndn_57\"}"]}

package/dist/__chunks/DM4UMQ5D.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/RichSelect/RichSelectList.tsx","css-module:../SelectList/SelectList.module.css#css-module"],"names":["_a"],"mappings":"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","sourcesContent":["import React, {\n  type ReactElement,\n  useMemo,\n  type SyntheticEvent,\n  useRef,\n} from \"react\";\nimport classNames from \"classnames\";\nimport {\n  ColorBaseDestructive700,\n  ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport Popover from \"../Popover/Popover\";\nimport {\n  Label as ReactAriaLabel,\n  Provider as ReactAriaProvider,\n} from \"react-aria-components\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport { setInteractionModality } from \"@react-aria/interactions\";\nimport { DialogContext } from \"../Dialog/Dialog\";\nimport styles from \"../SelectList/SelectList.module.css\";\nimport RichSelectBox, {\n  RichSelectBoxContext,\n  convertSelection,\n  type RichSelectBoxProps,\n} from \"./RichSelectBox\";\nimport TapArea from \"../TapArea/TapArea\";\nimport { type OverlayHandlerRef } from \"../react-aria-utils/Triggerable\";\nimport Box from \"../Box/Box\";\nimport RichSelectSection from \"./RichSelectSection\";\nimport RichSelectChip from \"./RichSelectChip\";\nimport RichSelectRadioButton from \"./RichSelectRadioButton\";\nimport { useField } from \"react-aria\";\n\nconst NOOP = () => undefined;\n\nconst iconSize = {\n  sm: 20,\n  md: 24,\n  lg: 24,\n} as const;\n\nexport type RichSelectListProps = Omit<\n  RichSelectBoxProps,\n  \"accessibilityLabel\"\n> & {\n  /** Test id for the select element */\n  \"data-testid\"?: string;\n  /**\n   * Disables the select dropdown entirely\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** Callback to be called when select is clicked */\n  onClick?: (event: SyntheticEvent<HTMLDivElement>) => void;\n  /** Text shown below select box if there is an input error. */\n  errorText?: string;\n  /** Text shown below select box */\n  helperText?: string;\n  /** Text shown above select box */\n  label: string;\n  /**\n   * Text showing in select box if no option has been chosen.\n   * There should always have a placeholder unless there is a default option selected\n   */\n  placeholderText?: string;\n  /** Use to render (override) text shown in the select box */\n  selectTextValue?: (selectedValues?: \"all\" | string[]) => string | undefined;\n  /**\n   * Size of the select box\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n};\n\n/**\n * [RichSelectList](https://cambly-syntax.vercel.app/?path=/docs/components-richselectlist--docs) is a dropdown menu that allows users to select one or multiple options from a list.\n *\n * Example Usage:\n ```\n  <RichSelectList\n    label=\"My Label\"\n    multiple\n    onChange={() => { ... }}\n    primaryButtonText=\"Save\"\n    primaryButtonAccessibilityLabel=\"Save\"\n    secondaryButtonText=\"Clear\"\n    secondaryButtonAccessibilityLabel=\"Clear\"\n  >\n    <RichSelectList.Section label=\"Cities\">\n      <RichSelectList.Chip label=\"San Francisco\" value=\"sf\" />\n      <RichSelectList.Chip label=\"New York\" value=\"ny\" disabled />\n      <RichSelectList.Chip label=\"Tulsa\" value=\"tulsa\" />\n      <RichSelectList.Chip label=\"Chicago\" value=\"chicago\" disabled />\n    </RichSelectList.Section>\n  </RichSelectList>\n ```\n */\nfunction RichSelectList(props: RichSelectListProps): ReactElement {\n  const {\n    autosave,\n    children,\n    \"data-testid\": dataTestId,\n    disabled: disabledProp = false,\n    errorText,\n    helperText,\n    label,\n    onChange,\n    onClick = NOOP,\n    placeholderText,\n    selectTextValue,\n    selectedValues: selectedValuesProp,\n    defaultSelectedValues: defaultSelectedValuesProp,\n    size = \"md\",\n    ...richSelectBoxProps\n  } = props;\n\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n\n  // passed to popover, which attached open/close methods\n  const overlayHandlerRef = useRef<OverlayHandlerRef>({});\n\n  const selectedKeysProp = useMemo(\n    () => convertSelection(selectedValuesProp),\n    [selectedValuesProp],\n  );\n  const defaultSelectedKeys = useMemo(\n    () => convertSelection(defaultSelectedValuesProp, new Set()),\n    [defaultSelectedValuesProp],\n  );\n  const [selectedKeys, setSelectedKeys] = useControlledState(\n    selectedKeysProp!, // eslint-disable-line @typescript-eslint/no-non-null-assertion -- there is a bug in the typedef for useControlledState from react-stately.  Internally they rely on value (first arg) able to be undefined\n    defaultSelectedKeys,\n    (value) => {\n      const _value = value === \"all\" ? \"all\" : [...value].map(String);\n      onChange(_value);\n      if (!autosave) overlayHandlerRef.current.close?.();\n    },\n  );\n\n  const selectedTextValue = useMemo(() => {\n    if (selectTextValue)\n      return (\n        selectTextValue(\n          selectedKeys === \"all\" ? \"all\" : [...selectedKeys].map(String),\n        ) ?? placeholderText\n      );\n    if (selectedKeys === \"all\") return \"All selected\";\n    if (selectedKeys.size) return `${selectedKeys.size} selected`;\n    return placeholderText;\n  }, [selectTextValue, selectedKeys, placeholderText]);\n\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField({\n      label, // this is the label for the select box\n      description: helperText,\n      errorMessage: errorText,\n    });\n\n  return (\n    <ReactAriaProvider\n      values={[\n        [RichSelectBoxContext, { autoFocus: true }],\n        [DialogContext, { padding: autosave ? undefined : 0 }], // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided\n      ]}\n    >\n      <div\n        className={classNames(styles.selectContainer, {\n          [styles.opacityOverlay]: disabled,\n        })}\n      >\n        <ReactAriaLabel\n          data-testid={[dataTestId, \"label\"].filter(Boolean).join(\"-\")}\n          className={classNames(\n            styles.selectContainer,\n            styles.outerTextContainer,\n          )}\n          {...labelProps}\n          onClick={() => {\n            if (disabled) return;\n            fieldRef.current?.focus();\n            setInteractionModality(\"keyboard\"); // Show the focus ring so the user knows where focus went\n          }}\n        >\n          <Typography size={100} color=\"gray700\">\n            {label}\n          </Typography>\n        </ReactAriaLabel>\n        <Popover\n          ref={overlayHandlerRef}\n          disabled={disabled}\n          accessibilityLabel={label}\n          content={\n            // this Box wrapper is to reapply the padding that was stripped from popover's dialog to show the sticky save/close buttons. Ideally this could be avoided\n            <Box\n              padding={autosave ? undefined : 5}\n              dangerouslySetInlineStyle={\n                autosave ? undefined : { __style: { paddingBottom: 0 } }\n              }\n            >\n              <RichSelectBox\n                autosave={autosave}\n                selectedValues={selectedKeys}\n                defaultSelectedValues={defaultSelectedKeys}\n                onChange={(selected) => setSelectedKeys(new Set(selected))}\n                accessibilityLabel={label}\n                {...richSelectBoxProps}\n              >\n                {children}\n              </RichSelectBox>\n            </Box>\n          }\n        >\n          <TapArea\n            data-testid={dataTestId}\n            disabled={disabled}\n            onClick={onClick}\n            rounding={size === \"lg\" ? \"lg\" : \"md\"}\n            {...fieldProps}\n            ref={fieldRef}\n          >\n            <div className={styles.selectWrapper}>\n              <div\n                className={classNames(styles.selectBox, styles[size], {\n                  [styles.unselected]:\n                    !errorText && selectedKeys !== \"all\" && !selectedKeys.size,\n                  [styles.selected]:\n                    !errorText && (selectedKeys === \"all\" || selectedKeys.size),\n                  [styles.selectError]: errorText,\n                })}\n              >\n                {selectedTextValue}\n              </div>\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={\n                      errorText ? ColorBaseDestructive700 : ColorBaseGray800\n                    }\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          </TapArea>\n        </Popover>\n        {(helperText || errorText) && (\n          <div className={styles.outerTextContainer}>\n            <Typography\n              size={100}\n              color={errorText ? \"destructive-primary\" : \"gray700\"}\n              {...(errorText ? errorMessageProps : descriptionProps)}\n            >\n              {errorText ? errorText : helperText}\n            </Typography>\n          </div>\n        )}\n      </div>\n    </ReactAriaProvider>\n  );\n}\n\nexport default Object.assign(RichSelectList, {\n  Section: RichSelectSection,\n  Chip: RichSelectChip,\n  RadioButton: RichSelectRadioButton,\n});\n","import \"/home/runner/work/syntax/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\"}"]}