@cambly/syntax-core 15.2.0 → 15.4.0

package/dist/__chunks/{IPQGCHQ7.cjs → 6SSJ3CDB.cjs}

@@ -1,37 +1,37 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
+var _LNLOBEMHcjs = require('./LNLOBEMH.cjs');
 
 
-var _EUBO6YEIcjs = require('./EUBO6YEI.cjs');
+var _J27AGJQBcjs = require('./J27AGJQB.cjs');
 
 
-var _GJVLYIGIcjs = require('./GJVLYIGI.cjs');
 
+var _YABPX4OUcjs = require('./YABPX4OU.cjs');
 
-var _ELEREGBWcjs = require('./ELEREGBW.cjs');
 
 
-var _76LTWV2Qcjs = require('./76LTWV2Q.cjs');
 
+var _5CSS7BNEcjs = require('./5CSS7BNE.cjs');
 
-var _3UEOKPM2cjs = require('./3UEOKPM2.cjs');
 
+var _J5NZ55OTcjs = require('./J5NZ55OT.cjs');
 
 
-var _TWMVLYWRcjs = require('./TWMVLYWR.cjs');
+var _P3W4SW6Rcjs = require('./P3W4SW6R.cjs');
 
 
-var _7BZZUMJMcjs = require('./7BZZUMJM.cjs');
+var _ZPV4YBFXcjs = require('./ZPV4YBFX.cjs');
 
 
-var _N7ZNFTV7cjs = require('./N7ZNFTV7.cjs');
+var _3UEOKPM2cjs = require('./3UEOKPM2.cjs');
 
 
-var _FESAFV44cjs = require('./FESAFV44.cjs');
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
-var _PJLDYIB6cjs = require('./PJLDYIB6.cjs');
+var _3BGIBVCRcjs = require('./3BGIBVCR.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -100,11 +100,11 @@ function RichSelectList(props) {
   const disabled = !isHydrated || disabledProp;
   const overlayHandlerRef = _react.useRef.call(void 0, {});
   const selectedKeysProp = _react.useMemo.call(void 0, 
-    () => _EUBO6YEIcjs.convertSelection.call(void 0, selectedValuesProp),
+    () => _5CSS7BNEcjs.convertSelection.call(void 0, selectedValuesProp),
     [selectedValuesProp]
   );
   const defaultSelectedKeys = _react.useMemo.call(void 0, 
-    () => _EUBO6YEIcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
+    () => _5CSS7BNEcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
     [defaultSelectedValuesProp]
   );
   const [selectedKeys, setSelectedKeys] = _utils.useControlledState.call(void 0, 
@@ -142,8 +142,8 @@ function RichSelectList(props) {
     _reactariacomponents.Provider,
     {
       values: [
-        [_EUBO6YEIcjs.RichSelectBoxContext, { autoFocus: true }],
-        [_76LTWV2Qcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
+        [_5CSS7BNEcjs.RichSelectBoxContext, { autoFocus: true }],
+        [_J27AGJQBcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
         // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided
       ],
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -166,23 +166,23 @@ function RichSelectList(props) {
                   (_a2 = fieldRef.current) == null ? void 0 : _a2.focus();
                   _interactions.setInteractionModality.call(void 0, "keyboard");
                 },
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PJLDYIB6cjs.Typography_default, { size: 100, color: "gray700", children: label }) })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3BGIBVCRcjs.Typography_default, { size: 100, color: "gray700", children: label }) })
               })
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _ELEREGBWcjs.Popover_default,
+              _LNLOBEMHcjs.Popover_default,
               {
                 ref: overlayHandlerRef,
                 disabled,
                 content: (
                   // this Box wrapper is to reapply the padding that was stripped from popover's dialog to show the sticky save/close buttons. Ideally this could be avoided
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _FESAFV44cjs.Box_default,
+                    _KJLBDAZHcjs.Box_default,
                     {
                       padding: autosave ? void 0 : 5,
                       dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _EUBO6YEIcjs.RichSelectBox_default,
+                        _5CSS7BNEcjs.RichSelectBox_default,
                         _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                           autosave,
                           selectedValues: selectedKeys,
@@ -231,7 +231,7 @@ function RichSelectList(props) {
                           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                             "path",
                             {
-                              fill: errorText ? _TWMVLYWRcjs.ColorBaseDestructive700 : _TWMVLYWRcjs.ColorBaseGray800,
+                              fill: errorText ? _YABPX4OUcjs.ColorBaseDestructive700 : _YABPX4OUcjs.ColorBaseGray800,
                               d: "M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z"
                             }
                           )
@@ -242,8 +242,8 @@ function RichSelectList(props) {
                 )
               }
             ),
-            (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _PJLDYIB6cjs.Typography_default,
+            (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _3BGIBVCRcjs.Typography_default,
               _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                 size: 100,
                 color: errorText ? "destructive-primary" : "gray700"
@@ -258,12 +258,12 @@ function RichSelectList(props) {
   );
 }
 var RichSelectList_default = Object.assign(RichSelectList, {
-  Section: _7BZZUMJMcjs.RichSelectSection_default,
-  Chip: _GJVLYIGIcjs.RichSelectChip_default,
-  RadioButton: _N7ZNFTV7cjs.RichSelectRadioButton_default
+  Section: _J5NZ55OTcjs.RichSelectSection_default,
+  Chip: _ZPV4YBFXcjs.RichSelectChip_default,
+  RadioButton: _P3W4SW6Rcjs.RichSelectRadioButton_default
 });
 
 
 
 exports.RichSelectList_default = RichSelectList_default;
-//# sourceMappingURL=IPQGCHQ7.cjs.map
+//# sourceMappingURL=6SSJ3CDB.cjs.map

package/dist/__chunks/{ASFZDRJJ.cjs → 7JET5NNK.cjs}

@@ -54,7 +54,9 @@ var variables_default = {
   "color-base-yellow-900": "#3b3009",
   "color-base-white": "#ffffff",
   "color-cambio-black": "#050500",
-  "color-cambio-white": "#ffffff",
+  "color-cambio-white-40": "rgba(255, 255, 255, 0.4)",
+  "color-cambio-white-70": "rgba(255, 255, 255, 0.7)",
+  "color-cambio-white-100": "#ffffff",
   "color-cambio-gray-100": "#faf4eb",
   "color-cambio-gray-200": "#e4dbd3",
   "color-cambio-gray-300": "#beb4ab",
@@ -158,7 +160,7 @@ var classicToCambioKeyLookup = {
   // Deprecated - to be deleted
   "color-base-yellow-900": void 0,
   // Deprecated - to be deleted
-  "color-base-white": "color-cambio-white"
+  "color-base-white": "color-cambio-white-100"
 };
 function stylesForTheme() {
   const tokenVariables = variables_default;
@@ -198,4 +200,4 @@ function ThemeProvider({
 
 
 exports.ThemeProvider = ThemeProvider;
-//# sourceMappingURL=ASFZDRJJ.cjs.map
+//# sourceMappingURL=7JET5NNK.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ThemeProvider/ThemeProvider.tsx","../../../syntax-design-tokens/dist/json/variables.json"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport variables from \"@cambly/syntax-design-tokens/dist/json/variables.json\";\n\nconst classicToCambioKeyLookup = {\n  \"color-base-black\": \"color-cambio-black\",\n  \"color-base-destructive-100\": \"color-cambio-destructive-100\",\n  \"color-base-destructive-200\": \"color-cambio-destructive-300\",\n  \"color-base-destructive-300\": \"color-cambio-destructive-300\",\n  \"color-base-destructive-700\": \"color-cambio-destructive-700\",\n  \"color-base-destructive-800\": \"color-cambio-destructive-900\",\n  \"color-base-destructive-900\": \"color-cambio-destructive-900\",\n  \"color-base-gray-10\": \"color-cambio-gray-370\",\n  \"color-base-gray-30\": \"color-cambio-gray-370\",\n  \"color-base-gray-60\": \"color-cambio-gray-870\",\n  \"color-base-gray-80\": \"color-cambio-gray-870\",\n  \"color-base-gray-100\": \"color-cambio-gray-100\",\n  \"color-base-gray-200\": \"color-cambio-gray-200\",\n  \"color-base-gray-300\": \"color-cambio-gray-300\",\n  \"color-base-gray-700\": \"color-cambio-gray-700\",\n  \"color-base-gray-800\": \"color-cambio-gray-800\",\n  \"color-base-gray-900\": \"color-cambio-gray-900\",\n  \"color-base-orange-100\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-200\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-300\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-700\": \"color-cambio-orange\",\n  \"color-base-orange-800\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-900\": undefined, // Deprecated - to be deleted\n  \"color-base-primary-100\": \"color-cambio-gray-100\",\n  \"color-base-primary-200\": \"color-cambio-gray-200\",\n  \"color-base-primary-300\": \"color-cambio-gray-300\",\n  \"color-base-primary-700\": \"color-cambio-gray-700\",\n  \"color-base-primary-800\": \"color-cambio-gray-800\",\n  \"color-base-primary-900\": \"color-cambio-gray-900\",\n  \"color-base-success-100\": \"color-cambio-success-100\",\n  \"color-base-success-200\": \"color-cambio-success-300\",\n  \"color-base-success-300\": \"color-cambio-success-300\",\n  \"color-base-success-700\": \"color-cambio-success-700\",\n  \"color-base-success-800\": \"color-cambio-success-900\",\n  \"color-base-success-900\": \"color-cambio-success-900\",\n  \"color-base-purple-100\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-200\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-300\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-700\": \"color-cambio-purple\",\n  \"color-base-purple-800\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-900\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-100\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-200\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-300\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-700\": \"color-cambio-yellow-700\",\n  \"color-base-yellow-800\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-900\": undefined, // Deprecated - to be deleted\n  \"color-base-white\": \"color-cambio-white-100\",\n};\n\nfunction stylesForTheme() {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const tokenVariables: Record<string, string> = variables;\n  return `\n    :root {\n      ${Object.entries(tokenVariables)\n        .map(([key, value]) => {\n          // Replace classic values with cambio ones if they exist\n          if (\n            classicToCambioKeyLookup[\n              key as keyof typeof classicToCambioKeyLookup\n            ]\n          ) {\n            return [\n              key,\n              tokenVariables[\n                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                classicToCambioKeyLookup[\n                  key as keyof typeof classicToCambioKeyLookup\n                ]!\n              ],\n            ];\n          }\n          return [key, value];\n        })\n        .map(([key, value]) => (key && value ? `--${key}: ${value};` : null))\n        .filter(Boolean)\n        .join(\"\\n\")}\n    }\n  `;\n}\n\nexport default function ThemeProvider({\n  children,\n}: {\n  children?: React.ReactNode;\n}): React.ReactElement {\n  const innerStyles = useMemo(() => stylesForTheme(), []);\n\n  return (\n    <>\n      <style\n        dangerouslySetInnerHTML={{ __html: innerStyles }}\n        data-testid=\"themeprovider-style\"\n      ></style>\n      {children}\n    </>\n  );\n}\n","{\n  \"color-base-black\": \"#000000\",\n  \"color-base-destructive-100\": \"#fef3f5\",\n  \"color-base-destructive-200\": \"#fad6de\",\n  \"color-base-destructive-300\": \"#f2a2b2\",\n  \"color-base-destructive-700\": \"#d32a4b\",\n  \"color-base-destructive-800\": \"#81162c\",\n  \"color-base-destructive-900\": \"#55101d\",\n  \"color-base-gray-10\": \"rgba(203, 203, 203, 0.5)\",\n  \"color-base-gray-30\": \"rgba(0, 0, 0, 0.3)\",\n  \"color-base-gray-60\": \"rgba(0, 0, 0, 0.6)\",\n  \"color-base-gray-80\": \"rgba(0, 0, 0, 0.8)\",\n  \"color-base-gray-100\": \"#f7f7f7\",\n  \"color-base-gray-200\": \"#f0f0f0\",\n  \"color-base-gray-300\": \"#d0d0d0\",\n  \"color-base-gray-700\": \"#767676\",\n  \"color-base-gray-800\": \"#353535\",\n  \"color-base-gray-900\": \"#191919\",\n  \"color-base-orange-100\": \"#fdf2f0\",\n  \"color-base-orange-200\": \"#f6cdc4\",\n  \"color-base-orange-300\": \"#ec9987\",\n  \"color-base-orange-700\": \"#c34124\",\n  \"color-base-orange-800\": \"#732818\",\n  \"color-base-orange-900\": \"#4d1a10\",\n  \"color-base-primary-100\": \"#eff6fa\",\n  \"color-base-primary-200\": \"#c1dbe7\",\n  \"color-base-primary-300\": \"#84b7d0\",\n  \"color-base-primary-700\": \"#236482\",\n  \"color-base-primary-800\": \"#274858\",\n  \"color-base-primary-900\": \"#1b303b\",\n  \"color-base-success-100\": \"#eff7f1\",\n  \"color-base-success-200\": \"#bddcc6\",\n  \"color-base-success-300\": \"#81ba92\",\n  \"color-base-success-700\": \"#397b4d\",\n  \"color-base-success-800\": \"#2d4936\",\n  \"color-base-success-900\": \"#1e3124\",\n  \"color-base-purple-100\": \"#f9f5fa\",\n  \"color-base-purple-200\": \"#e8dceb\",\n  \"color-base-purple-300\": \"#cdb4d3\",\n  \"color-base-purple-700\": \"#8b5f95\",\n  \"color-base-purple-800\": \"#523b58\",\n  \"color-base-purple-900\": \"#37273b\",\n  \"color-base-yellow-100\": \"#fdf5d9\",\n  \"color-base-yellow-200\": \"#fbe8a3\",\n  \"color-base-yellow-300\": \"#f8d663\",\n  \"color-base-yellow-700\": \"#ffc929\",\n  \"color-base-yellow-800\": \"#765f1c\",\n  \"color-base-yellow-900\": \"#3b3009\",\n  \"color-base-white\": \"#ffffff\",\n  \"color-cambio-black\": \"#050500\",\n  \"color-cambio-white-40\": \"rgba(255, 255, 255, 0.4)\",\n  \"color-cambio-white-70\": \"rgba(255, 255, 255, 0.7)\",\n  \"color-cambio-white-100\": \"#ffffff\",\n  \"color-cambio-gray-100\": \"#faf4eb\",\n  \"color-cambio-gray-200\": \"#e4dbd3\",\n  \"color-cambio-gray-300\": \"#beb4ab\",\n  \"color-cambio-gray-370\": \"rgba(190, 180, 171, 0.7)\",\n  \"color-cambio-gray-700\": \"#888077\",\n  \"color-cambio-gray-800\": \"#5c554d\",\n  \"color-cambio-gray-870\": \"rgba(92, 85, 77, 0.7)\",\n  \"color-cambio-gray-900\": \"#312b23\",\n  \"color-cambio-destructive-100\": \"#ffdeda\",\n  \"color-cambio-destructive-300\": \"#ff8071\",\n  \"color-cambio-destructive-370\": \"rgba(255, 128, 113, 0.7)\",\n  \"color-cambio-destructive-700\": \"#c93f32\",\n  \"color-cambio-destructive-770\": \"rgba(201, 63, 50, 0.7)\",\n  \"color-cambio-destructive-900\": \"#6d0002\",\n  \"color-cambio-success-100\": \"#daf2c8\",\n  \"color-cambio-success-300\": \"#84ce64\",\n  \"color-cambio-success-370\": \"rgba(132, 206, 100, 0.7)\",\n  \"color-cambio-success-700\": \"#3c7f20\",\n  \"color-cambio-success-770\": \"rgba(60, 127, 32, 0.7)\",\n  \"color-cambio-success-900\": \"#103e00\",\n  \"color-cambio-red\": \"#f56e56\",\n  \"color-cambio-orange\": \"#ff8f57\",\n  \"color-cambio-tan\": \"#ffb47d\",\n  \"color-cambio-cream\": \"#fffad1\",\n  \"color-cambio-purple\": \"#6840a8\",\n  \"color-cambio-lilac\": \"#b59ef0\",\n  \"color-cambio-thistle\": \"#d69ca4\",\n  \"color-cambio-pink\": \"#ffccea\",\n  \"color-cambio-navy\": \"#191142\",\n  \"color-cambio-teal\": \"#44a6cf\",\n  \"color-cambio-slate\": \"#7c9fc6\",\n  \"color-cambio-sky\": \"#b1e8fc\",\n  \"color-cambio-yellow-700\": \"#ffe733\",\n  \"color-cambio-transparent-full\": \"rgba(0, 0, 0, 0)\",\n  \"elevation-400\": \"0px 16px 32px 0px #00000040\",\n  \"syntax-font-sans-serif\": \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\"\n}\n"]}

package/dist/__chunks/AOBL3JUX.cjs

@@ -0,0 +1,67 @@
+"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 _JVGBP6LOcjs = require('./JVGBP6LO.cjs');
+
+
+var _NFSZQICFcjs = require('./NFSZQICF.cjs');
+
+
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
+
+// src/Tabs/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
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      role: "tab",
+      className: _classnames2.default.call(void 0, {
+        [_JVGBP6LOcjs.Tabs_module_default.unselectedTab]: !selected,
+        [_JVGBP6LOcjs.Tabs_module_default.selectedTabOnLightBackground]: selected && on === "lightBackground",
+        [_JVGBP6LOcjs.Tabs_module_default.selectedTabOnDarkBackground]: selected && on === "darkBackground"
+      }),
+      style: {
+        height: "100%"
+      },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.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, 
+            _NFSZQICFcjs.TabInternal,
+            {
+              text,
+              selected,
+              endContent,
+              itemCount,
+              on
+            }
+          )
+        }
+      ) })
+    }
+  );
+}
+
+
+
+exports.TabButton = TabButton;
+//# sourceMappingURL=AOBL3JUX.cjs.map

package/dist/__chunks/AOBL3JUX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/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;AACF,GAaiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,WAAW;AAAA,QACpB,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 \"./TabInternal\";\nimport styles from \"./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,\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({\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/{NMX5UDLV.js → BQYW6G4G.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./M36V23WR.js";
+} from "./65PMWIHY.js";
 
 // src/Modal/Layer.tsx
 import { createPortal } from "react-dom";
@@ -29,4 +29,4 @@ function Layer({
 export {
   Layer
 };
-//# sourceMappingURL=NMX5UDLV.js.map
+//# sourceMappingURL=BQYW6G4G.js.map

package/dist/__chunks/{ONZHIMUG.js → BS5FRXYG.js}

@@ -4,7 +4,7 @@ import {
 } from "./ODMJANSX.js";
 import {
   RadioButton_default
-} from "./2BA4KWES.js";
+} from "./FAOJSMYY.js";
 import {
   __objRest,
   __spreadProps,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=ONZHIMUG.js.map
+//# sourceMappingURL=BS5FRXYG.js.map

package/dist/__chunks/CB66GOW7.js

@@ -0,0 +1,101 @@
+"use client"
+import {
+  Box_default
+} from "./65PMWIHY.js";
+import {
+  Typography_default
+} from "./UXDF6ZIG.js";
+import {
+  colors_module_default
+} from "./XVUEUKXA.js";
+
+// src/Tabs/TabInternal.tsx
+import classnames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ItemCountIcon = ({
+  itemCount,
+  on,
+  selected
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classnames({
+        [colors_module_default.cambioWhiteBackgroundColor]: on === "darkBackground" && selected,
+        [colors_module_default.cambioWhite70BackgroundColor]: on === "darkBackground" && !selected,
+        [colors_module_default.cambioBlackBackgroundColor]: on === "lightBackground" && selected,
+        [colors_module_default.cambioGray700BackgroundColor]: on === "lightBackground" && !selected
+      }),
+      style: {
+        width: "100%",
+        height: "100%",
+        borderRadius: 999
+      },
+      children: /* @__PURE__ */ jsx(
+        Box_default,
+        {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          rounding: "full",
+          padding: 1,
+          children: /* @__PURE__ */ jsx(
+            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__ */ jsxs(
+    Box_default,
+    {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "start",
+      gap: 2,
+      paddingY: 2,
+      children: [
+        /* @__PURE__ */ jsx(
+          Typography_default,
+          {
+            size: 0,
+            transform: "uppercase",
+            weight: "semiBold",
+            color: textColor({ selected, on }),
+            children: text
+          }
+        ),
+        itemCount == null && endContent,
+        itemCount != null && /* @__PURE__ */ jsx(ItemCountIcon, { itemCount, on, selected })
+      ]
+    }
+  );
+}
+
+export {
+  TabInternal
+};
+//# sourceMappingURL=CB66GOW7.js.map

package/dist/__chunks/CB66GOW7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/TabInternal.tsx"],"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      paddingY={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"],"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,UAAU;AAAA,MAEV;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;","names":[]}

package/dist/__chunks/{SZMHZR3B.cjs → CDU5TH7Y.cjs}

@@ -4,10 +4,10 @@
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _PJLDYIB6cjs = require('./PJLDYIB6.cjs');
+var _3BGIBVCRcjs = require('./3BGIBVCR.cjs');
 
 
-var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
+var _SVA2ABQQcjs = require('./SVA2ABQQ.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -66,7 +66,7 @@ var Checkbox = ({
               {
                 [_XLUVINJWcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
               },
-              error ? _QT6IRCGWcjs.colors_module_default.cambioDestructive370BackgroundColor : _QT6IRCGWcjs.colors_module_default.cambioGray370BackgroundColor
+              error ? _SVA2ABQQcjs.colors_module_default.cambioDestructive370BackgroundColor : _SVA2ABQQcjs.colors_module_default.cambioGray370BackgroundColor
             ),
             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",
@@ -100,7 +100,7 @@ var Checkbox = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _PJLDYIB6cjs.Typography_default,
+          _3BGIBVCRcjs.Typography_default,
           {
             size: typographySize[size],
             color: error ? "destructive-primary" : "gray900",
@@ -116,4 +116,4 @@ var Checkbox_default = Checkbox;
 
 
 exports.Checkbox_default = Checkbox_default;
-//# sourceMappingURL=SZMHZR3B.cjs.map
+//# sourceMappingURL=CDU5TH7Y.cjs.map

package/dist/__chunks/{AHQ7E5DV.js → DQYOOTXB.js}

@@ -1,37 +1,37 @@
 "use client"
-import {
-  RichSelectBoxContext,
-  RichSelectBox_default,
-  convertSelection
-} from "./OTGGVIQE.js";
-import {
-  RichSelectChip_default
-} from "./L5CT6YRH.js";
 import {
   Popover_default
-} from "./Y67FDYEF.js";
+} from "./ZYWRMB4F.js";
 import {
   DialogContext
-} from "./TZGJS522.js";
-import {
-  TapArea_default
-} from "./77FFPQY6.js";
+} from "./5HEC7ASW.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./EUM53NAR.js";
+} from "./Z6GHCMWB.js";
+import {
+  RichSelectBoxContext,
+  RichSelectBox_default,
+  convertSelection
+} from "./5RXHG6S5.js";
 import {
   RichSelectSection_default
-} from "./YI35INQ7.js";
+} from "./RE6LUYXB.js";
 import {
   RichSelectRadioButton_default
-} from "./ONZHIMUG.js";
+} from "./BS5FRXYG.js";
+import {
+  RichSelectChip_default
+} from "./DRQYQTCA.js";
+import {
+  TapArea_default
+} from "./77FFPQY6.js";
 import {
   Box_default
-} from "./M36V23WR.js";
+} from "./65PMWIHY.js";
 import {
   Typography_default
-} from "./JRDHZ3QL.js";
+} from "./UXDF6ZIG.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -266,4 +266,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=AHQ7E5DV.js.map
+//# sourceMappingURL=DQYOOTXB.js.map

package/dist/__chunks/{L5CT6YRH.js → DRQYQTCA.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Chip_default
-} from "./E7IFJPHC.js";
+} from "./NKGOCFTT.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
 export {
   RichSelectChip_default
 };
-//# sourceMappingURL=L5CT6YRH.js.map
+//# sourceMappingURL=DRQYQTCA.js.map

package/dist/__chunks/{2BA4KWES.js → FAOJSMYY.js}

@@ -4,13 +4,13 @@ import {
 } from "./KKADUD65.js";
 import {
   Box_default
-} from "./M36V23WR.js";
+} from "./65PMWIHY.js";
 import {
   Typography_default
-} from "./JRDHZ3QL.js";
+} from "./UXDF6ZIG.js";
 import {
   colors_module_default
-} from "./S6TNP7G5.js";
+} from "./XVUEUKXA.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -129,4 +129,4 @@ var RadioButton_default = RadioButton;
 export {
   RadioButton_default
 };
-//# sourceMappingURL=2BA4KWES.js.map
+//# sourceMappingURL=FAOJSMYY.js.map

package/dist/__chunks/{535SBVS5.js → FGXU5UXA.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./M36V23WR.js";
+} from "./65PMWIHY.js";
 
 // src/Card/Card.tsx
 import { jsx } from "react/jsx-runtime";
@@ -27,4 +27,4 @@ function Card({
 export {
   Card
 };
-//# sourceMappingURL=535SBVS5.js.map
+//# sourceMappingURL=FGXU5UXA.js.map

package/dist/__chunks/{ECA33JJ5.js → FMNQCHIR.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./PUTZ53EC.js";
+} from "./ZF5TOGMY.js";
 
 // src/colors/border.ts
 import classNames from "classnames";
@@ -34,4 +34,4 @@ function border(color, on) {
 export {
   border
 };
-//# sourceMappingURL=ECA33JJ5.js.map
+//# sourceMappingURL=FMNQCHIR.js.map

package/dist/__chunks/{EZUXET6V.cjs → G3SXARBL.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _FESAFV44cjs = require('./FESAFV44.cjs');
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 // src/Modal/Layer.tsx
 var _reactdom = require('react-dom');
@@ -12,7 +12,7 @@ function Layer({
 }) {
   return typeof document !== "undefined" ? _reactdom.createPortal.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _FESAFV44cjs.Box_default,
+      _KJLBDAZHcjs.Box_default,
       {
         "data-testid": "syntax-layer",
         position: "fixed",
@@ -29,4 +29,4 @@ function Layer({
 
 
 exports.Layer = Layer;
-//# sourceMappingURL=EZUXET6V.cjs.map
+//# sourceMappingURL=G3SXARBL.cjs.map

package/dist/__chunks/{D5AQ3PGB.cjs → G63LXNMK.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _FESAFV44cjs = require('./FESAFV44.cjs');
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 // src/Card/Card.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -12,7 +12,7 @@ function Card({
   "data-testid": dataTestId
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _FESAFV44cjs.Box_default,
+    _KJLBDAZHcjs.Box_default,
     {
       rounding: "md",
       padding: size === "compact" ? 2 : 4,
@@ -27,4 +27,4 @@ function Card({
 
 
 exports.Card = Card;
-//# sourceMappingURL=D5AQ3PGB.cjs.map
+//# sourceMappingURL=G63LXNMK.cjs.map