@cambly/syntax-core 10.4.0 → 10.5.1

package/dist/RichSelect/RichSelectSection.js

@@ -0,0 +1,14 @@
+import {
+  RichSelectSection_default
+} from "../__chunks/JKXOZUCV.js";
+import "../__chunks/PTWXXDFF.js";
+import "../__chunks/KMIZI5PW.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/B2TFERTM.js";
+import "../__chunks/ERXGNP37.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/LULBCTQR.js";
+export {
+  RichSelectSection_default as default
+};
+//# sourceMappingURL=RichSelectSection.js.map

package/dist/RichSelect/RichSelectSection.js.map

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

package/dist/SelectList/SelectList.cjs

@@ -1,9 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _NGVAEAMLcjs = require('../__chunks/NGVAEAML.cjs');
+var _LOFR3Y32cjs = require('../__chunks/LOFR3Y32.cjs');
 require('../__chunks/GKECCWR3.cjs');
+require('../__chunks/ZU4Y2KQG.cjs');
 require('../__chunks/LTM57QMY.cjs');
-require('../__chunks/UNZBENAE.cjs');
+require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/FZRIE7EX.cjs');
@@ -11,5 +12,5 @@ require('../__chunks/GVEA7SLQ.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _NGVAEAMLcjs.SelectList;
+exports.default = _LOFR3Y32cjs.SelectList;
 //# sourceMappingURL=SelectList.cjs.map

package/dist/SelectList/SelectList.js

@@ -1,9 +1,10 @@
 import {
   SelectList
-} from "../__chunks/XA2DZRGH.js";
+} from "../__chunks/HPLOQ2U3.js";
 import "../__chunks/HOUO3WV6.js";
+import "../__chunks/W24KIAXI.js";
 import "../__chunks/2O6FDRTF.js";
-import "../__chunks/4G4SS7O3.js";
+import "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/YJ7YDIGB.js";

package/dist/TapArea/TapArea.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CGUZFFJ2cjs = require('../__chunks/CGUZFFJ2.cjs');
+var _PZYWUTMWcjs = require('../__chunks/PZYWUTMW.cjs');
 require('../__chunks/7GJ2SD7O.cjs');
 require('../__chunks/FZRIE7EX.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _CGUZFFJ2cjs.TapArea_default;
+exports.default = _PZYWUTMWcjs.TapArea_default;
 //# sourceMappingURL=TapArea.cjs.map

package/dist/TapArea/TapArea.d.ts

@@ -1,6 +1,9 @@
 import React__default, { ReactNode } from 'react';
 
-type TapAreaProps = {
+/**
+ * [TapArea](https://cambly-syntax.vercel.app/?path=/docs/components-taparea--docs) allows components to be clickable and touchable in an accessible way.
+ */
+declare const TapArea: React__default.ForwardRefExoticComponent<React__default.AriaAttributes & {
     /**
      * The children to be rendered inside the tap area.
      */
@@ -8,21 +11,21 @@ type TapAreaProps = {
     /**
      * The label to be used for accessibility
      */
-    accessibilityLabel?: string;
+    accessibilityLabel?: string | undefined;
     /**
      * Test id for the tap area
      */
-    "data-testid"?: string;
+    "data-testid"?: string | undefined;
     /**
      * If `true`, the tap area will be disabled
      *
      * @defaultValue false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * If `true`, the tap area will be full width
      */
-    fullWidth?: boolean;
+    fullWidth?: boolean | undefined;
     /**
      * The callback to be called when the tap area is clicked
      */
@@ -39,15 +42,11 @@ type TapAreaProps = {
      *
      * @defaultValue "none"
      */
-    rounding?: "xl" | "lg" | "md" | "sm" | "full" | "none";
+    rounding?: "none" | "xl" | "lg" | "md" | "sm" | "full" | undefined;
     /**
      * The tab index of the tap area
      */
-    tabIndex?: 0 | -1;
-};
-/**
- * [TapArea](https://cambly-syntax.vercel.app/?path=/docs/components-taparea--docs) allows components to be clickable and touchable in an accessible way.
- */
-declare const TapArea: React__default.ForwardRefExoticComponent<TapAreaProps & React__default.RefAttributes<HTMLDivElement>>;
+    tabIndex?: 0 | -1 | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 export { TapArea as default };

package/dist/TapArea/TapArea.js

@@ -1,6 +1,6 @@
 import {
   TapArea_default
-} from "../__chunks/37CQV3RS.js";
+} from "../__chunks/JIXNBF5N.js";
 import "../__chunks/TPMQI44L.js";
 import "../__chunks/YJ7YDIGB.js";
 import "../__chunks/LULBCTQR.js";

package/dist/TextArea/TextArea.cjs

@@ -1,16 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _WI7S7GOJcjs = require('../__chunks/WI7S7GOJ.cjs');
+var _FMSBGH2Icjs = require('../__chunks/FMSBGH2I.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/5SMR5MWY.cjs');
-require('../__chunks/YCKM5H43.cjs');
+
 require('../__chunks/7GJ2SD7O.cjs');
-require('../__chunks/UNZBENAE.cjs');
+
+require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
 
 require('../__chunks/FZRIE7EX.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _WI7S7GOJcjs.TextArea_default;
+exports.default = _FMSBGH2Icjs.TextArea_default;
 //# sourceMappingURL=TextArea.cjs.map

package/dist/TextArea/TextArea.js

@@ -1,11 +1,12 @@
 import {
   TextArea_default
-} from "../__chunks/QFKRTOQN.js";
+} from "../__chunks/JUUIXL6A.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/TJHCYMPV.js";
-import "../__chunks/RKIOGDSG.js";
+import "../__chunks/5AR53MHD.js";
 import "../__chunks/TPMQI44L.js";
-import "../__chunks/4G4SS7O3.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/YJ7YDIGB.js";

package/dist/TextField/TextField.cjs

@@ -1,16 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _YH4XW4LDcjs = require('../__chunks/YH4XW4LD.cjs');
+var _KCYZNZBOcjs = require('../__chunks/KCYZNZBO.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/5SMR5MWY.cjs');
-require('../__chunks/YCKM5H43.cjs');
+
 require('../__chunks/7GJ2SD7O.cjs');
-require('../__chunks/UNZBENAE.cjs');
+
+require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
 
 require('../__chunks/FZRIE7EX.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _YH4XW4LDcjs.TextField;
+exports.default = _KCYZNZBOcjs.TextField;
 //# sourceMappingURL=TextField.cjs.map

package/dist/TextField/TextField.js

@@ -1,11 +1,12 @@
 import {
   TextField
-} from "../__chunks/VFVXPW3G.js";
+} from "../__chunks/LCZ57HZU.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/TJHCYMPV.js";
-import "../__chunks/RKIOGDSG.js";
+import "../__chunks/5AR53MHD.js";
 import "../__chunks/TPMQI44L.js";
-import "../__chunks/4G4SS7O3.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/YJ7YDIGB.js";

package/dist/Tooltip/Tooltip.cjs

@@ -1,20 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _AS6O55Z6cjs = require('../__chunks/AS6O55Z6.cjs');
-require('../__chunks/VLUKODJD.cjs');
-require('../__chunks/YCKM5H43.cjs');
+var _ZG64UIHGcjs = require('../__chunks/ZG64UIHG.cjs');
+require('../__chunks/5WNFAQGY.cjs');
+require('../__chunks/VMARHE5B.cjs');
+require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/7GJ2SD7O.cjs');
-require('../__chunks/UNZBENAE.cjs');
+
+require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
-require('../__chunks/VUANIQYP.cjs');
+
 require('../__chunks/4EXO6IHD.cjs');
-require('../__chunks/6YHDE4TN.cjs');
+require('../__chunks/QJI4G5FP.cjs');
 require('../__chunks/4PLE46VU.cjs');
 require('../__chunks/RFHPSEBF.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
 
-exports.AriaTooltip = _AS6O55Z6cjs.AriaTooltip; exports.default = _AS6O55Z6cjs.Tooltip_default;
+exports.AriaTooltip = _ZG64UIHGcjs.AriaTooltip; exports.default = _ZG64UIHGcjs.Tooltip_default;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/Tooltip/Tooltip.js

@@ -1,15 +1,17 @@
 import {
   AriaTooltip,
   Tooltip_default
-} from "../__chunks/ILJV2LMS.js";
-import "../__chunks/J7CMFWIU.js";
-import "../__chunks/RKIOGDSG.js";
+} from "../__chunks/PJIXYQPE.js";
+import "../__chunks/652STTPK.js";
+import "../__chunks/KMIZI5PW.js";
+import "../__chunks/5AR53MHD.js";
 import "../__chunks/TPMQI44L.js";
-import "../__chunks/4G4SS7O3.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/ARBLKS7D.js";
-import "../__chunks/IRL2C3B2.js";
+import "../__chunks/JQ6POHCA.js";
 import "../__chunks/5ZDZZL2P.js";
 import "../__chunks/XKDASN7N.js";
 import "../__chunks/LULBCTQR.js";

package/dist/Typography/Typography.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _UNZBENAEcjs = require('../__chunks/UNZBENAE.cjs');
+var _ZX5KONS2cjs = require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _UNZBENAEcjs.Typography_default;
+exports.default = _ZX5KONS2cjs.Typography_default;
 //# sourceMappingURL=Typography.cjs.map

package/dist/Typography/Typography.d.ts

@@ -33,6 +33,10 @@ declare const Typography: React.ForwardRefExoticComponent<{
      * Test id for the text
      */
     "data-testid"?: string | undefined;
+    /**
+     * The id for the element
+     */
+    id?: string | undefined;
     /**
      * Whether the text should flow inline with other elements.
      *

package/dist/Typography/Typography.js

@@ -1,6 +1,6 @@
 import {
   Typography_default
-} from "../__chunks/4G4SS7O3.js";
+} from "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/LULBCTQR.js";

package/dist/__chunks/{PF4QF5DX.js → 2R4YCOYE.js}

@@ -21,7 +21,7 @@ import {
 } from "./TJHCYMPV.js";
 import {
   Typography_default
-} from "./4G4SS7O3.js";
+} from "./B2TFERTM.js";
 import {
   useIsHydrated
 } from "./YJ7YDIGB.js";
@@ -117,4 +117,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=PF4QF5DX.js.map
+//# sourceMappingURL=2R4YCOYE.js.map

package/dist/__chunks/2RCQTGOZ.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _LMCK5YO5cjs = require('./LMCK5YO5.cjs');
+
+
+var _GYI2PBXYcjs = require('./GYI2PBXY.cjs');
+
+
+
+
+var _I64JGYX7cjs = require('./I64JGYX7.cjs');
+
+// src/RichSelect/RichSelectRadioButton.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var NOOP = () => void 0;
+var RichSelectRadioButton_default = _react.forwardRef.call(void 0, 
+  function RichSelectRadioButton(props, ref) {
+    const _a = props, { size, name } = _a, otherProps = _I64JGYX7cjs.__objRest.call(void 0, _a, ["size", "name"]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GYI2PBXYcjs.RichSelectItem_default, _I64JGYX7cjs.__spreadProps.call(void 0, _I64JGYX7cjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _LMCK5YO5cjs.RadioButton_default,
+      {
+        checked: isSelected,
+        disabled: isDisabled,
+        name,
+        label: otherProps.label,
+        value: otherProps.value,
+        dangerouslyForceFocusStyles: isFocusVisible,
+        size,
+        onChange: NOOP
+      }
+    ) }));
+  }
+);
+
+
+
+exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
+//# sourceMappingURL=2RCQTGOZ.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RichSelect/RichSelectRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,kBAAqC;AAiB3C;AAbV,IAAM,OAAO,MAAM;AAOnB,IAAO,gCAAQ;AAAA,EACb,SAAS,sBAAsB,OAAO,KAAmB;AACvD,UAAsC,YAA9B,QAAM,KAblB,IAa0C,IAAf,uBAAe,IAAf,CAAf,QAAM;AACd,WACE,oBAAC,yDAAmB,aAAnB,EAA+B,KAC7B,WAAC,EAAE,YAAY,gBAAgB,WAAW,MACzC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV;AAAA,QACA,OAAO,WAAW;AAAA,QAClB,OAAO,WAAW;AAAA,QAClB,6BAA6B;AAAA,QAC7B;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,IAEJ;AAAA,EAEJ;AACF","sourcesContent":["import React, { forwardRef, type ReactElement } from \"react\";\nimport RichSelectItem, { type RichSelectItemProps } from \"./RichSelectItem\";\nimport RadioButton from \"../RadioButton/RadioButton\";\n\nconst NOOP = () => undefined;\n\ntype RichSelectRadioButtonProps = RichSelectItemProps & {\n  name: string;\n  size?: \"sm\" | \"md\";\n};\n\nexport default forwardRef<HTMLDivElement, RichSelectRadioButtonProps>(\n  function RichSelectRadioButton(props, ref): ReactElement {\n    const { size, name, ...otherProps } = props;\n    return (\n      <RichSelectItem {...otherProps} ref={ref}>\n        {({ isSelected, isFocusVisible, isDisabled }) => (\n          <RadioButton\n            checked={isSelected}\n            disabled={isDisabled}\n            name={name}\n            label={otherProps.label}\n            value={otherProps.value}\n            dangerouslyForceFocusStyles={isFocusVisible}\n            size={size}\n            onChange={NOOP}\n          />\n        )}\n      </RichSelectItem>\n    );\n  },\n);\n"]}

package/dist/__chunks/{TBYS7XPD.js → 3UQRZ3IQ.js}

@@ -15,7 +15,7 @@ import {
 } from "./G4DDTGDI.js";
 import {
   Typography_default
-} from "./4G4SS7O3.js";
+} from "./B2TFERTM.js";
 
 // src/LinkButton/LinkButton.tsx
 import { forwardRef } from "react";
@@ -93,4 +93,4 @@ var LinkButton_default = LinkButton;
 export {
   LinkButton_default
 };
-//# sourceMappingURL=TBYS7XPD.js.map
+//# sourceMappingURL=3UQRZ3IQ.js.map

package/dist/__chunks/5TKLFG5Y.cjs

@@ -0,0 +1,210 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _PBOQIXCBcjs = require('./PBOQIXCB.cjs');
+
+
+var _RAVU4WEOcjs = require('./RAVU4WEO.cjs');
+
+
+var _3TXXNWWAcjs = require('./3TXXNWWA.cjs');
+
+
+var _FMSI35YScjs = require('./FMSI35YS.cjs');
+
+
+var _2RCQTGOZcjs = require('./2RCQTGOZ.cjs');
+
+
+var _NDJRETMMcjs = require('./NDJRETMM.cjs');
+
+
+
+var _GYI2PBXYcjs = require('./GYI2PBXY.cjs');
+
+
+var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
+
+// src/RichSelect/RichSelectBox.tsx
+
+
+
+
+
+
+
+var _react = require('react');
+var _reactariacomponents = require('react-aria-components');
+var _utils = require('@react-stately/utils');
+var _jsxruntime = require('react/jsx-runtime');
+function isString(val) {
+  return typeof val === "string";
+}
+function isEqualSelection(set1, set2) {
+  if (set1 === set2)
+    return true;
+  if (!set1 && !set2)
+    return true;
+  if (!set1 || !set2)
+    return false;
+  if (isString(set1))
+    return set1 === set2;
+  if (isString(set2))
+    return false;
+  if (set1.size !== set2.size)
+    return false;
+  for (const item of set1) {
+    if (!set2.has(item))
+      return false;
+  }
+  return true;
+}
+function convertSelection(selection, defaultValue) {
+  if (!selection)
+    return defaultValue;
+  if (selection === "all")
+    return "all";
+  return new Set(selection);
+}
+var RichSelectBoxContext = _react.createContext.call(void 0, {});
+var RichSelectBox = _react.forwardRef.call(void 0, 
+  function RichSelectBox2(props, ref) {
+    const {
+      accessibilityLabel,
+      autosave,
+      children,
+      "data-testid": dataTestId,
+      multiple = false,
+      onChange,
+      primaryButtonText,
+      primaryButtonAccessibilityLabel,
+      secondaryButtonText,
+      secondaryButtonAccessibilityLabel,
+      selectedValues: selectedValuesProp,
+      defaultSelectedValues: defaultSelectedValuesProp
+    } = props;
+    const selectedKeysProp = _react.useMemo.call(void 0, 
+      () => convertSelection(selectedValuesProp),
+      [selectedValuesProp]
+    );
+    const defaultSelectedKeys = _react.useMemo.call(void 0, 
+      () => convertSelection(defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
+      [defaultSelectedValuesProp]
+    );
+    const [selectedKeys, setSelectedKeys] = _utils.useControlledState.call(void 0, 
+      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
+      defaultSelectedKeys,
+      (value) => {
+        if (isEqualSelection(value, selectedKeys))
+          return;
+        if (value === "all")
+          return onChange("all");
+        onChange([...value].map(String));
+      }
+    );
+    const [stagedKeys, setStagedKeys] = _react.useState.call(void 0, 
+      selectedKeys
+    );
+    const saveChanges = () => setSelectedKeys(stagedKeys);
+    const clearChanges = () => setStagedKeys(/* @__PURE__ */ new Set());
+    const stageChanges = (selectedValues) => {
+      setStagedKeys(selectedValues);
+      if (autosave)
+        setSelectedKeys(selectedValues);
+    };
+    const [disabledKeysComposed, setDisabledKeysComposed] = _react.useState.call(void 0, 
+      /* @__PURE__ */ new Set()
+    );
+    const disableKey = _react.useCallback.call(void 0, (key, _disabled) => {
+      setDisabledKeysComposed((keys) => {
+        if (keys.has(key) === _disabled)
+          return keys;
+        _disabled ? keys.add(key) : keys.delete(key);
+        return new Set(keys);
+      });
+    }, []);
+    const { autoFocus } = _react.useContext.call(void 0, RichSelectBoxContext);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GYI2PBXYcjs.RichSelectItemContext.Provider, { value: { disableKey }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _5SMR5MWYcjs.Box_default, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _reactariacomponents.ListBox,
+        {
+          ref,
+          "aria-label": accessibilityLabel,
+          autoFocus,
+          selectionMode: multiple ? "multiple" : "single",
+          selectionBehavior: multiple ? "toggle" : "replace",
+          shouldFocusWrap: true,
+          orientation: "horizontal",
+          selectedKeys: stagedKeys,
+          onSelectionChange: stageChanges,
+          disabledKeys: disabledKeysComposed,
+          className: _GYI2PBXYcjs.RichSelect_module_default.richSelectBox,
+          children
+        }
+      ),
+      !autosave && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        _5SMR5MWYcjs.Box_default,
+        {
+          backgroundColor: "white",
+          display: "flex",
+          direction: "column",
+          gap: 5,
+          marginTop: 5,
+          justifyContent: "end",
+          position: "sticky",
+          dangerouslySetInlineStyle: {
+            __style: {
+              bottom: 0
+            }
+          },
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { flex: "grow", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3TXXNWWAcjs.Divider, {}) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _5SMR5MWYcjs.Box_default,
+              {
+                paddingY: 5,
+                marginTop: -5,
+                display: "flex",
+                justifyContent: "end",
+                children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _PBOQIXCBcjs.ButtonGroup_default, { orientation: "horizontal", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _RAVU4WEOcjs.Button_default,
+                    {
+                      onClick: clearChanges,
+                      color: "secondary",
+                      text: secondaryButtonText,
+                      accessibilityLabel: secondaryButtonAccessibilityLabel,
+                      "data-testid": [dataTestId, "secondary-button"].filter(Boolean).join("-")
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _RAVU4WEOcjs.Button_default,
+                    {
+                      onClick: saveChanges,
+                      text: primaryButtonText,
+                      accessibilityLabel: primaryButtonAccessibilityLabel,
+                      color: "primary",
+                      "data-testid": [dataTestId, "primary-button"].filter(Boolean).join("-")
+                    }
+                  )
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    ] }) });
+  }
+);
+var RichSelectBox_default = Object.assign(RichSelectBox, {
+  Section: _FMSI35YScjs.RichSelectSection_default,
+  Chip: _NDJRETMMcjs.RichSelectChip_default,
+  RadioButton: _2RCQTGOZcjs.RichSelectRadioButton_default
+});
+
+
+
+
+
+exports.convertSelection = convertSelection; exports.RichSelectBoxContext = RichSelectBoxContext; exports.RichSelectBox_default = RichSelectBox_default;
+//# sourceMappingURL=5TKLFG5Y.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RichSelect/RichSelectBox.tsx"],"names":["RichSelectBox"],"mappings":"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","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/5WNFAQGY.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// css-module:../Box/padding.module.css#css-module
+var padding_module_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" };
+
+
+
+exports.padding_module_default = padding_module_default;
+//# sourceMappingURL=5WNFAQGY.cjs.map