@cambly/syntax-core 19.0.0 → 19.1.1

package/dist/__chunks/{BIW5AZCF.js → KY2TFXG3.js}

@@ -9,9 +9,6 @@ import {
   internalIconSize,
   materialIconSize
 } from "./64WM4STC.js";
-import {
-  Box_default
-} from "./IB6JZQF3.js";
 import {
   foregroundColor
 } from "./JCQUY624.js";
@@ -21,6 +18,9 @@ import {
 import {
   backgroundColor
 } from "./YGON3SJ5.js";
+import {
+  Box_default
+} from "./IB6JZQF3.js";
 import {
   Typography_default
 } from "./DAK5IGJK.js";
@@ -146,4 +146,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=BIW5AZCF.js.map
+//# sourceMappingURL=KY2TFXG3.js.map

package/dist/__chunks/{ZZPX5ZUM.cjs → OMXDPTE4.cjs}

@@ -4,7 +4,7 @@
 var _6KSVCCCBcjs = require('./6KSVCCCB.cjs');
 
 
-var _RIAJV3ZHcjs = require('./RIAJV3ZH.cjs');
+var _BFEZ3PUTcjs = require('./BFEZ3PUT.cjs');
 
 
 var _A3B4YKGNcjs = require('./A3B4YKGN.cjs');
@@ -13,7 +13,7 @@ var _A3B4YKGNcjs = require('./A3B4YKGN.cjs');
 var _EHZAOGLQcjs = require('./EHZAOGLQ.cjs');
 
 
-var _FQSSK4FTcjs = require('./FQSSK4FT.cjs');
+var _66VTCVJAcjs = require('./66VTCVJA.cjs');
 
 
 var _URBKDUMUcjs = require('./URBKDUMU.cjs');
@@ -169,7 +169,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                 justifyContent: "end",
                 children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _6KSVCCCBcjs.ButtonGroup_default, { orientation: "horizontal", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _RIAJV3ZHcjs.Button_default,
+                    _BFEZ3PUTcjs.Button_default,
                     {
                       onClick: clearChanges,
                       color: "secondary",
@@ -179,7 +179,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                     }
                   ),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _RIAJV3ZHcjs.Button_default,
+                    _BFEZ3PUTcjs.Button_default,
                     {
                       onClick: saveChanges,
                       text: primaryButtonText,
@@ -200,7 +200,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
 var RichSelectBox_default = Object.assign(RichSelectBox, {
   Section: _EHZAOGLQcjs.RichSelectSection_default,
   Chip: _URBKDUMUcjs.RichSelectChip_default,
-  RadioButton: _FQSSK4FTcjs.RichSelectRadioButton_default
+  RadioButton: _66VTCVJAcjs.RichSelectRadioButton_default
 });
 
 
@@ -208,4 +208,4 @@ var RichSelectBox_default = Object.assign(RichSelectBox, {
 
 
 exports.convertSelection = convertSelection; exports.RichSelectBoxContext = RichSelectBoxContext; exports.RichSelectBox_default = RichSelectBox_default;
-//# sourceMappingURL=ZZPX5ZUM.cjs.map
+//# sourceMappingURL=OMXDPTE4.cjs.map

package/dist/__chunks/VWM2UOZ3.cjs

@@ -0,0 +1,104 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
+
+
+var _5NQO6SP3cjs = require('./5NQO6SP3.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, _5NQO6SP3cjs.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=VWM2UOZ3.cjs.map

package/dist/__chunks/VWM2UOZ3.cjs.map

@@ -0,0 +1 @@
+{"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/__chunks/{SN7NPTN4.cjs → YWOZ724L.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
+var _JVGX637Ecjs = require('./JVGX637E.cjs');
 
 
-var _RH52UDEBcjs = require('./RH52UDEB.cjs');
 
 
-var _XLUVINJWcjs = require('./XLUVINJW.cjs');
+var _C426MKXQcjs = require('./C426MKXQ.cjs');
 
 
-var _QODNNCT2cjs = require('./QODNNCT2.cjs');
+var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _JVGX637Ecjs = require('./JVGX637E.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
 var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
@@ -68,12 +68,12 @@ function SelectList({
   };
   const getArrowIconColor = () => {
     if (errorText) {
-      return _RH52UDEBcjs.ColorBaseDestructive700;
+      return _C426MKXQcjs.ColorBaseDestructive700;
     } else {
       if (color === "clear") {
-        return _RH52UDEBcjs.ColorCambioWhite100;
+        return _C426MKXQcjs.ColorCambioWhite100;
       } else {
-        return _RH52UDEBcjs.ColorBaseGray700;
+        return _C426MKXQcjs.ColorBaseGray700;
       }
     }
   };
@@ -148,4 +148,4 @@ SelectList.Option = _JVGX637Ecjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=SN7NPTN4.cjs.map
+//# sourceMappingURL=YWOZ724L.cjs.map

package/dist/__chunks/{U6TGYOG7.js → ZHU5A7BH.js}

@@ -4,7 +4,7 @@ import {
 } from "./36DG472B.js";
 import {
   Button_default
-} from "./BIW5AZCF.js";
+} from "./KY2TFXG3.js";
 import {
   Divider
 } from "./M4W3IFMV.js";
@@ -13,7 +13,7 @@ import {
 } from "./AHICHJTL.js";
 import {
   RichSelectRadioButton_default
-} from "./2D2PXUUQ.js";
+} from "./DWVTJZC6.js";
 import {
   RichSelectChip_default
 } from "./56LMASNQ.js";
@@ -208,4 +208,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=U6TGYOG7.js.map
+//# sourceMappingURL=ZHU5A7BH.js.map

package/dist/index.cjs

@@ -4,19 +4,19 @@
 var _GQUBAKFOcjs = require('./__chunks/GQUBAKFO.cjs');
 
 
-var _E3A6VFMBcjs = require('./__chunks/E3A6VFMB.cjs');
+var _GEXK47GRcjs = require('./__chunks/GEXK47GR.cjs');
 
 
-var _GEXK47GRcjs = require('./__chunks/GEXK47GR.cjs');
+var _AVJQ2E2Gcjs = require('./__chunks/AVJQ2E2G.cjs');
 
 
-var _IBT4YOI5cjs = require('./__chunks/IBT4YOI5.cjs');
+var _E3A6VFMBcjs = require('./__chunks/E3A6VFMB.cjs');
 
 
-var _OVHMMIVEcjs = require('./__chunks/OVHMMIVE.cjs');
+var _IBT4YOI5cjs = require('./__chunks/IBT4YOI5.cjs');
 
 
-var _AVJQ2E2Gcjs = require('./__chunks/AVJQ2E2G.cjs');
+var _OVHMMIVEcjs = require('./__chunks/OVHMMIVE.cjs');
 
 
 var _3Y6HGWJGcjs = require('./__chunks/3Y6HGWJG.cjs');
@@ -35,10 +35,11 @@ var _RUXLZWRZcjs = require('./__chunks/RUXLZWRZ.cjs');
 require('./__chunks/TH4TA3JN.cjs');
 
 
-var _SN7NPTN4cjs = require('./__chunks/SN7NPTN4.cjs');
+var _YWOZ724Lcjs = require('./__chunks/YWOZ724L.cjs');
+require('./__chunks/JVGX637E.cjs');
 
 
-var _HZ3SCLC7cjs = require('./__chunks/HZ3SCLC7.cjs');
+var _DUXX2PWDcjs = require('./__chunks/DUXX2PWD.cjs');
 
 
 var _B6775YJ4cjs = require('./__chunks/B6775YJ4.cjs');
@@ -48,14 +49,14 @@ require('./__chunks/3RX4RMGC.cjs');
 
 var _PZEDDYBZcjs = require('./__chunks/PZEDDYBZ.cjs');
 require('./__chunks/WFVGNGEP.cjs');
-require('./__chunks/RH52UDEB.cjs');
-require('./__chunks/ZZPX5ZUM.cjs');
+require('./__chunks/C426MKXQ.cjs');
+require('./__chunks/OMXDPTE4.cjs');
 
 
 var _6KSVCCCBcjs = require('./__chunks/6KSVCCCB.cjs');
 
 
-var _RIAJV3ZHcjs = require('./__chunks/RIAJV3ZH.cjs');
+var _BFEZ3PUTcjs = require('./__chunks/BFEZ3PUT.cjs');
 
 
 var _A3B4YKGNcjs = require('./__chunks/A3B4YKGN.cjs');
@@ -64,7 +65,11 @@ require('./__chunks/3P2PWHOU.cjs');
 require('./__chunks/65BTPZZT.cjs');
 require('./__chunks/EHZAOGLQ.cjs');
 require('./__chunks/MF7LLV7V.cjs');
-require('./__chunks/FQSSK4FT.cjs');
+require('./__chunks/66VTCVJA.cjs');
+
+
+var _4AI6GQ5Ucjs = require('./__chunks/4AI6GQ5U.cjs');
+require('./__chunks/XLUVINJW.cjs');
 require('./__chunks/URBKDUMU.cjs');
 
 
@@ -72,8 +77,7 @@ var _IHGDCH62cjs = require('./__chunks/IHGDCH62.cjs');
 require('./__chunks/RYUXG4AS.cjs');
 
 
-var _4AI6GQ5Ucjs = require('./__chunks/4AI6GQ5U.cjs');
-require('./__chunks/XLUVINJW.cjs');
+var _36JMUQOLcjs = require('./__chunks/36JMUQOL.cjs');
 
 
 var _5NI7VPKScjs = require('./__chunks/5NI7VPKS.cjs');
@@ -96,16 +100,18 @@ var _3UEOKPM2cjs = require('./__chunks/3UEOKPM2.cjs');
 require('./__chunks/7DGFMDT7.cjs');
 
 require('./__chunks/S4JNYLMA.cjs');
-
-
-var _QODNNCT2cjs = require('./__chunks/QODNNCT2.cjs');
-require('./__chunks/JVGX637E.cjs');
 require('./__chunks/RXQBNEFR.cjs');
 require('./__chunks/2D3DOVVZ.cjs');
 require('./__chunks/F3SUJGZL.cjs');
 require('./__chunks/UKQIAZA5.cjs');
 
 
+var _VWM2UOZ3cjs = require('./__chunks/VWM2UOZ3.cjs');
+
+
+var _QODNNCT2cjs = require('./__chunks/QODNNCT2.cjs');
+
+
 var _UXSGTOGUcjs = require('./__chunks/UXSGTOGU.cjs');
 require('./__chunks/PLUVW6AM.cjs');
 require('./__chunks/IL22HCBF.cjs');
@@ -118,9 +124,6 @@ var _5NQO6SP3cjs = require('./__chunks/5NQO6SP3.cjs');
 require('./__chunks/BDCZ5GX7.cjs');
 require('./__chunks/2XIVACBM.cjs');
 
-
-
-var _36JMUQOLcjs = require('./__chunks/36JMUQOL.cjs');
 require('./__chunks/K4AUV2VK.cjs');
 require('./__chunks/NOELZTQX.cjs');
 require('./__chunks/LLFHCGRA.cjs');
@@ -158,5 +161,6 @@ require('./__chunks/X2SDR4SD.cjs');
 
 
 
-exports.Avatar = _GQUBAKFOcjs.Avatar_default; exports.AvatarGroup = _GEXK47GRcjs.AvatarGroup; exports.Badge = _E3A6VFMBcjs.Badge_default; exports.Box = _QODNNCT2cjs.Box_default; exports.Button = _RIAJV3ZHcjs.Button_default; exports.ButtonGroup = _6KSVCCCBcjs.ButtonGroup_default; exports.Card = _AVJQ2E2Gcjs.Card_default; exports.Checkbox = _OVHMMIVEcjs.Checkbox_default; exports.Chip = _IHGDCH62cjs.Chip_default; exports.Divider = _A3B4YKGNcjs.Divider; exports.Heading = _CCKTB7L5cjs.Heading_default; exports.Icon = _IBT4YOI5cjs.Icon_default; exports.IconButton = _PZEDDYBZcjs.IconButton_default; exports.IconLinkButton = _RUXLZWRZcjs.IconLinkButton_default; exports.LinkButton = _JOTFTEBXcjs.LinkButton_default; exports.Modal = _3Y6HGWJGcjs.Modal; exports.Popover = _B6775YJ4cjs.Popover_default; exports.RadioButton = _4AI6GQ5Ucjs.RadioButton_default; exports.RichSelectList = _HZ3SCLC7cjs.RichSelectList_default; exports.SelectList = _SN7NPTN4cjs.SelectList; exports.TabButton = _ML36DCKLcjs.TabButton; exports.TabLink = _OBQBJKAYcjs.TabLink_default; exports.Tabs = _4QUXUGJPcjs.Tabs; exports.TapArea = _3UEOKPM2cjs.TapArea_default; exports.TextArea = _AUO7CEJIcjs.TextArea_default; exports.TextField = _5NI7VPKScjs.TextField; exports.ThemeProvider = _36JMUQOLcjs.ThemeProvider; exports.Tooltip = _UXSGTOGUcjs.Tooltip_default; exports.Typography = _5NQO6SP3cjs.Typography_default;
+
+exports.Avatar = _GQUBAKFOcjs.Avatar_default; exports.AvatarGroup = _GEXK47GRcjs.AvatarGroup; exports.Badge = _E3A6VFMBcjs.Badge_default; exports.Box = _QODNNCT2cjs.Box_default; exports.Button = _BFEZ3PUTcjs.Button_default; exports.ButtonGroup = _6KSVCCCBcjs.ButtonGroup_default; exports.Card = _AVJQ2E2Gcjs.Card_default; exports.Checkbox = _OVHMMIVEcjs.Checkbox_default; exports.Chip = _IHGDCH62cjs.Chip_default; exports.Divider = _A3B4YKGNcjs.Divider; exports.Heading = _CCKTB7L5cjs.Heading_default; exports.Icon = _IBT4YOI5cjs.Icon_default; exports.IconButton = _PZEDDYBZcjs.IconButton_default; exports.IconLinkButton = _RUXLZWRZcjs.IconLinkButton_default; exports.LinkButton = _JOTFTEBXcjs.LinkButton_default; exports.Modal = _3Y6HGWJGcjs.Modal; exports.Popover = _B6775YJ4cjs.Popover_default; exports.RadioButton = _4AI6GQ5Ucjs.RadioButton_default; exports.RichSelectList = _DUXX2PWDcjs.RichSelectList_default; exports.SelectList = _YWOZ724Lcjs.SelectList; exports.TabButton = _ML36DCKLcjs.TabButton; exports.TabLink = _OBQBJKAYcjs.TabLink_default; exports.Tabs = _4QUXUGJPcjs.Tabs; exports.TapArea = _3UEOKPM2cjs.TapArea_default; exports.TextArea = _AUO7CEJIcjs.TextArea_default; exports.TextField = _5NI7VPKScjs.TextField; exports.ThemeProvider = _36JMUQOLcjs.ThemeProvider; exports.Tooltip = _UXSGTOGUcjs.Tooltip_default; exports.Typography = _5NQO6SP3cjs.Typography_default; exports.WordConfetti = _VWM2UOZ3cjs.WordConfetti_default;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -27,6 +27,7 @@ export { default as TextField } from './TextField/TextField.js';
 export { default as ThemeProvider } from './ThemeProvider/ThemeProvider.js';
 export { default as Tooltip } from './Tooltip/Tooltip.js';
 export { default as Typography } from './Typography/Typography.js';
+export { default as WordConfetti } from './WordConfetti/WordConfetti.js';
 import 'react';
 import './colors/allColors.js';
 import './constants.js';

package/dist/index.js

@@ -2,21 +2,21 @@
 import {
   Avatar_default
 } from "./__chunks/GFROY577.js";
-import {
-  Badge_default
-} from "./__chunks/OYIKKE7V.js";
 import {
   AvatarGroup
 } from "./__chunks/FPROMKT3.js";
+import {
+  Card_default
+} from "./__chunks/7ZD4OEVD.js";
+import {
+  Badge_default
+} from "./__chunks/OYIKKE7V.js";
 import {
   Icon_default
 } from "./__chunks/WPQECZRJ.js";
 import {
   Checkbox_default
 } from "./__chunks/YMIQ7WYX.js";
-import {
-  Card_default
-} from "./__chunks/7ZD4OEVD.js";
 import {
   Modal
 } from "./__chunks/C2HJHJQW.js";
@@ -35,10 +35,11 @@ import {
 import "./__chunks/YLWWTB4I.js";
 import {
   SelectList
-} from "./__chunks/T3UI6LNR.js";
+} from "./__chunks/63HNNOTO.js";
+import "./__chunks/SPQ7DQHG.js";
 import {
   RichSelectList_default
-} from "./__chunks/NXOKB47G.js";
+} from "./__chunks/KUPZJPW5.js";
 import {
   Popover_default
 } from "./__chunks/TTCJEHHX.js";
@@ -48,14 +49,14 @@ import {
   IconButton_default
 } from "./__chunks/HVGNETJV.js";
 import "./__chunks/4U4UW4AK.js";
-import "./__chunks/5HWHJRVZ.js";
-import "./__chunks/U6TGYOG7.js";
+import "./__chunks/2P6R4FQ7.js";
+import "./__chunks/ZHU5A7BH.js";
 import {
   ButtonGroup_default
 } from "./__chunks/36DG472B.js";
 import {
   Button_default
-} from "./__chunks/BIW5AZCF.js";
+} from "./__chunks/KY2TFXG3.js";
 import {
   Divider
 } from "./__chunks/M4W3IFMV.js";
@@ -64,16 +65,19 @@ import "./__chunks/QSC7CAQA.js";
 import "./__chunks/64WM4STC.js";
 import "./__chunks/AHICHJTL.js";
 import "./__chunks/DDUJFFG7.js";
-import "./__chunks/2D2PXUUQ.js";
+import "./__chunks/DWVTJZC6.js";
+import {
+  RadioButton_default
+} from "./__chunks/4MHKTQMD.js";
+import "./__chunks/KKADUD65.js";
 import "./__chunks/56LMASNQ.js";
 import {
   Chip_default
 } from "./__chunks/5S7HZU4Z.js";
 import "./__chunks/ODMJANSX.js";
 import {
-  RadioButton_default
-} from "./__chunks/4MHKTQMD.js";
-import "./__chunks/KKADUD65.js";
+  ThemeProvider
+} from "./__chunks/KTX4P4Q2.js";
 import {
   TextField
 } from "./__chunks/4EVPNC6V.js";
@@ -96,14 +100,16 @@ import {
 import "./__chunks/VV2NJABK.js";
 import "./__chunks/4U4UW4AK.js";
 import "./__chunks/PBHAJ42K.js";
-import {
-  Box_default
-} from "./__chunks/IB6JZQF3.js";
-import "./__chunks/SPQ7DQHG.js";
 import "./__chunks/JCQUY624.js";
 import "./__chunks/AXXUPHFX.js";
 import "./__chunks/YGON3SJ5.js";
 import "./__chunks/M4CFLT64.js";
+import {
+  WordConfetti_default
+} from "./__chunks/KR6JQ2DS.js";
+import {
+  Box_default
+} from "./__chunks/IB6JZQF3.js";
 import {
   Tooltip_default
 } from "./__chunks/ZYPHFC2R.js";
@@ -118,9 +124,6 @@ import {
 import "./__chunks/VU4LGL2W.js";
 import "./__chunks/XSYKMCV5.js";
 import "./__chunks/4U4UW4AK.js";
-import {
-  ThemeProvider
-} from "./__chunks/KTX4P4Q2.js";
 import "./__chunks/JB65NEXK.js";
 import "./__chunks/BWPNF6RD.js";
 import "./__chunks/SVZOETLJ.js";
@@ -157,6 +160,7 @@ export {
   TextField,
   ThemeProvider,
   Tooltip_default as Tooltip,
-  Typography_default as Typography
+  Typography_default as Typography,
+  WordConfetti_default as WordConfetti
 };
 //# sourceMappingURL=index.js.map

package/package.json

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