@cambly/syntax-core 20.7.0 → 21.1.0

package/dist/__chunks/CHDS4D44.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// css-module:../rounding.module.css#css-module
-var rounding_module_default = { "roundingsm": "_roundingsm_1j4mo_2", "roundingmd": "_roundingmd_1j4mo_6", "roundingfull": "_roundingfull_1j4mo_10" };
-
-
-
-exports.rounding_module_default = rounding_module_default;
-//# sourceMappingURL=CHDS4D44.cjs.map

package/dist/__chunks/CHDS4D44.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,gBAAe,yBAAwB","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css\"; export default {\"roundingsm\":\"_roundingsm_1j4mo_2\",\"roundingmd\":\"_roundingmd_1j4mo_6\",\"roundingfull\":\"_roundingfull_1j4mo_10\"}"]}

package/dist/__chunks/DDWGNNLC.cjs

@@ -1,101 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
-
-
-var _QODNNCT2cjs = require('./QODNNCT2.cjs');
-
-
-var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
-
-
-var _2XIVACBMcjs = require('./2XIVACBM.cjs');
-
-// src/Tabs/TabInternal.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _jsxruntime = require('react/jsx-runtime');
-var ItemCountIcon = ({
-  itemCount,
-  on,
-  selected
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _classnames2.default.call(void 0, {
-        [_2XIVACBMcjs.colors_module_default.cambioWhiteBackgroundColor]: on === "darkBackground" && selected,
-        [_2XIVACBMcjs.colors_module_default.cambioWhite70BackgroundColor]: on === "darkBackground" && !selected,
-        [_2XIVACBMcjs.colors_module_default.cambioBlackBackgroundColor]: on === "lightBackground" && selected,
-        [_2XIVACBMcjs.colors_module_default.cambioGray700BackgroundColor]: on === "lightBackground" && !selected
-      }),
-      style: {
-        width: "100%",
-        height: "100%",
-        borderRadius: 999
-      },
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _QODNNCT2cjs.Box_default,
-        {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          rounding: "full",
-          padding: 1,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _4TYOP5XMcjs.Typography_default,
-            {
-              color: on === "lightBackground" ? "white" : "primary",
-              weight: "semiBold",
-              size: 100,
-              children: itemCount <= 99 ? itemCount : "99+"
-            }
-          )
-        }
-      )
-    }
-  );
-};
-function textColor({
-  selected,
-  on
-}) {
-  if (selected) {
-    return on === "lightBackground" ? "primary" : "white";
-  }
-  return on === "lightBackground" ? "gray700" : "white-secondary";
-}
-function TabInternal({
-  text,
-  selected,
-  endContent,
-  itemCount,
-  on = "lightBackground"
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _QODNNCT2cjs.Box_default,
-    {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "start",
-      gap: 2,
-      padding: 2,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _4TYOP5XMcjs.Typography_default,
-          {
-            size: 0,
-            transform: "uppercase",
-            weight: "semiBold",
-            color: textColor({ selected, on }),
-            children: text
-          }
-        ),
-        itemCount == null && endContent,
-        itemCount != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ItemCountIcon, { itemCount, on, selected })
-      ]
-    }
-  );
-}
-
-
-
-exports.TabInternal = TabInternal;
-//# sourceMappingURL=DDWGNNLC.cjs.map

package/dist/__chunks/DDWGNNLC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Tabs/TabInternal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,gBAAgB;AAuCf,cAwDJ,YAxDI;AAlCR,IAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,QACpB,CAAC,sBAAY,0BAA0B,GACrC,OAAO,oBAAoB;AAAA,QAC7B,CAAC,sBAAY,4BAA4B,GACvC,OAAO,oBAAoB,CAAC;AAAA,QAC9B,CAAC,sBAAY,0BAA0B,GACrC,OAAO,qBAAqB;AAAA,QAC9B,CAAC,sBAAY,4BAA4B,GACvC,OAAO,qBAAqB,CAAC;AAAA,MACjC,CAAC;AAAA,MACD,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,MAChB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,UAAS;AAAA,UACT,SAAS;AAAA,UAET;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,OAAO,oBAAoB,UAAU;AAAA,cAC5C,QAAO;AAAA,cACP,MAAM;AAAA,cAEL,uBAAa,KAAK,YAAY;AAAA;AAAA,UACjC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AACF,GAG+C;AAC7C,MAAI,UAAU;AACZ,WAAO,OAAO,oBAAoB,YAAY;AAAA,EAChD;AACA,SAAO,OAAO,oBAAoB,YAAY;AAChD;AAEe,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,KAAK;AACP,GAuBiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAK;AAAA,MACL,SAAS;AAAA,MAET;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACV,QAAO;AAAA,YACP,OAAO,UAAU,EAAE,UAAU,GAAG,CAAC;AAAA,YAEhC;AAAA;AAAA,QACH;AAAA,QACC,aAAa,QAAQ;AAAA,QACrB,aAAa,QACZ,oBAAC,iBAAc,WAAsB,IAAQ,UAAoB;AAAA;AAAA;AAAA,EAErE;AAEJ","sourcesContent":["import { type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nconst ItemCountIcon = ({\n  itemCount,\n  on,\n  selected,\n}: {\n  itemCount: number;\n  on: ComponentProps<typeof TabInternal>[\"on\"];\n  selected: boolean;\n}) => {\n  return (\n    <div\n      className={classnames({\n        [colorStyles.cambioWhiteBackgroundColor]:\n          on === \"darkBackground\" && selected,\n        [colorStyles.cambioWhite70BackgroundColor]:\n          on === \"darkBackground\" && !selected,\n        [colorStyles.cambioBlackBackgroundColor]:\n          on === \"lightBackground\" && selected,\n        [colorStyles.cambioGray700BackgroundColor]:\n          on === \"lightBackground\" && !selected,\n      })}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        borderRadius: 999,\n      }}\n    >\n      <Box\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        rounding=\"full\"\n        padding={1}\n      >\n        <Typography\n          color={on === \"lightBackground\" ? \"white\" : \"primary\"}\n          weight=\"semiBold\"\n          size={100}\n        >\n          {itemCount <= 99 ? itemCount : \"99+\"}\n        </Typography>\n      </Box>\n    </div>\n  );\n};\n\nfunction textColor({\n  selected,\n  on,\n}: {\n  selected: boolean;\n  on: \"lightBackground\" | \"darkBackground\";\n}): ComponentProps<typeof Typography>[\"color\"] {\n  if (selected) {\n    return on === \"lightBackground\" ? \"primary\" : \"white\";\n  }\n  return on === \"lightBackground\" ? \"gray700\" : \"white-secondary\";\n}\n\nexport default function TabInternal({\n  text,\n  selected,\n  endContent,\n  itemCount,\n  on = \"lightBackground\",\n}: {\n  /**\n   * The text to display in the tab.\n   */\n  text: string;\n  /**\n   * Whether the tab is selected.\n   */\n  selected: boolean;\n  /**\n   * Content to display at the end of the tab.\n   */\n  endContent?: ReactNode;\n  /**\n   * Renders an item count badge at the end of the tab.\n   */\n  itemCount?: number;\n  /**\n   * Indicate whether the Tab renders on a light or dark background.\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n}): ReactElement {\n  return (\n    <Box\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"start\"\n      gap={2}\n      padding={2}\n    >\n      <Typography\n        size={0}\n        transform=\"uppercase\"\n        weight=\"semiBold\"\n        color={textColor({ selected, on })}\n      >\n        {text}\n      </Typography>\n      {itemCount == null && endContent}\n      {itemCount != null && (\n        <ItemCountIcon itemCount={itemCount} on={on} selected={selected} />\n      )}\n    </Box>\n  );\n}\n"]}

package/dist/__chunks/DHXH7ZSG.cjs

@@ -1,130 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
-
-
-var _XLUVINJWcjs = require('./XLUVINJW.cjs');
-
-
-var _QODNNCT2cjs = require('./QODNNCT2.cjs');
-
-
-var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
-
-
-var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
-
-
-var _NOELZTQXcjs = require('./NOELZTQX.cjs');
-
-// src/RadioButton/RadioButton.tsx
-var _react = require('react');
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// css-module:./RadioButton.module.css#css-module
-var RadioButton_module_default = { "radioBaseContainer": "_radioBaseContainer_1qipy_1", "disabled": "_disabled_1qipy_9", "cursorDisabled": "_cursorDisabled_1qipy_13", "cursorEnabled": "_cursorEnabled_1qipy_17", "smBase": "_smBase_1qipy_21", "mdBase": "_mdBase_1qipy_25", "radioStyleOverride": "_radioStyleOverride_1qipy_29", "smOverride": "_smOverride_1qipy_35", "mdOverride": "_mdOverride_1qipy_40", "background": "_background_1qipy_45", "backgroundChecked": "_backgroundChecked_1qipy_51", "backgroundError": "_backgroundError_1qipy_56", "sm": "_sm_1qipy_21", "md": "_md_1qipy_25", "neutralBorder": "_neutralBorder_1qipy_73", "smCheckedBorder": "_smCheckedBorder_1qipy_77", "mdCheckedBorder": "_mdCheckedBorder_1qipy_81", "errorBorderColor": "_errorBorderColor_1qipy_85", "borderColor": "_borderColor_1qipy_89" };
-
-// src/RadioButton/RadioButton.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var RadioButton = ({
-  checked = false,
-  "data-testid": dataTestId,
-  dangerouslyForceFocusStyles = false,
-  disabled: disabledProp = false,
-  error = false,
-  id,
-  label,
-  name,
-  onChange,
-  size = "md",
-  value,
-  "aria-describedby": ariaDescribedby
-}) => {
-  const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-  const disabled = !isHydrated || disabledProp;
-  const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
-  const { isFocusVisible } = _NOELZTQXcjs.useFocusVisible.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "label",
-    {
-      className: _classnames2.default.call(void 0, 
-        RadioButton_module_default.radioBaseContainer,
-        RadioButton_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
-        {
-          [RadioButton_module_default.disabled]: disabled
-        }
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: _classnames2.default.call(void 0, 
-              RadioButton_module_default.background,
-              checked && RadioButton_module_default.backgroundChecked,
-              error && RadioButton_module_default.backgroundError,
-              RadioButton_module_default[size],
-              {
-                [_XLUVINJWcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible || dangerouslyForceFocusStyles
-              }
-            )
-          }
-        ),
-        checked && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _QODNNCT2cjs.Box_default,
-          {
-            backgroundColor: error ? "destructive900" : "white",
-            width: size === "md" ? 12 : 8,
-            height: size === "md" ? 12 : 8,
-            position: "absolute",
-            rounding: "full",
-            dangerouslySetInlineStyle: {
-              __style: {
-                left: size === "md" ? 6 : 4
-              }
-            }
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            "aria-describedby": ariaDescribedby,
-            "data-testid": dataTestId,
-            type: "radio",
-            id,
-            name,
-            className: _classnames2.default.call(void 0, 
-              RadioButton_module_default.radioStyleOverride,
-              RadioButton_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
-              {
-                [RadioButton_module_default.smOverride]: size === "sm",
-                [RadioButton_module_default.mdOverride]: size === "md"
-              }
-            ),
-            checked,
-            onChange,
-            disabled,
-            value,
-            onFocus: () => {
-              setIsFocused(true);
-            },
-            onBlur: () => {
-              setIsFocused(false);
-            }
-          }
-        ),
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _4TYOP5XMcjs.Typography_default,
-          {
-            size: size === "md" ? 200 : 100,
-            color: error ? "destructive-darkBackground" : "primary",
-            children: label
-          }
-        )
-      ]
-    }
-  );
-};
-var RadioButton_default = RadioButton;
-
-
-
-exports.RadioButton_default = RadioButton_default;
-//# sourceMappingURL=DHXH7ZSG.cjs.map

package/dist/__chunks/DHXH7ZSG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/RadioButton/RadioButton.tsx","css-module:./RadioButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAmC,gBAAgB;AACnD,OAAO,gBAAgB;;;ACD+E,IAAO,6BAAQ,EAAC,sBAAqB,+BAA8B,YAAW,qBAAoB,kBAAiB,4BAA2B,iBAAgB,2BAA0B,UAAS,oBAAmB,UAAS,oBAAmB,sBAAqB,gCAA+B,cAAa,wBAAuB,cAAa,wBAAuB,cAAa,wBAAuB,qBAAoB,+BAA8B,mBAAkB,6BAA4B,MAAK,gBAAe,MAAK,gBAAe,iBAAgB,2BAA0B,mBAAkB,6BAA4B,mBAAkB,6BAA4B,oBAAmB,8BAA6B,eAAc,wBAAuB;;;AD6Fr1B,SASE,KATF;AAhFJ,IAAM,cAAc,CAAC;AAAA,EACnB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,8BAA8B;AAAA,EAC9B,UAAU,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,oBAAoB;AACtB,MA4DoB;AAClB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,2BAAO;AAAA,QACP,2BAAO,SAAS,WAAW,aAAa,WAAW;AAAA,QACnD;AAAA,UACE,CAAC,2BAAO,QAAQ,GAAG;AAAA,QACrB;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT,2BAAO;AAAA,cACP,WAAW,2BAAO;AAAA,cAClB,SAAS,2BAAO;AAAA,cAChB,2BAAO,IAAI;AAAA,cACX;AAAA,gBACE,CAAC,qBAAY,yBAAyB,GACnC,aAAa,kBAAmB;AAAA,cACrC;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACC,WACC;AAAA,UAAC;AAAA;AAAA,YACC,iBAAiB,QAAQ,mBAAmB;AAAA,YAC5C,OAAO,SAAS,OAAO,KAAK;AAAA,YAC5B,QAAQ,SAAS,OAAO,KAAK;AAAA,YAC7B,UAAS;AAAA,YACT,UAAS;AAAA,YACT,2BAA2B;AAAA,cACzB,SAAS;AAAA,gBACP,MAAM,SAAS,OAAO,IAAI;AAAA,cAC5B;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,oBAAkB;AAAA,YAClB,eAAa;AAAA,YACb,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,WAAW;AAAA,cACT,2BAAO;AAAA,cACP,2BAAO,SAAS,WAAW,aAAa,WAAW;AAAA,cACnD;AAAA,gBACE,CAAC,2BAAO,UAAU,GAAG,SAAS;AAAA,gBAC9B,CAAC,2BAAO,UAAU,GAAG,SAAS;AAAA,cAChC;AAAA,YACF;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,MAAM;AACb,2BAAa,IAAI;AAAA,YACnB;AAAA,YACA,QAAQ,MAAM;AACZ,2BAAa,KAAK;AAAA,YACpB;AAAA;AAAA,QACF;AAAA,QACC,SACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,SAAS,OAAO,MAAM;AAAA,YAC5B,OAAO,QAAQ,+BAA+B;AAAA,YAE7C;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import React, { type ReactElement, useState } from \"react\";\nimport classnames from \"classnames\";\n\nimport styles from \"./RadioButton.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport Typography from \"../Typography/Typography\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport Box from \"../Box/Box\";\n\n/**\n * [RadioButton](https://cambly-syntax.vercel.app/?path=/docs/components-radiobutton--docs) is a radio button with accompanying text\n */\nconst RadioButton = ({\n  checked = false,\n  \"data-testid\": dataTestId,\n  dangerouslyForceFocusStyles = false,\n  disabled: disabledProp = false,\n  error = false,\n  id,\n  label,\n  name,\n  onChange,\n  size = \"md\",\n  value,\n  \"aria-describedby\": ariaDescribedby,\n}: {\n  /**\n   * Whether or not the radio button is checked\n   *\n   * @defaultValue false\n   */\n  checked?: boolean;\n  /**\n   * Test id for the radio button\n   */\n  \"data-testid\"?: string;\n  /**\n   * Whether or not the radio button is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Whether to show error color schema\n   *\n   * @defaultValue false\n   */\n  error?: boolean;\n  /**\n   * Id for the the radio button\n   */\n  id?: string;\n  /**\n   * Value to show end user\n   */\n  label: string;\n  /**\n   * The name of the grouping the radio buttons are in\n   */\n  name: string;\n  /**\n   * The callback to be called when the radio button is clicked\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Size of the components\n   *\n   * * `sm`: 16px\n   * * `md`: 24px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\";\n  /**\n   * Value of the selected radio option\n   */\n  value: string | number;\n  /** forces focus ring styling */\n  dangerouslyForceFocusStyles?: boolean;\n  /**\n   * The aria-describedby attribute for the RadioButton. This aria- prop identifies the element that describes the element on which the attribute is set.\n   *\n   * @defaultValue undefined\n   */\n  \"aria-describedby\"?: string;\n}): ReactElement => {\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const [isFocused, setIsFocused] = useState(false);\n  const { isFocusVisible } = useFocusVisible();\n\n  return (\n    <label\n      className={classnames(\n        styles.radioBaseContainer,\n        styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        {\n          [styles.disabled]: disabled,\n        },\n      )}\n    >\n      <div\n        className={classnames(\n          styles.background,\n          checked && styles.backgroundChecked,\n          error && styles.backgroundError,\n          styles[size],\n          {\n            [focusStyles.accessibilityOutlineFocus]:\n              (isFocused && isFocusVisible) || dangerouslyForceFocusStyles,\n          },\n        )}\n      />\n      {checked && (\n        <Box\n          backgroundColor={error ? \"destructive900\" : \"white\"}\n          width={size === \"md\" ? 12 : 8}\n          height={size === \"md\" ? 12 : 8}\n          position=\"absolute\"\n          rounding=\"full\"\n          dangerouslySetInlineStyle={{\n            __style: {\n              left: size === \"md\" ? 6 : 4,\n            },\n          }}\n        />\n      )}\n      <input\n        aria-describedby={ariaDescribedby}\n        data-testid={dataTestId}\n        type=\"radio\"\n        id={id}\n        name={name}\n        className={classnames(\n          styles.radioStyleOverride,\n          styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n          {\n            [styles.smOverride]: size === \"sm\",\n            [styles.mdOverride]: size === \"md\",\n          },\n        )}\n        checked={checked}\n        onChange={onChange}\n        disabled={disabled}\n        value={value}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onBlur={() => {\n          setIsFocused(false);\n        }}\n      />\n      {label && (\n        <Typography\n          size={size === \"md\" ? 200 : 100}\n          color={error ? \"destructive-darkBackground\" : \"primary\"}\n        >\n          {label}\n        </Typography>\n      )}\n    </label>\n  );\n};\n\nexport default RadioButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.module.css\"; export default {\"radioBaseContainer\":\"_radioBaseContainer_1qipy_1\",\"disabled\":\"_disabled_1qipy_9\",\"cursorDisabled\":\"_cursorDisabled_1qipy_13\",\"cursorEnabled\":\"_cursorEnabled_1qipy_17\",\"smBase\":\"_smBase_1qipy_21\",\"mdBase\":\"_mdBase_1qipy_25\",\"radioStyleOverride\":\"_radioStyleOverride_1qipy_29\",\"smOverride\":\"_smOverride_1qipy_35\",\"mdOverride\":\"_mdOverride_1qipy_40\",\"background\":\"_background_1qipy_45\",\"backgroundChecked\":\"_backgroundChecked_1qipy_51\",\"backgroundError\":\"_backgroundError_1qipy_56\",\"sm\":\"_sm_1qipy_21\",\"md\":\"_md_1qipy_25\",\"neutralBorder\":\"_neutralBorder_1qipy_73\",\"smCheckedBorder\":\"_smCheckedBorder_1qipy_77\",\"mdCheckedBorder\":\"_mdCheckedBorder_1qipy_81\",\"errorBorderColor\":\"_errorBorderColor_1qipy_85\",\"borderColor\":\"_borderColor_1qipy_89\"}"]}

package/dist/__chunks/E5P6WRJD.cjs

@@ -1,32 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// src/react-aria-utils/OverlayVisibility.tsx
-var _react = require('react');
-function OverlayVisibility({
-  onChange,
-  isEntering,
-  isExiting
-}) {
-  const onChangeRef = _react.useRef.call(void 0, onChange);
-  _react.useEffect.call(void 0, () => {
-    onChangeRef.current = onChange;
-  }, [onChange]);
-  _react.useEffect.call(void 0, () => {
-    if (isEntering)
-      return () => {
-        var _a;
-        return (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, true);
-      };
-    if (isExiting)
-      return () => {
-        var _a;
-        return (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, false);
-      };
-  }, [isEntering, isExiting]);
-  return null;
-}
-
-
-
-exports.OverlayVisibility = OverlayVisibility;
-//# sourceMappingURL=E5P6WRJD.cjs.map

package/dist/__chunks/E5P6WRJD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/react-aria-utils/OverlayVisibility.tsx"],"names":[],"mappings":";;;AAAA,SAAS,WAAW,cAAc;AAanB,SAAR,kBAAmC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AACF,GAOS;AACP,QAAM,cAAc,OAAO,QAAQ;AACnC,YAAU,MAAM;AACd,gBAAY,UAAU;AAAA,EACxB,GAAG,CAAC,QAAQ,CAAC;AAGb,YAAU,MAAM;AACd,QAAI;AAAY,aAAO,MAAG;AAhC9B;AAgCiC,iCAAY,YAAZ,qCAAsB;AAAA;AACnD,QAAI;AAAW,aAAO,MAAG;AAjC7B;AAiCgC,iCAAY,YAAZ,qCAAsB;AAAA;AAAA,EACpD,GAAG,CAAC,YAAY,SAAS,CAAC;AAE1B,SAAO;AACT","sourcesContent":["import { useEffect, useRef } from \"react\";\n\n/**\n * The react-aria-components Tooltip, Popover, Modal and ModalOverlay\n * components render with `isEntering` and `isExiting` bools from\n * listening to css animations events on the element.\n *\n * These bits are only available through children-as-function render props.\n *\n * Since these bits are not available through any context,\n * this component is a helper to fire a handler when content visibility\n * has changed _after_ animations have finished.\n */\nexport default function OverlayVisibility({\n  onChange,\n  isEntering,\n  isExiting,\n}: {\n  /** Optional handler for change of visibility for popover content */\n  onChange?: (visible: boolean) => void;\n  /** Whether the content is entering (animating) */\n  isEntering?: boolean;\n  /** Whether the content is exiting (animating) */\n  isExiting?: boolean;\n}): null {\n  const onChangeRef = useRef(onChange);\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  // fire visibility change handler when animation steps finish\n  useEffect(() => {\n    if (isEntering) return () => onChangeRef.current?.(true);\n    if (isExiting) return () => onChangeRef.current?.(false);\n  }, [isEntering, isExiting]);\n\n  return null;\n}\n"]}

package/dist/__chunks/F3SUJGZL.cjs

@@ -1,56 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-
-var _UKQIAZA5cjs = require('./UKQIAZA5.cjs');
-
-// src/colors/backgroundColor.ts
-function backgroundColor(color, on) {
-  if (on === "lightBackground") {
-    switch (color) {
-      case "primary":
-        return _UKQIAZA5cjs.colors_module_default.cambioBlackBackgroundColor;
-      case "secondary":
-      case "success-secondary":
-      case "destructive-secondary":
-        return _UKQIAZA5cjs.colors_module_default.cambioTransparentFullBackgroundColor;
-      case "tertiary":
-      case "success-tertiary":
-      case "destructive-tertiary":
-        return _UKQIAZA5cjs.colors_module_default.cambioTransparentFullBackgroundColor;
-      case "success-primary":
-        return _UKQIAZA5cjs.colors_module_default.cambioSuccess700BackgroundColor;
-      case "destructive-primary":
-        return _UKQIAZA5cjs.colors_module_default.cambioDestructive700BackgroundColor;
-      case "branded":
-        return _UKQIAZA5cjs.colors_module_default.cambioYellow700BackgroundColor;
-      default:
-        return _UKQIAZA5cjs.colors_module_default.cambioBlackBackgroundColor;
-    }
-  } else {
-    switch (color) {
-      case "primary":
-        return _UKQIAZA5cjs.colors_module_default.cambioGray200BackgroundColor;
-      case "secondary":
-      case "success-secondary":
-      case "destructive-secondary":
-        return _UKQIAZA5cjs.colors_module_default.cambioTransparentFullBackgroundColor;
-      case "tertiary":
-      case "success-tertiary":
-      case "destructive-tertiary":
-        return _UKQIAZA5cjs.colors_module_default.cambioTransparentFullBackgroundColor;
-      case "success-primary":
-        return _UKQIAZA5cjs.colors_module_default.cambioSuccess300BackgroundColor;
-      case "destructive-primary":
-        return _UKQIAZA5cjs.colors_module_default.cambioDestructive300BackgroundColor;
-      case "branded":
-        return _UKQIAZA5cjs.colors_module_default.cambioYellow700BackgroundColor;
-      default:
-        return _UKQIAZA5cjs.colors_module_default.cambioWhiteBackgroundColor;
-    }
-  }
-}
-
-
-
-exports.backgroundColor = backgroundColor;
-//# sourceMappingURL=F3SUJGZL.cjs.map

package/dist/__chunks/F3SUJGZL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/colors/backgroundColor.ts"],"names":[],"mappings":";;;;;;AAGO,SAAS,gBACd,OACA,IACQ;AACR,MAAI,OAAO,mBAAmB;AAC5B,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF;AACF","sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function backgroundColor(\n  color: (typeof Color)[number],\n  on: \"lightBackground\" | \"darkBackground\",\n): string {\n  if (on === \"lightBackground\") {\n    switch (color) {\n      case \"primary\":\n        return styles.cambioBlackBackgroundColor;\n      case \"secondary\":\n      case \"success-secondary\":\n      case \"destructive-secondary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"tertiary\":\n      case \"success-tertiary\":\n      case \"destructive-tertiary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"success-primary\":\n        return styles.cambioSuccess700BackgroundColor;\n      case \"destructive-primary\":\n        return styles.cambioDestructive700BackgroundColor;\n      case \"branded\":\n        return styles.cambioYellow700BackgroundColor;\n      default:\n        return styles.cambioBlackBackgroundColor;\n    }\n  } else {\n    switch (color) {\n      case \"primary\":\n        return styles.cambioGray200BackgroundColor;\n      case \"secondary\":\n      case \"success-secondary\":\n      case \"destructive-secondary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"tertiary\":\n      case \"success-tertiary\":\n      case \"destructive-tertiary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"success-primary\":\n        return styles.cambioSuccess300BackgroundColor;\n      case \"destructive-primary\":\n        return styles.cambioDestructive300BackgroundColor;\n      case \"branded\":\n        return styles.cambioYellow700BackgroundColor;\n      default:\n        return styles.cambioWhiteBackgroundColor;\n    }\n  }\n}\n"]}

package/dist/__chunks/FXLAQKAB.cjs

@@ -1,67 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
-
-
-var _3UEOKPM2cjs = require('./3UEOKPM2.cjs');
-
-
-var _7DGFMDT7cjs = require('./7DGFMDT7.cjs');
-
-
-var _DDWGNNLCcjs = require('./DDWGNNLC.cjs');
-
-
-var _QODNNCT2cjs = require('./QODNNCT2.cjs');
-
-// src/TabButton/TabButton.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _jsxruntime = require('react/jsx-runtime');
-function TabButton({
-  text,
-  onClick,
-  selected,
-  endContent,
-  itemCount,
-  accessibilityLabel,
-  "data-testid": dataTestId,
-  on = "lightBackground"
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      role: "tab",
-      className: _classnames2.default.call(void 0, _7DGFMDT7cjs.Tabs_module_default.tab, {
-        [_7DGFMDT7cjs.Tabs_module_default.unselectedTab]: !selected,
-        [_7DGFMDT7cjs.Tabs_module_default.selectedTabOnLightBackground]: selected && on === "lightBackground",
-        [_7DGFMDT7cjs.Tabs_module_default.selectedTabOnDarkBackground]: selected && on === "darkBackground"
-      }),
-      style: {
-        height: "100%"
-      },
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { display: "flex", direction: "row", alignItems: "center", height: "100%", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _3UEOKPM2cjs.TapArea_default,
-        {
-          fullWidth: false,
-          onClick,
-          rounding: "md",
-          "data-testid": dataTestId,
-          accessibilityLabel,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _DDWGNNLCcjs.TabInternal,
-            {
-              text,
-              selected,
-              endContent,
-              itemCount,
-              on
-            }
-          )
-        }
-      ) })
-    }
-  );
-}
-
-
-
-exports.TabButton = TabButton;
-//# sourceMappingURL=FXLAQKAB.cjs.map

package/dist/__chunks/FXLAQKAB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TabButton/TabButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,OAAO,gBAAgB;AAmDb;AA7CK,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,KAAK;AACP,GAaiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,WAAW,oBAAO,KAAK;AAAA,QAChC,CAAC,oBAAO,aAAa,GAAG,CAAC;AAAA,QACzB,CAAC,oBAAO,4BAA4B,GAClC,YAAY,OAAO;AAAA,QACrB,CAAC,oBAAO,2BAA2B,GACjC,YAAY,OAAO;AAAA,MACvB,CAAC;AAAA,MACD,OAAO;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,MAEA,8BAAC,eAAI,SAAQ,QAAO,WAAU,OAAM,YAAW,UAAS,QAAO,QAC7D;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX;AAAA,UACA,UAAS;AAAA,UACT,eAAa;AAAA,UACb;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF;AAEJ","sourcesContent":["import { type ReactElement, type ComponentProps } from \"react\";\nimport classnames from \"classnames\";\nimport TapArea from \"../TapArea/TapArea\";\nimport TabInternal from \"../Tabs/TabInternal\";\nimport styles from \"../Tabs/Tabs.module.css\";\nimport Box from \"../Box/Box\";\n\nexport default function TabButton({\n  text,\n  onClick,\n  selected,\n  endContent,\n  itemCount,\n  accessibilityLabel,\n  \"data-testid\": dataTestId,\n  on = \"lightBackground\",\n}: ComponentProps<typeof TabInternal> & {\n  /**\n   * The onClick event for the button\n   */\n  onClick: () => void;\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n}): ReactElement {\n  return (\n    <div\n      role=\"tab\"\n      className={classnames(styles.tab, {\n        [styles.unselectedTab]: !selected,\n        [styles.selectedTabOnLightBackground]:\n          selected && on === \"lightBackground\",\n        [styles.selectedTabOnDarkBackground]:\n          selected && on === \"darkBackground\",\n      })}\n      style={{\n        height: \"100%\",\n      }}\n    >\n      <Box display=\"flex\" direction=\"row\" alignItems=\"center\" height=\"100%\">\n        <TapArea\n          fullWidth={false}\n          onClick={onClick}\n          rounding=\"md\"\n          data-testid={dataTestId}\n          accessibilityLabel={accessibilityLabel}\n        >\n          <TabInternal\n            text={text}\n            selected={selected}\n            endContent={endContent}\n            itemCount={itemCount}\n            on={on}\n          />\n        </TapArea>\n      </Box>\n    </div>\n  );\n}\n"]}

package/dist/__chunks/FZLDJPVT.cjs

@@ -1,65 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// src/react-aria-utils/useDomRefSyntheticEventBridge.ts
-var _react = require('react');
-var createSyntheticEvent = (event) => {
-  let isDefaultPrevented = false;
-  let isPropagationStopped = false;
-  const preventDefault = () => {
-    isDefaultPrevented = true;
-    event.preventDefault();
-  };
-  const stopPropagation = () => {
-    isPropagationStopped = true;
-    event.stopPropagation();
-  };
-  return {
-    nativeEvent: event,
-    currentTarget: event.currentTarget,
-    target: event.target,
-    bubbles: event.bubbles,
-    cancelable: event.cancelable,
-    defaultPrevented: event.defaultPrevented,
-    eventPhase: event.eventPhase,
-    isTrusted: event.isTrusted,
-    preventDefault,
-    isDefaultPrevented: () => isDefaultPrevented,
-    stopPropagation,
-    isPropagationStopped: () => isPropagationStopped,
-    persist: () => void 0,
-    timeStamp: event.timeStamp,
-    type: event.type
-  };
-};
-var useDomRefSyntheticEventBridge = (props, ref, { enabled = true } = {}) => {
-  _react.useEffect.call(void 0, () => {
-    if (!enabled)
-      return () => void 0;
-    if (!ref.current)
-      return () => void 0;
-    const element = ref.current;
-    const cleanups = Object.entries(props).map(
-      ([key, value]) => {
-        if (!key.startsWith("on"))
-          return;
-        if (typeof value !== "function")
-          return;
-        const endsWithCapture = key.endsWith("Capture");
-        const eventname = key.slice(2, endsWithCapture ? -7 : void 0).toLowerCase();
-        const handler = (evt) => {
-          const fn = value;
-          fn(createSyntheticEvent(evt));
-        };
-        const args = [eventname, handler, endsWithCapture];
-        element.addEventListener(...args);
-        return () => element.removeEventListener(...args);
-      }
-    );
-    return () => cleanups.forEach((cleanup) => cleanup == null ? void 0 : cleanup());
-  }, [enabled, props, ref]);
-};
-
-
-
-exports.useDomRefSyntheticEventBridge = useDomRefSyntheticEventBridge;
-//# sourceMappingURL=FZLDJPVT.cjs.map

package/dist/__chunks/FZLDJPVT.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/GEXK47GR.cjs

@@ -1,42 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-
-var _QODNNCT2cjs = require('./QODNNCT2.cjs');
-
-// src/AvatarGroup/AvatarGroup.tsx
-
-
-
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-var AvatarGroupContext = _react.createContext.call(void 0, null);
-function useAvatarGroup() {
-  const context = _react.useContext.call(void 0, AvatarGroupContext);
-  return !context ? null : context;
-}
-function AvatarGroup({
-  size = "md",
-  orientation = "standard",
-  children
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarGroupContext.Provider, { value: { size, orientation }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _QODNNCT2cjs.Box_default,
-    {
-      display: "flex",
-      justifyContent: orientation === "standard" ? "start" : "end",
-      dangerouslySetInlineStyle: {
-        __style: {
-          flexDirection: orientation === "standard" ? "row" : "row-reverse"
-        }
-      },
-      children
-    }
-  ) });
-}
-AvatarGroup.displayName = "AvatarGroup";
-
-
-
-
-exports.useAvatarGroup = useAvatarGroup; exports.AvatarGroup = AvatarGroup;
-//# sourceMappingURL=GEXK47GR.cjs.map

package/dist/__chunks/GEXK47GR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":";;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAiED;AAtDN,IAAM,qBAAqB,cAA6C,IAAI;AAErE,SAAS,iBAAgD;AAC9D,QAAM,UAAU,WAAW,kBAAkB;AAC7C,SAAO,CAAC,UAAU,OAAO;AAC3B;AAgBe,SAAR,YAA6B;AAAA,EAClC,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AACF,GA0BiB;AACf,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,MAAM,YAAY,GACtD;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,gBAAgB,gBAAgB,aAAa,UAAU;AAAA,MACvD,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,eAAe,gBAAgB,aAAa,QAAQ;AAAA,QACtD;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,YAAY,cAAc","sourcesContent":["import {\n  type ReactNode,\n  createContext,\n  useContext,\n  type ReactElement,\n} from \"react\";\nimport Box from \"../Box/Box\";\n\ntype Size = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype Orientation = \"standard\" | \"reverse\";\n\ntype AvatarGroupContextType = {\n  size: Size;\n  orientation: Orientation;\n};\n\nconst AvatarGroupContext = createContext<AvatarGroupContextType | null>(null);\n\nexport function useAvatarGroup(): AvatarGroupContextType | null {\n  const context = useContext(AvatarGroupContext);\n  return !context ? null : context;\n}\n\n/**\n * [AvatarGroup](https://cambly-syntax.vercel.app/?path=/docs/components-avatargroup--docs) is a stack of avatars to represent a group of people\n *\n * Pass in Avatar components as children to the AvatarGroup component. The size prop that is passed into the AvatarGroup component will override Avatar's size prop..\n *\n * Usage:\n *\n * <AvatarGroup size=\"md\" orientation=\"standard\">\n *   <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n *   <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n *   <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n * </AvatarGroup>\n *\n */\nexport default function AvatarGroup({\n  size = \"md\",\n  orientation = \"standard\",\n  children,\n}: {\n  /**\n   * Size of the avatars in the AvatarGroup.\n   *\n   * * `xs`: 24px\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   * * `xl`: 80px\n   *\n   * @defaultValue `md`\n   */\n  size?: Size;\n  /**\n   * Orientation of the AvatarGroup.\n   * This describes the order of rendering of the Avatar components.\n   * Standard renders the Avatar components with the right component on top.\n   * Reverse renders the Avatar components with the left component on top.\n   *\n   * @defaultValue `standard`\n   */\n  orientation?: Orientation;\n  /**\n   * Avatars to be rendered within the AvatarGroup.\n   */\n  children: ReactNode;\n}): ReactElement {\n  return (\n    <AvatarGroupContext.Provider value={{ size, orientation }}>\n      <Box\n        display=\"flex\"\n        justifyContent={orientation === \"standard\" ? \"start\" : \"end\"}\n        dangerouslySetInlineStyle={{\n          __style: {\n            flexDirection: orientation === \"standard\" ? \"row\" : \"row-reverse\",\n          },\n        }}\n      >\n        {children}\n      </Box>\n    </AvatarGroupContext.Provider>\n  );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"]}