@cambly/syntax-core 20.6.0 → 21.0.0

package/dist/__chunks/VDLYCYDQ.cjs

@@ -1,53 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
-
-
-var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
-
-
-var _IL22HCBFcjs = require('./IL22HCBF.cjs');
-
-
-var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
-
-// src/RichSelect/RichSelectSection.tsx
-var _react = require('react');
-
-
-
-
-var _reactariacomponents = require('react-aria-components');
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _jsxruntime = require('react/jsx-runtime');
-var RichSelectSection_default = _react.forwardRef.call(void 0, 
-  function RichSelectSection(props, ref) {
-    const {
-      "data-testid": dataTestId,
-      label,
-      children,
-      orientation = "horizontal"
-    } = props;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _reactariacomponents.Section,
-      {
-        ref,
-        "data-testid": dataTestId,
-        className: _classnames2.default.call(void 0, 
-          [_IL22HCBFcjs.Box_module_default.box, _IL22HCBFcjs.Box_module_default.flex, _IL22HCBFcjs.Box_module_default.flexWrap, _IL22HCBFcjs.Box_module_default.gap3],
-          {
-            [_IL22HCBFcjs.Box_module_default.row]: orientation === "horizontal",
-            [_IL22HCBFcjs.Box_module_default.column]: orientation === "vertical"
-          }
-        ),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { children: label }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Collection, { children })
-        ]
-      }
-    );
-  }
-);
-
-
-
-exports.RichSelectSection_default = RichSelectSection_default;
-//# sourceMappingURL=VDLYCYDQ.cjs.map

package/dist/__chunks/VDLYCYDQ.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/VVRMCACE.cjs

@@ -1,102 +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 _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
-
-// src/TextArea/TextArea.tsx
-var _react = require('react');
-
-// css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "textarea": "_textarea_1sb0v_1", "resizenone": "_resizenone_1sb0v_6", "resizehorizontal": "_resizehorizontal_1sb0v_10", "resizevertical": "_resizevertical_1sb0v_14", "resizeboth": "_resizeboth_1sb0v_18" };
-
-// css-module:../TextField/TextField.module.css#css-module
-var TextField_module_default = { "textfield": "_textfield_17wxq_1", "transparent": "_transparent_17wxq_20", "label": "_label_17wxq_36", "md": "_md_17wxq_40", "height": "_height_17wxq_44", "inputError": "_inputError_17wxq_48", "transparentInputError": "_transparentInputError_17wxq_57", "transparenInputError": "_transparenInputError_17wxq_62" };
-
-// src/TextArea/TextArea.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _jsxruntime = require('react/jsx-runtime');
-var TextArea = _react.forwardRef.call(void 0, 
-  function TextArea2({
-    "data-testid": dataTestId,
-    disabled: disabledProp = false,
-    errorText = "",
-    helperText = "",
-    id,
-    label,
-    maxLength = 1024,
-    placeholder = "",
-    rows = 3,
-    value = "",
-    on,
-    onChange,
-    resize = "none"
-  }, forwardedRef) {
-    const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const disabled = !isHydrated || disabledProp;
-    const reactId = _react.useId.call(void 0, );
-    const inputId = id != null ? id : reactId;
-    const textColor = on === "darkBackground" ? "white" : "gray900";
-    const errorTextColor = on !== "darkBackground" ? "destructive-lightBackground" : "destructive-darkBackground";
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _QODNNCT2cjs.Box_default,
-      {
-        display: "flex",
-        direction: "column",
-        gap: 2,
-        width: "100%",
-        dangerouslySetInlineStyle: {
-          __style: {
-            opacity: disabled ? 0.5 : 1
-          }
-        },
-        position: "relative",
-        children: [
-          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: 100, color: textColor, children: label }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "textarea",
-            {
-              "data-testid": dataTestId,
-              ref: forwardedRef,
-              className: _classnames2.default.call(void 0, 
-                TextField_module_default.textfield,
-                TextArea_module_default.textarea,
-                TextArea_module_default[`resize${resize}`],
-                errorText && (on === "darkBackground" ? TextField_module_default.transparentInputError : TextField_module_default.inputError),
-                {
-                  [TextField_module_default.transparent]: on === "darkBackground"
-                }
-              ),
-              id: inputId,
-              placeholder,
-              maxLength,
-              onChange,
-              rows,
-              value,
-              disabled
-            }
-          ) }),
-          (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _4TYOP5XMcjs.Typography_default,
-            {
-              size: 100,
-              color: errorText ? errorTextColor : textColor,
-              children: errorText || helperText
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-var TextArea_default = TextArea;
-
-
-
-exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=VVRMCACE.cjs.map

package/dist/__chunks/VVRMCACE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TextArea/TextArea.tsx","css-module:./TextArea.module.css#css-module","css-module:../TextField/TextField.module.css#css-module"],"names":["TextArea"],"mappings":";;;;;;;;;;;;AAEA,SAAmC,OAAO,kBAAkB;;;ACFoC,IAAO,0BAAQ,EAAC,YAAW,qBAAoB,cAAa,uBAAsB,oBAAmB,8BAA6B,kBAAiB,4BAA2B,cAAa,uBAAsB;;;ACA/M,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,eAAc,yBAAwB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,wBAAuB,yBAAwB,mCAAkC,wBAAuB,iCAAgC;;;AFKxZ,OAAO,gBAAgB;AAmGjB,SAeQ,KAfR;AA9BN,IAAM,WAAW;AAAA,EACf,SAASA,UACP;AAAA,IACE,eAAe;AAAA,IACf,UAAU,eAAe;AAAA,IACzB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,GACA,cACc;AACd,UAAM,aAAa,cAAc;AACjC,UAAM,WAAW,CAAC,cAAc;AAChC,UAAM,UAAU,MAAM;AACtB,UAAM,UAAU,kBAAM;AACtB,UAAM,YAAY,OAAO,mBAAmB,UAAU;AACtD,UAAM,iBACJ,OAAO,mBACH,gCACA;AAEN,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,KAAK;AAAA,QACL,OAAM;AAAA,QACN,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,SAAS,WAAW,MAAM;AAAA,UAC5B;AAAA,QACF;AAAA,QACA,UAAS;AAAA,QAER;AAAA,mBACC,oBAAC,WAAM,WAAW,yBAAgB,OAAO,SAAS,SAChD,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,WAC3B,iBACH,GACF,GACF;AAAA,UAEF,oBAAC,sBAAW,MAAM,KAChB;AAAA,YAAC;AAAA;AAAA,cACC,eAAa;AAAA,cACb,KAAK;AAAA,cACL,WAAW;AAAA,gBACT,yBAAgB;AAAA,gBAChB,wBAAO;AAAA,gBACP,wBAAO,SAAS,QAAQ;AAAA,gBACxB,cACG,OAAO,mBACJ,yBAAgB,wBAChB,yBAAgB;AAAA,gBACtB;AAAA,kBACE,CAAC,yBAAgB,WAAW,GAAG,OAAO;AAAA,gBACxC;AAAA,cACF;AAAA,cACA,IAAI;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF,GACF;AAAA,WACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAO,YAAY,iBAAiB;AAAA,cAEnC,uBAAa;AAAA;AAAA,UAChB,GACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ","sourcesContent":["import Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport React, { type ReactElement, useId, forwardRef } from \"react\";\nimport styles from \"./TextArea.module.css\";\nimport textFieldStyles from \"../TextField/TextField.module.css\";\nimport classNames from \"classnames\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype TextAreaProps = {\n  /**\n   * A data-testid to make querying for the TextArea easier.\n   */\n  \"data-testid\"?: string;\n  /**\n   * If true, the TextArea will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Text shown below TextArea if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Informative helper text shown below TextArea\n   */\n  helperText?: string;\n  /**\n   * TextField id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /**\n   * TextArea visible label\n   */\n  label: string;\n  /**\n   * Maximum number of characters allowed in the TextArea\n   */\n  maxLength?: number;\n  /**\n   * Indicate whether the component renders on a light or dark background. Changes the color of the input field and text\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text to display when TextArea is empty\n   */\n  placeholder?: string;\n  /**\n   * Sets which part resizes when the user drags the resize handle.\n   * * `none`: TextArea can not be resized\n   * * `horizontal`: TextArea can only be resized horizontally\n   * * `vertical`: TextArea can only be resized vertically\n   * * `both`: TextArea can be resized horizontally and vertically\n   *\n   * @defaultvalue `none`\n   */\n  resize?: \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n  /**\n   * Number of rows to display\n   */\n  rows?: number;\n  /**\n   * Value of the TextArea\n   */\n  value: string;\n};\n\n/**\n * [TextArea](https://cambly-syntax.vercel.app/?path=/docs/components-textarea--docs) allows users to enter multiple lines of text.\n */\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    {\n      \"data-testid\": dataTestId,\n      disabled: disabledProp = false,\n      errorText = \"\",\n      helperText = \"\",\n      id,\n      label,\n      maxLength = 1024,\n      placeholder = \"\",\n      rows = 3,\n      value = \"\",\n      on,\n      onChange,\n      resize = \"none\",\n    }: TextAreaProps,\n    forwardedRef,\n  ): ReactElement {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const reactId = useId();\n    const inputId = id ?? reactId;\n    const textColor = on === \"darkBackground\" ? \"white\" : \"gray900\";\n    const errorTextColor =\n      on !== \"darkBackground\"\n        ? \"destructive-lightBackground\"\n        : \"destructive-darkBackground\";\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        position=\"relative\"\n      >\n        {label && (\n          <label className={textFieldStyles.label} htmlFor={inputId}>\n            <Box paddingX={1}>\n              <Typography size={100} color={textColor}>\n                {label}\n              </Typography>\n            </Box>\n          </label>\n        )}\n        <Typography size={100}>\n          <textarea\n            data-testid={dataTestId}\n            ref={forwardedRef}\n            className={classNames(\n              textFieldStyles.textfield,\n              styles.textarea,\n              styles[`resize${resize}`],\n              errorText &&\n                (on === \"darkBackground\"\n                  ? textFieldStyles.transparentInputError\n                  : textFieldStyles.inputError),\n              {\n                [textFieldStyles.transparent]: on === \"darkBackground\",\n              },\n            )}\n            id={inputId}\n            placeholder={placeholder}\n            maxLength={maxLength}\n            onChange={onChange}\n            rows={rows}\n            value={value}\n            disabled={disabled}\n          />\n        </Typography>\n        {(helperText || errorText) && (\n          <Box paddingX={1}>\n            <Typography\n              size={100}\n              color={errorText ? errorTextColor : textColor}\n            >\n              {errorText || helperText}\n            </Typography>\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n\nexport default TextArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextArea/TextArea.module.css\"; export default {\"textarea\":\"_textarea_1sb0v_1\",\"resizenone\":\"_resizenone_1sb0v_6\",\"resizehorizontal\":\"_resizehorizontal_1sb0v_10\",\"resizevertical\":\"_resizevertical_1sb0v_14\",\"resizeboth\":\"_resizeboth_1sb0v_18\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_17wxq_1\",\"transparent\":\"_transparent_17wxq_20\",\"label\":\"_label_17wxq_36\",\"md\":\"_md_17wxq_40\",\"height\":\"_height_17wxq_44\",\"inputError\":\"_inputError_17wxq_48\",\"transparentInputError\":\"_transparentInputError_17wxq_57\",\"transparenInputError\":\"_transparenInputError_17wxq_62\"}"]}

package/dist/__chunks/WFVGNGEP.cjs

@@ -1,2 +0,0 @@
-"use strict";"use client"
-//# sourceMappingURL=WFVGNGEP.cjs.map

package/dist/__chunks/WFVGNGEP.cjs.map

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

package/dist/__chunks/WKADTHRK.cjs

@@ -1,40 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-
-var _DHXH7ZSGcjs = require('./DHXH7ZSG.cjs');
-
-
-var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
-
-
-
-
-var _X2SDR4SDcjs = require('./X2SDR4SD.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 = _X2SDR4SDcjs.__objRest.call(void 0, _a, ["size", "name"]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _DHXH7ZSGcjs.RadioButton_default,
-      {
-        checked: isSelected,
-        disabled: isDisabled,
-        name,
-        label: otherProps.label,
-        value: otherProps.value,
-        dangerouslyForceFocusStyles: isFocusVisible,
-        size,
-        onChange: NOOP
-      }
-    ) }));
-  }
-);
-
-
-
-exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=WKADTHRK.cjs.map

package/dist/__chunks/WKADTHRK.cjs.map

@@ -1 +0,0 @@
-{"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/X2SDR4SD.cjs

@@ -1,39 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-
-
-
-
-exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__objRest = __objRest;
-//# sourceMappingURL=X2SDR4SD.cjs.map

package/dist/__chunks/X2SDR4SD.cjs.map

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

package/dist/__chunks/XJVLA3PA.cjs

@@ -1,13 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// ../syntax-design-tokens/dist/js/index.js
-var ColorBaseDestructive700 = "#d32a4b";
-var ColorBaseGray700 = "#767676";
-var ColorCambioWhite100 = "#ffffff";
-
-
-
-
-
-exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray700 = ColorBaseGray700; exports.ColorCambioWhite100 = ColorCambioWhite100;
-//# sourceMappingURL=XJVLA3PA.cjs.map

package/dist/__chunks/XJVLA3PA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 27 Sep 2024 17:29:00 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"]}

package/dist/__chunks/XLUVINJW.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// css-module:../Focus.module.css#css-module
-var Focus_module_default = { "accessibilityOutlineFocus": "_accessibilityOutlineFocus_1h8bq_1" };
-
-
-
-exports.Focus_module_default = Focus_module_default;
-//# sourceMappingURL=XLUVINJW.cjs.map

package/dist/__chunks/XLUVINJW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:../Focus.module.css#css-module"],"names":[],"mappings":";;;AAAoF,IAAO,uBAAQ,EAAC,6BAA4B,qCAAoC","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Focus.module.css\"; export default {\"accessibilityOutlineFocus\":\"_accessibilityOutlineFocus_1h8bq_1\"}"]}

package/dist/__chunks/XUDOYOWH.cjs

@@ -1,117 +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 _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
-
-
-var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
-
-
-var _NOELZTQXcjs = require('./NOELZTQX.cjs');
-
-// src/Checkbox/Checkbox.tsx
-var _react = require('react');
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "mainContainer": "_mainContainer_1r7sy_1", "inputOverlay": "_inputOverlay_1r7sy_9", "checkbox": "_checkbox_1r7sy_17", "checkboxChecked": "_checkboxChecked_1r7sy_28", "checkboxError": "_checkboxError_1r7sy_33", "disabled": "_disabled_1r7sy_38", "cursorDisabled": "_cursorDisabled_1r7sy_42", "cursorEnabled": "_cursorEnabled_1r7sy_46", "sm": "_sm_1r7sy_50", "md": "_md_1r7sy_55", "smBorderRadius": "_smBorderRadius_1r7sy_60", "mdBorderRadius": "_mdBorderRadius_1r7sy_64", "checkmark": "_checkmark_1r7sy_68", "checkmarkError": "_checkmarkError_1r7sy_72" };
-
-// src/Checkbox/Checkbox.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var typographySize = {
-  sm: 100,
-  md: 200
-};
-var iconWidth = {
-  sm: 12,
-  md: 20
-};
-var Checkbox = ({
-  checked = false,
-  "data-testid": dataTestId,
-  disabled: disabledProp = false,
-  size = "md",
-  label,
-  error = false,
-  onChange,
-  "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, 
-        Checkbox_module_default.mainContainer,
-        Checkbox_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
-        {
-          [Checkbox_module_default.disabled]: disabled
-        }
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: _classnames2.default.call(void 0, 
-              Checkbox_module_default.checkbox,
-              Checkbox_module_default[size],
-              {
-                [_XLUVINJWcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
-              },
-              checked && Checkbox_module_default.checkboxChecked,
-              error && Checkbox_module_default.checkboxError
-            ),
-            children: checked && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "path",
-              {
-                className: error ? Checkbox_module_default.checkmarkError : Checkbox_module_default.checkmark,
-                d: "m9.55 18-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4 9.55 18Z"
-              }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            "data-testid": dataTestId,
-            "aria-describedby": ariaDescribedby,
-            type: "checkbox",
-            className: _classnames2.default.call(void 0, 
-              Checkbox_module_default.inputOverlay,
-              Checkbox_module_default[size],
-              Checkbox_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`]
-            ),
-            checked,
-            onChange,
-            disabled,
-            onFocus: () => {
-              setIsFocused(true);
-            },
-            onBlur: () => {
-              setIsFocused(false);
-            }
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _4TYOP5XMcjs.Typography_default,
-          {
-            size: typographySize[size],
-            color: error ? "destructive-darkBackground" : "primary",
-            children: label
-          }
-        )
-      ]
-    }
-  );
-};
-var Checkbox_default = Checkbox;
-
-
-
-exports.Checkbox_default = Checkbox_default;
-//# sourceMappingURL=XUDOYOWH.cjs.map

package/dist/__chunks/XUDOYOWH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Checkbox/Checkbox.tsx","css-module:./Checkbox.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,SAAmC,gBAAgB;AACnD,OAAO,gBAAgB;;;ACDyE,IAAO,0BAAQ,EAAC,iBAAgB,0BAAyB,gBAAe,yBAAwB,YAAW,sBAAqB,mBAAkB,6BAA4B,iBAAgB,2BAA0B,YAAW,sBAAqB,kBAAiB,4BAA2B,iBAAgB,2BAA0B,MAAK,gBAAe,MAAK,gBAAe,kBAAiB,4BAA2B,kBAAiB,4BAA2B,aAAY,uBAAsB,kBAAiB,2BAA0B;;;ADmFvnB,SAuBQ,KAvBR;AA3EJ,IAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,WAAW,CAAC;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,oBAAoB;AACtB,MA8CoB;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,wBAAO;AAAA,QACP,wBAAO,SAAS,WAAW,aAAa,WAAW;AAAA,QACnD;AAAA,UACE,CAAC,wBAAO,QAAQ,GAAG;AAAA,QACrB;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT,wBAAO;AAAA,cACP,wBAAO,IAAI;AAAA,cACX;AAAA,gBACE,CAAC,qBAAY,yBAAyB,GACpC,aAAa;AAAA,cACjB;AAAA,cACA,WAAW,wBAAO;AAAA,cAClB,SAAS,wBAAO;AAAA,YAClB;AAAA,YAEC,qBACC,oBAAC,SAAI,eAAY,QAAO,SAAQ,aAAY,OAAO,UAAU,IAAI,GAC/D;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,QAAQ,wBAAO,iBAAiB,wBAAO;AAAA,gBAClD,GAAE;AAAA;AAAA,YACH,GACH;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa;AAAA,YACb,oBAAkB;AAAA,YAClB,MAAK;AAAA,YACL,WAAW;AAAA,cACT,wBAAO;AAAA,cACP,wBAAO,IAAI;AAAA,cACX,wBAAO,SAAS,WAAW,aAAa,WAAW;AAAA,YACrD;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,MAAM;AACb,2BAAa,IAAI;AAAA,YACnB;AAAA,YACA,QAAQ,MAAM;AACZ,2BAAa,KAAK;AAAA,YACpB;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,eAAe,IAAI;AAAA,YACzB,OAAO,QAAQ,+BAA+B;AAAA,YAE7C;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ","sourcesContent":["import React, { type ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport styles from \"./Checkbox.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst typographySize = {\n  sm: 100,\n  md: 200,\n} as const;\n\nconst iconWidth = {\n  sm: 12,\n  md: 20,\n};\n\n/**\n * [Checkbox](https://cambly-syntax.vercel.app/?path=/docs/components-checkbox--docs) is a clickable element that will show if an option has been selected or not.\n */\nconst Checkbox = ({\n  checked = false,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  size = \"md\",\n  label,\n  error = false,\n  onChange,\n  \"aria-describedby\": ariaDescribedby,\n}: {\n  /**\n   * Whether or not the box has been clicked\n   *\n   * @defaultValue false\n   */\n  checked: boolean;\n  /**\n   * Test id for the checkbox\n   */\n  \"data-testid\"?: string;\n  /**\n   * The callback to be called when the checkbox value changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Whether or not the box is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The size of the checkbox and icon\n   *\n   * * `sm`: 16px\n   * * `md`: 24px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\";\n  /**\n   * The text accompanying the checkbox\n   */\n  label: string;\n  /**\n   * Whether or not there is an error with the input\n   *\n   * @defaultValue false\n   */\n  error?: boolean;\n  /**\n   * The aria-describedby attribute for the checkbox. 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.mainContainer,\n        styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        {\n          [styles.disabled]: disabled,\n        },\n      )}\n    >\n      <div\n        className={classNames(\n          styles.checkbox,\n          styles[size],\n          {\n            [focusStyles.accessibilityOutlineFocus]:\n              isFocused && isFocusVisible,\n          },\n          checked && styles.checkboxChecked,\n          error && styles.checkboxError,\n        )}\n      >\n        {checked && (\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n            <path\n              className={error ? styles.checkmarkError : styles.checkmark}\n              d=\"m9.55 18-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4 9.55 18Z\"\n            ></path>\n          </svg>\n        )}\n      </div>\n      <input\n        data-testid={dataTestId}\n        aria-describedby={ariaDescribedby}\n        type=\"checkbox\"\n        className={classNames(\n          styles.inputOverlay,\n          styles[size],\n          styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        )}\n        checked={checked}\n        onChange={onChange}\n        disabled={disabled}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onBlur={() => {\n          setIsFocused(false);\n        }}\n      />\n      <Typography\n        size={typographySize[size]}\n        color={error ? \"destructive-darkBackground\" : \"primary\"}\n      >\n        {label}\n      </Typography>\n    </label>\n  );\n};\n\nexport default Checkbox;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Checkbox/Checkbox.module.css\"; export default {\"mainContainer\":\"_mainContainer_1r7sy_1\",\"inputOverlay\":\"_inputOverlay_1r7sy_9\",\"checkbox\":\"_checkbox_1r7sy_17\",\"checkboxChecked\":\"_checkboxChecked_1r7sy_28\",\"checkboxError\":\"_checkboxError_1r7sy_33\",\"disabled\":\"_disabled_1r7sy_38\",\"cursorDisabled\":\"_cursorDisabled_1r7sy_42\",\"cursorEnabled\":\"_cursorEnabled_1r7sy_46\",\"sm\":\"_sm_1r7sy_50\",\"md\":\"_md_1r7sy_55\",\"smBorderRadius\":\"_smBorderRadius_1r7sy_60\",\"mdBorderRadius\":\"_mdBorderRadius_1r7sy_64\",\"checkmark\":\"_checkmark_1r7sy_68\",\"checkmarkError\":\"_checkmarkError_1r7sy_72\"}"]}

package/dist/__chunks/YGFJ2STL.cjs

@@ -1,104 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-
-var _QODNNCT2cjs = require('./QODNNCT2.cjs');
-
-
-var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
-
-// src/WordConfetti/WordConfetti.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-var themeBackgroundColors = {
-  neutral: ["pink", "lilac", "thistle"],
-  cool: ["sky", "slate", "teal"],
-  warm: ["red", "tan", "orange"]
-};
-var degreeOfTiltOptions = [-6, -6, -3, -3, 0, 3, 3, 6, 6];
-var paddings = {
-  300: "16px 20px 16px 20px",
-  400: "20px 24px 20px 24px",
-  700: "24px 28px 24px 28px",
-  800: "28px 40px 28px 40px",
-  900: "32px 48px 32px 48px",
-  1100: "36px 56px 36px 56px"
-};
-var gaps = {
-  300: 3,
-  400: 4,
-  700: 6,
-  800: 6,
-  900: 9,
-  1100: 10
-};
-var WordConfetto = ({
-  backgroundColor,
-  rotation,
-  size,
-  text
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _QODNNCT2cjs.Box_default,
-    {
-      backgroundColor,
-      dangerouslySetInlineStyle: {
-        __style: {
-          padding: paddings[size],
-          transform: `rotate(${rotation}deg)`
-        }
-      },
-      width: "fit-content",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size, weight: "bold", fontStyle: "serif", children: text })
-    }
-  );
-};
-var WordConfetti = _react.forwardRef.call(void 0, 
-  function WordConfetti2(props, ref) {
-    const {
-      "data-testid": dataTestId,
-      direction = "row",
-      size,
-      theme,
-      words
-    } = props;
-    const styledWords = _react.useMemo.call(void 0, 
-      () => words.map((word) => ({
-        text: word,
-        backgroundColor: themeBackgroundColors[theme][Math.floor(Math.random() * 3)],
-        rotation: degreeOfTiltOptions[Math.floor(Math.random() * 9)]
-      })),
-      [theme, words]
-    );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _QODNNCT2cjs.Box_default,
-      {
-        display: "flex",
-        direction,
-        flexWrap: "wrap",
-        "data-testid": dataTestId,
-        ref,
-        gap: gaps[size],
-        children: styledWords.map(
-          ({ text, backgroundColor, rotation }, index) => {
-            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              WordConfetto,
-              {
-                backgroundColor,
-                rotation,
-                size,
-                text
-              },
-              `${text}+${index}`
-            );
-          }
-        )
-      }
-    );
-  }
-);
-var WordConfetti_default = WordConfetti;
-
-
-
-exports.WordConfetti_default = WordConfetti_default;
-//# sourceMappingURL=YGFJ2STL.cjs.map

package/dist/__chunks/YGFJ2STL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/WordConfetti/WordConfetti.tsx"],"names":["WordConfetti"],"mappings":";;;;;;;;;AAAA,SAAyB,YAAY,eAAkC;AA6DjE;AAzDN,IAAM,wBAAwB;AAAA,EAC5B,SAAS,CAAC,QAAQ,SAAS,SAAS;AAAA,EACpC,MAAM,CAAC,OAAO,SAAS,MAAM;AAAA,EAC7B,MAAM,CAAC,OAAO,OAAO,QAAQ;AAC/B;AAEA,IAAM,sBAAsB,CAAC,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE1D,IAAM,WAAW;AAAA,EACf,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AACR;AAEA,IAAM,OAAO;AAAA,EACX,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AACR;AAEA,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAcoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,SAAS,SAAS,IAAI;AAAA,UACtB,WAAW,UAAU;AAAA,QACvB;AAAA,MACF;AAAA,MACA,OAAM;AAAA,MAEN,8BAAC,sBAAW,MAAY,QAAO,QAAO,WAAU,SAC7C,gBACH;AAAA;AAAA,EACF;AAEJ;AA8BA,IAAM,eAAe;AAAA,EACnB,SAASA,cAAa,OAA0B,KAAkB;AAChE,UAAM;AAAA,MACJ,eAAe;AAAA,MACf,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI;AAEJ,UAAM,cAAc;AAAA,MAClB,MACE,MAAM,IAAI,CAAC,UAAU;AAAA,QACnB,MAAM;AAAA,QACN,iBACE,sBAAsB,KAAK,EAAE,KAAK,MAAM,KAAK,OAAO,IAAI,CAAC,CAAC;AAAA,QAC5D,UAAU,oBAAoB,KAAK,MAAM,KAAK,OAAO,IAAI,CAAC,CAAC;AAAA,MAC7D,EAAE;AAAA,MACJ,CAAC,OAAO,KAAK;AAAA,IACf;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR;AAAA,QACA,UAAS;AAAA,QACT,eAAa;AAAA,QACb;AAAA,QACA,KAAK,KAAK,IAAI;AAAA,QAEb,sBAAY;AAAA,UACX,CAAC,EAAE,MAAM,iBAAiB,SAAS,GAAG,UAAqB;AACzD,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,cAJK,GAAG,QAAQ;AAAA,YAKlB;AAAA,UAEJ;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ","sourcesContent":["import { type ReactNode, forwardRef, useMemo, type ReactElement } from \"react\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\n\nconst themeBackgroundColors = {\n  neutral: [\"pink\", \"lilac\", \"thistle\"],\n  cool: [\"sky\", \"slate\", \"teal\"],\n  warm: [\"red\", \"tan\", \"orange\"],\n} as const;\n\nconst degreeOfTiltOptions = [-6, -6, -3, -3, 0, 3, 3, 6, 6];\n\nconst paddings = {\n  300: \"16px 20px 16px 20px\",\n  400: \"20px 24px 20px 24px\",\n  700: \"24px 28px 24px 28px\",\n  800: \"28px 40px 28px 40px\",\n  900: \"32px 48px 32px 48px\",\n  1100: \"36px 56px 36px 56px\",\n};\n\nconst gaps = {\n  300: 3,\n  400: 4,\n  700: 6,\n  800: 6,\n  900: 9,\n  1100: 10,\n} as const;\n\nconst WordConfetto = ({\n  backgroundColor,\n  rotation,\n  size,\n  text,\n}: {\n  backgroundColor:\n    | \"pink\"\n    | \"lilac\"\n    | \"thistle\"\n    | \"sky\"\n    | \"slate\"\n    | \"teal\"\n    | \"red\"\n    | \"tan\"\n    | \"orange\";\n  rotation: number;\n  size: 300 | 400 | 700 | 800 | 900 | 1100;\n  text: string;\n}): ReactElement => {\n  return (\n    <Box\n      backgroundColor={backgroundColor}\n      dangerouslySetInlineStyle={{\n        __style: {\n          padding: paddings[size],\n          transform: `rotate(${rotation}deg)`,\n        },\n      }}\n      width=\"fit-content\"\n    >\n      <Typography size={size} weight=\"bold\" fontStyle=\"serif\">\n        {text}\n      </Typography>\n    </Box>\n  );\n};\n\ntype Direction = \"row\" | \"column\";\ntype WordConfettiProps = {\n  /**\n   * Test id for the confetti\n   */\n  \"data-testid\"?: string;\n  /**\n   * The direction to display the words.\n   * @defaultValue row\n   */\n  direction?: Direction;\n  /**\n   * The size of the font in the confetti.\n   */\n  size: 300 | 400 | 700 | 800 | 900 | 1100;\n  /**\n   * The theme for the background colors of the confetti.\n   */\n  theme: \"neutral\" | \"cool\" | \"warm\";\n  /**\n   * The words to display as confetti.\n   */\n  words: string[];\n};\n\n/**\n * [WordConfetti](https://cambly-syntax.vercel.app/?path=/docs/components-wordconfetti--docs) is a container for displaying words in different color themes and fun offset angles.\n */\nconst WordConfetti = forwardRef<HTMLDivElement, WordConfettiProps>(\n  function WordConfetti(props: WordConfettiProps, ref): JSX.Element {\n    const {\n      \"data-testid\": dataTestId,\n      direction = \"row\",\n      size,\n      theme,\n      words,\n    } = props;\n\n    const styledWords = useMemo(\n      () =>\n        words.map((word) => ({\n          text: word,\n          backgroundColor:\n            themeBackgroundColors[theme][Math.floor(Math.random() * 3)],\n          rotation: degreeOfTiltOptions[Math.floor(Math.random() * 9)],\n        })),\n      [theme, words],\n    );\n\n    return (\n      <Box\n        display=\"flex\"\n        direction={direction}\n        flexWrap=\"wrap\"\n        data-testid={dataTestId}\n        ref={ref}\n        gap={gaps[size]}\n      >\n        {styledWords.map(\n          ({ text, backgroundColor, rotation }, index): ReactNode => {\n            return (\n              <WordConfetto\n                key={`${text}+${index}`}\n                backgroundColor={backgroundColor}\n                rotation={rotation}\n                size={size}\n                text={text}\n              />\n            );\n          },\n        )}\n      </Box>\n    );\n  },\n);\n\nexport default WordConfetti;\n"]}

package/dist/colors/allColors.cjs

@@ -1,80 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-require('../__chunks/X2SDR4SD.cjs');
-
-// src/colors/allColors.ts
-var colors = [
-  "inherit",
-  "black",
-  "destructive100",
-  "destructive200",
-  "destructive300",
-  "destructive700",
-  "destructive800",
-  "destructive900",
-  "gray10",
-  "gray100",
-  "gray200",
-  "gray30",
-  "gray60",
-  "gray300",
-  "gray700",
-  "gray80",
-  "gray800",
-  "gray900",
-  "orange100",
-  "orange200",
-  "orange300",
-  "orange700",
-  "orange800",
-  "orange900",
-  "primary100",
-  "primary200",
-  "primary300",
-  "primary700",
-  "primary800",
-  "primary900",
-  "purple100",
-  "purple200",
-  "purple300",
-  "purple700",
-  "purple800",
-  "purple900",
-  "success100",
-  "success200",
-  "success300",
-  "success700",
-  "success800",
-  "success900",
-  "white",
-  "white40",
-  "white70",
-  "yellow100",
-  "yellow200",
-  "yellow300",
-  "yellow700",
-  "yellow800",
-  "yellow900",
-  // Cambio specific colors
-  "white40",
-  "white70",
-  "gray270",
-  "gray370",
-  "gray870",
-  "cream",
-  "lilac",
-  "navy",
-  "orange",
-  "pink",
-  "purple",
-  "red",
-  "sky",
-  "slate",
-  "tan",
-  "teal",
-  "thistle"
-];
-var allColors_default = colors;
-
-
-exports.default = allColors_default;
-//# sourceMappingURL=allColors.cjs.map