@cambly/syntax-core 20.7.0 → 21.1.0

package/dist/__chunks/36JMUQOL.cjs

@@ -1,205 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// src/ThemeProvider/ThemeProvider.tsx
-var _react = require('react');
-
-// ../syntax-design-tokens/dist/json/variables.json
-var variables_default = {
-  "color-base-black": "#000000",
-  "color-base-destructive-100": "#fef3f5",
-  "color-base-destructive-200": "#fad6de",
-  "color-base-destructive-300": "#f2a2b2",
-  "color-base-destructive-700": "#d32a4b",
-  "color-base-destructive-800": "#81162c",
-  "color-base-destructive-900": "#55101d",
-  "color-base-gray-10": "rgba(203, 203, 203, 0.5)",
-  "color-base-gray-30": "rgba(0, 0, 0, 0.3)",
-  "color-base-gray-60": "rgba(0, 0, 0, 0.6)",
-  "color-base-gray-80": "rgba(0, 0, 0, 0.8)",
-  "color-base-gray-100": "#f7f7f7",
-  "color-base-gray-200": "#f0f0f0",
-  "color-base-gray-300": "#d0d0d0",
-  "color-base-gray-700": "#767676",
-  "color-base-gray-800": "#353535",
-  "color-base-gray-900": "#191919",
-  "color-base-orange-100": "#fdf2f0",
-  "color-base-orange-200": "#f6cdc4",
-  "color-base-orange-300": "#ec9987",
-  "color-base-orange-700": "#c34124",
-  "color-base-orange-800": "#732818",
-  "color-base-orange-900": "#4d1a10",
-  "color-base-primary-100": "#eff6fa",
-  "color-base-primary-200": "#c1dbe7",
-  "color-base-primary-300": "#84b7d0",
-  "color-base-primary-700": "#236482",
-  "color-base-primary-800": "#274858",
-  "color-base-primary-900": "#1b303b",
-  "color-base-success-100": "#eff7f1",
-  "color-base-success-200": "#bddcc6",
-  "color-base-success-300": "#81ba92",
-  "color-base-success-700": "#397b4d",
-  "color-base-success-800": "#2d4936",
-  "color-base-success-900": "#1e3124",
-  "color-base-purple-100": "#f9f5fa",
-  "color-base-purple-200": "#e8dceb",
-  "color-base-purple-300": "#cdb4d3",
-  "color-base-purple-700": "#8b5f95",
-  "color-base-purple-800": "#523b58",
-  "color-base-purple-900": "#37273b",
-  "color-base-yellow-100": "#fdf5d9",
-  "color-base-yellow-200": "#fbe8a3",
-  "color-base-yellow-300": "#f8d663",
-  "color-base-yellow-700": "#ffc929",
-  "color-base-yellow-800": "#765f1c",
-  "color-base-yellow-900": "#3b3009",
-  "color-base-white": "#ffffff",
-  "color-cambio-black": "#050500",
-  "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-270": "rgba(228, 219, 211, 0.7)",
-  "color-cambio-gray-300": "#beb4ab",
-  "color-cambio-gray-370": "rgba(190, 180, 171, 0.7)",
-  "color-cambio-gray-700": "#5e5952",
-  "color-cambio-gray-800": "#363432",
-  "color-cambio-gray-870": "rgba(94, 89, 82, 0.7)",
-  "color-cambio-gray-900": "#262625",
-  "color-cambio-destructive-100": "#ffdeda",
-  "color-cambio-destructive-300": "#ff8071",
-  "color-cambio-destructive-370": "rgba(255, 128, 113, 0.7)",
-  "color-cambio-destructive-700": "#c93f32",
-  "color-cambio-destructive-770": "rgba(201, 63, 50, 0.7)",
-  "color-cambio-destructive-900": "#6d0002",
-  "color-cambio-success-100": "#daf2c8",
-  "color-cambio-success-300": "#84ce64",
-  "color-cambio-success-370": "rgba(132, 206, 100, 0.7)",
-  "color-cambio-success-700": "#3c7f20",
-  "color-cambio-success-770": "rgba(60, 127, 32, 0.7)",
-  "color-cambio-success-900": "#103e00",
-  "color-cambio-red": "#f56e56",
-  "color-cambio-orange": "#ff8f57",
-  "color-cambio-tan": "#ffb47d",
-  "color-cambio-cream": "#fffad1",
-  "color-cambio-purple": "#6840a8",
-  "color-cambio-lilac": "#b59ef0",
-  "color-cambio-thistle": "#d69ca4",
-  "color-cambio-pink": "#ffccea",
-  "color-cambio-navy": "#191142",
-  "color-cambio-teal": "#44a6cf",
-  "color-cambio-slate": "#7c9fc6",
-  "color-cambio-sky": "#b1e8fc",
-  "color-cambio-yellow-700": "#ffe733",
-  "color-cambio-transparent-full": "rgba(0, 0, 0, 0)",
-  "elevation-400": "0px 16px 32px 0px #00000040",
-  "syntax-font-sans-serif": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
-  "shadow-interactive": "0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)"
-};
-
-// src/ThemeProvider/ThemeProvider.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var classicToCambioKeyLookup = {
-  "color-base-black": "color-cambio-black",
-  "color-base-destructive-100": "color-cambio-destructive-100",
-  "color-base-destructive-200": "color-cambio-destructive-300",
-  "color-base-destructive-300": "color-cambio-destructive-300",
-  "color-base-destructive-700": "color-cambio-destructive-700",
-  "color-base-destructive-800": "color-cambio-destructive-900",
-  "color-base-destructive-900": "color-cambio-destructive-900",
-  "color-base-gray-10": "color-cambio-gray-370",
-  "color-base-gray-30": "color-cambio-gray-370",
-  "color-base-gray-60": "color-cambio-gray-870",
-  "color-base-gray-80": "color-cambio-gray-870",
-  "color-base-gray-100": "color-cambio-gray-100",
-  "color-base-gray-200": "color-cambio-gray-200",
-  "color-base-gray-300": "color-cambio-gray-300",
-  "color-base-gray-700": "color-cambio-gray-700",
-  "color-base-gray-800": "color-cambio-gray-800",
-  "color-base-gray-900": "color-cambio-gray-900",
-  "color-base-orange-100": void 0,
-  // Deprecated - to be deleted
-  "color-base-orange-200": void 0,
-  // Deprecated - to be deleted
-  "color-base-orange-300": void 0,
-  // Deprecated - to be deleted
-  "color-base-orange-700": "color-cambio-orange",
-  "color-base-orange-800": void 0,
-  // Deprecated - to be deleted
-  "color-base-orange-900": void 0,
-  // Deprecated - to be deleted
-  "color-base-primary-100": "color-cambio-gray-100",
-  "color-base-primary-200": "color-cambio-gray-200",
-  "color-base-primary-300": "color-cambio-gray-300",
-  "color-base-primary-700": "color-cambio-gray-700",
-  "color-base-primary-800": "color-cambio-gray-800",
-  "color-base-primary-900": "color-cambio-gray-900",
-  "color-base-success-100": "color-cambio-success-100",
-  "color-base-success-200": "color-cambio-success-300",
-  "color-base-success-300": "color-cambio-success-300",
-  "color-base-success-700": "color-cambio-success-700",
-  "color-base-success-800": "color-cambio-success-900",
-  "color-base-success-900": "color-cambio-success-900",
-  "color-base-purple-100": void 0,
-  // Deprecated - to be deleted
-  "color-base-purple-200": void 0,
-  // Deprecated - to be deleted
-  "color-base-purple-300": void 0,
-  // Deprecated - to be deleted
-  "color-base-purple-700": "color-cambio-purple",
-  "color-base-purple-800": void 0,
-  // Deprecated - to be deleted
-  "color-base-purple-900": void 0,
-  // Deprecated - to be deleted
-  "color-base-yellow-100": void 0,
-  // Deprecated - to be deleted
-  "color-base-yellow-200": void 0,
-  // Deprecated - to be deleted
-  "color-base-yellow-300": void 0,
-  // Deprecated - to be deleted
-  "color-base-yellow-700": "color-cambio-yellow-700",
-  "color-base-yellow-800": void 0,
-  // Deprecated - to be deleted
-  "color-base-yellow-900": void 0,
-  // Deprecated - to be deleted
-  "color-base-white": "color-cambio-white-100"
-};
-function stylesForTheme() {
-  const tokenVariables = variables_default;
-  return `
-    :root {
-      ${Object.entries(tokenVariables).map(([key, value]) => {
-    if (classicToCambioKeyLookup[key]) {
-      return [
-        key,
-        tokenVariables[
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          classicToCambioKeyLookup[key]
-        ]
-      ];
-    }
-    return [key, value];
-  }).map(([key, value]) => key && value ? `--${key}: ${value};` : null).filter(Boolean).join("\n")}
-    }
-  `;
-}
-function ThemeProvider({
-  children
-}) {
-  const innerStyles = _react.useMemo.call(void 0, () => stylesForTheme(), []);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "style",
-      {
-        dangerouslySetInnerHTML: { __html: innerStyles },
-        "data-testid": "themeprovider-style"
-      }
-    ),
-    children
-  ] });
-}
-
-
-
-exports.ThemeProvider = ThemeProvider;
-//# sourceMappingURL=36JMUQOL.cjs.map

package/dist/__chunks/36JMUQOL.cjs.map

@@ -1 +0,0 @@
-{"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-270\": \"rgba(228, 219, 211, 0.7)\",\n  \"color-cambio-gray-300\": \"#beb4ab\",\n  \"color-cambio-gray-370\": \"rgba(190, 180, 171, 0.7)\",\n  \"color-cambio-gray-700\": \"#5e5952\",\n  \"color-cambio-gray-800\": \"#363432\",\n  \"color-cambio-gray-870\": \"rgba(94, 89, 82, 0.7)\",\n  \"color-cambio-gray-900\": \"#262625\",\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  \"shadow-interactive\": \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\"\n}\n"]}

package/dist/__chunks/3P2PWHOU.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-
-// src/Button/constants/loadingIconSize.ts
-var loadingIconSize = {
-  sm: 16,
-  md: 20,
-  lg: 24
-};
-var loadingIconSize_default = loadingIconSize;
-
-
-
-exports.loadingIconSize_default = loadingIconSize_default;
-//# sourceMappingURL=3P2PWHOU.cjs.map

package/dist/__chunks/3P2PWHOU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Button/constants/loadingIconSize.ts"],"names":[],"mappings":";;;AAAA,IAAM,kBAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAO,0BAAQ","sourcesContent":["const loadingIconSize = {\n  sm: 16,\n  md: 20,\n  lg: 24,\n};\n\nexport default loadingIconSize;\n"]}

package/dist/__chunks/3UEOKPM2.cjs

@@ -1,136 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
-
-
-var _CHDS4D44cjs = require('./CHDS4D44.cjs');
-
-
-var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
-
-
-
-
-var _X2SDR4SDcjs = require('./X2SDR4SD.cjs');
-
-// src/TapArea/TapArea.tsx
-
-
-
-var _react = require('react');
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// css-module:./TapArea.module.css#css-module
-var TapArea_module_default = { "tapArea": "_tapArea_g6gkz_1", "fullWidth": "_fullWidth_g6gkz_5", "disabled": "_disabled_g6gkz_9", "enabled": "_enabled_g6gkz_16", "overlay": "_overlay_g6gkz_29", "hoveredOrFocussed": "_hoveredOrFocussed_g6gkz_39" };
-
-// src/TapArea/TapArea.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function reducer(state, action) {
-  switch (action.type) {
-    case "BLUR":
-      return _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, state), { focussed: false });
-    case "FOCUS":
-      return _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, state), { focussed: true });
-    case "MOUSE_ENTER":
-      return _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, state), { hovered: true });
-    case "MOUSE_LEAVE":
-      return _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, state), { hovered: false });
-    default:
-      return state;
-  }
-}
-var TapArea = _react.forwardRef.call(void 0, 
-  (_a, ref) => {
-    var _b = _a, {
-      children,
-      accessibilityLabel,
-      "data-testid": dataTestId,
-      disabled: disabledProp = false,
-      fullWidth = true,
-      onClick,
-      onMouseEnter,
-      onMouseLeave,
-      rounding = "none",
-      tabIndex = 0
-    } = _b, accessibilityProps = _X2SDR4SDcjs.__objRest.call(void 0, _b, [
-      "children",
-      "accessibilityLabel",
-      "data-testid",
-      "disabled",
-      "fullWidth",
-      "onClick",
-      "onMouseEnter",
-      "onMouseLeave",
-      "rounding",
-      "tabIndex"
-    ]);
-    const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const disabled = !isHydrated || disabledProp;
-    const [{ hovered, focussed }, dispatch] = _react.useReducer.call(void 0, reducer, {
-      hovered: false,
-      focussed: false
-    });
-    const handleClick = (event) => {
-      if (disabled) {
-      } else {
-        event.currentTarget.blur();
-        onClick(event);
-      }
-    };
-    const handleKeyDown = (event) => {
-      if (disabled)
-        return;
-      if (event.key === "Enter" || event.key === " " || event.key === "Space") {
-        event.preventDefault();
-        onClick(event);
-      }
-    };
-    const handleOnMouseEnter = (event) => {
-      if (disabled)
-        return;
-      dispatch({ type: "MOUSE_ENTER" });
-      onMouseEnter == null ? void 0 : onMouseEnter(event);
-    };
-    const handleOnMouseLeave = (event) => {
-      if (disabled)
-        return;
-      dispatch({ type: "MOUSE_LEAVE" });
-      onMouseLeave == null ? void 0 : onMouseLeave(event);
-    };
-    const isHoveredOrFocussed = !disabled && (hovered || focussed);
-    const roundingClasses = rounding !== "none" && _CHDS4D44cjs.rounding_module_default[`rounding${rounding}`];
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, accessibilityProps), {
-        "aria-disabled": disabled || accessibilityProps["aria-disabled"],
-        "aria-label": accessibilityLabel != null ? accessibilityLabel : accessibilityProps["aria-label"],
-        className: _classnames2.default.call(void 0, 
-          TapArea_module_default.tapArea,
-          TapArea_module_default[`${disabled ? "disabled" : "enabled"}`],
-          fullWidth && TapArea_module_default.fullWidth,
-          isHoveredOrFocussed && TapArea_module_default.hoveredOrFocussed,
-          roundingClasses
-        ),
-        "data-testid": dataTestId,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        onMouseEnter: handleOnMouseEnter,
-        onMouseLeave: handleOnMouseLeave,
-        onFocus: () => dispatch({ type: "FOCUS" }),
-        onBlur: () => dispatch({ type: "BLUR" }),
-        ref,
-        role: "button",
-        tabIndex: disabled ? void 0 : tabIndex,
-        children: [
-          !disabled && (hovered || focussed) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _classnames2.default.call(void 0, TapArea_module_default.overlay, roundingClasses) }),
-          children
-        ]
-      })
-    );
-  }
-);
-TapArea.displayName = "TapArea";
-var TapArea_default = TapArea;
-
-
-
-exports.TapArea_default = TapArea_default;
-//# sourceMappingURL=3UEOKPM2.cjs.map

package/dist/__chunks/3UEOKPM2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TapArea/TapArea.tsx","css-module:./TapArea.module.css#css-module"],"names":[],"mappings":"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","sourcesContent":["import React, {\n  type ReactNode,\n  forwardRef,\n  useReducer,\n  type AriaAttributes,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TapArea.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype TapAreaProps = AriaAttributes & {\n  /**\n   * The children to be rendered inside the tap area.\n   */\n  children?: ReactNode;\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * Test id for the tap area\n   */\n  \"data-testid\"?: string;\n  /**\n   * If `true`, the tap area will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the tap area will be full width\n   */\n  fullWidth?: boolean;\n  /**\n   * The callback to be called when the tap area is clicked\n   */\n  onClick: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n  /**\n   * The callback to be called when the tap area is hovered\n   */\n  onMouseEnter?: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n  /**\n   * The callback to be called when the tap area is no longer hovered\n   */\n  onMouseLeave?: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n  /**\n   * Border radius of the tap area.\n   *\n   * * `none`: 0px\n   * * `sm`: 8px\n   * * `md`: 12px\n   * * `full`: 999px\n   *\n   * @defaultValue \"none\"\n   */\n  rounding?: \"md\" | \"sm\" | \"full\" | \"none\";\n  /**\n   * The tab index of the tap area\n   */\n  tabIndex?: 0 | -1;\n};\n\nfunction reducer(\n  state: {\n    hovered: boolean;\n    focussed: boolean;\n  },\n  action: {\n    type: \"BLUR\" | \"FOCUS\" | \"MOUSE_ENTER\" | \"MOUSE_LEAVE\";\n  },\n) {\n  switch (action.type) {\n    case \"BLUR\":\n      return { ...state, focussed: false };\n    case \"FOCUS\":\n      return { ...state, focussed: true };\n    case \"MOUSE_ENTER\":\n      return { ...state, hovered: true };\n    case \"MOUSE_LEAVE\":\n      return { ...state, hovered: false };\n    default:\n      return state;\n  }\n}\n\n/**\n * [TapArea](https://cambly-syntax.vercel.app/?path=/docs/components-taparea--docs) allows components to be clickable and touchable in an accessible way.\n */\nconst TapArea = forwardRef<HTMLDivElement, TapAreaProps>(\n  (\n    {\n      children,\n      accessibilityLabel,\n      \"data-testid\": dataTestId,\n      disabled: disabledProp = false,\n      fullWidth = true,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      rounding = \"none\",\n      tabIndex = 0,\n      ...accessibilityProps\n    }: TapAreaProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const [{ hovered, focussed }, dispatch] = useReducer(reducer, {\n      hovered: false,\n      focussed: false,\n    });\n\n    const handleClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n      if (disabled) {\n        undefined;\n      } else {\n        event.currentTarget.blur();\n        onClick(event);\n      }\n    };\n\n    const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      if (event.key === \"Enter\" || event.key === \" \" || event.key === \"Space\") {\n        event.preventDefault();\n        onClick(event);\n      }\n    };\n\n    const handleOnMouseEnter: React.MouseEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      dispatch({ type: \"MOUSE_ENTER\" });\n      onMouseEnter?.(event);\n    };\n\n    const handleOnMouseLeave: React.MouseEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      dispatch({ type: \"MOUSE_LEAVE\" });\n      onMouseLeave?.(event);\n    };\n\n    const isHoveredOrFocussed = !disabled && (hovered || focussed);\n    const roundingClasses =\n      rounding !== \"none\" && roundingStyles[`rounding${rounding}`];\n\n    return (\n      <div\n        {...accessibilityProps}\n        aria-disabled={disabled || accessibilityProps[\"aria-disabled\"]}\n        aria-label={accessibilityLabel ?? accessibilityProps[\"aria-label\"]}\n        className={classNames(\n          styles.tapArea,\n          styles[`${disabled ? \"disabled\" : \"enabled\"}`],\n          fullWidth && styles.fullWidth,\n          isHoveredOrFocussed && styles.hoveredOrFocussed,\n          roundingClasses,\n        )}\n        data-testid={dataTestId}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n        onFocus={() => dispatch({ type: \"FOCUS\" })}\n        onBlur={() => dispatch({ type: \"BLUR\" })}\n        ref={ref}\n        role=\"button\"\n        tabIndex={disabled ? undefined : tabIndex}\n      >\n        {!disabled && (hovered || focussed) && (\n          <div className={classNames(styles.overlay, roundingClasses)} />\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nTapArea.displayName = \"TapArea\";\n\nexport default TapArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css\"; export default {\"tapArea\":\"_tapArea_g6gkz_1\",\"fullWidth\":\"_fullWidth_g6gkz_5\",\"disabled\":\"_disabled_g6gkz_9\",\"enabled\":\"_enabled_g6gkz_16\",\"overlay\":\"_overlay_g6gkz_29\",\"hoveredOrFocussed\":\"_hoveredOrFocussed_g6gkz_39\"}"]}

package/dist/__chunks/3ULBWSHT.cjs

@@ -1,169 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
-
-
-var _PLUVW6AMcjs = require('./PLUVW6AM.cjs');
-
-
-var _IL22HCBFcjs = require('./IL22HCBF.cjs');
-
-
-var _CHDS4D44cjs = require('./CHDS4D44.cjs');
-
-
-var _4TYOP5XMcjs = require('./4TYOP5XM.cjs');
-
-
-var _2XIVACBMcjs = require('./2XIVACBM.cjs');
-
-
-var _LLFHCGRAcjs = require('./LLFHCGRA.cjs');
-
-
-var _QR3HKPXFcjs = require('./QR3HKPXF.cjs');
-
-
-var _E5P6WRJDcjs = require('./E5P6WRJD.cjs');
-
-
-
-
-var _X2SDR4SDcjs = require('./X2SDR4SD.cjs');
-
-// src/Tooltip/Tooltip.tsx
-var _react = require('react');
-var _reactaria = require('react-aria');
-
-
-
-
-
-var _reactariacomponents = require('react-aria-components');
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// css-module:./Tooltip.module.css#css-module
-var Tooltip_module_default = { "tooltip": "_tooltip_11pyp_1", "arrowPlacementtop": "_arrowPlacementtop_11pyp_5", "arrowPlacementbottom": "_arrowPlacementbottom_11pyp_10" };
-
-// src/Tooltip/Tooltip.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function TooltipArrow(props) {
-  const { on } = props;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.OverlayArrow, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, props), { children: ({ placement }) => {
-    if (placement === "center")
-      return null;
-    if (placement === "left")
-      return null;
-    if (placement === "right")
-      return null;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _classnames2.default.call(void 0, [
-          _IL22HCBFcjs.Box_module_default.block,
-          Tooltip_module_default[`arrowPlacement${placement}`],
-          on === "lightBackground" ? _2XIVACBMcjs.colors_module_default.cambioBlackColor : _2XIVACBMcjs.colors_module_default.cambioWhiteColor
-        ]),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "svg",
-          {
-            className: _classnames2.default.call(void 0, [_IL22HCBFcjs.Box_module_default.block]),
-            width: 40,
-            height: 5,
-            viewBox: "0 0 40 5",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M17 0L22 5H12L17 0Z", fill: "currentColor" })
-          }
-        )
-      }
-    );
-  } }));
-}
-var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref) {
-  var _b = _a, { children: childrenProp, onChangeContentVisibility, on } = _b, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _b, ["children", "onChangeContentVisibility", "on"]);
-  const className = _classnames2.default.call(void 0, [
-    _IL22HCBFcjs.Box_module_default.box,
-    _2XIVACBMcjs.colors_module_default.gray900Color,
-    on === "lightBackground" ? _2XIVACBMcjs.colors_module_default.cambioBlackBackgroundColor : _2XIVACBMcjs.colors_module_default.cambioWhiteBackgroundColor,
-    _PLUVW6AMcjs.padding_module_default.paddingX2,
-    _PLUVW6AMcjs.padding_module_default.paddingY2,
-    _CHDS4D44cjs.rounding_module_default.roundingsm,
-    Tooltip_module_default.tooltip
-  ]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reactariacomponents.Tooltip,
-    _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
-      ref
-    }, _reactaria.mergeProps.call(void 0, 
-      {
-        className,
-        offset: 8,
-        crossOffset: 0
-      },
-      otherProps
-    )), {
-      children: _reactariacomponents.composeRenderProps.call(void 0, 
-        childrenProp,
-        (children, { isEntering, isExiting }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipArrow, { on }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: 100, color: "white", children }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _E5P6WRJDcjs.OverlayVisibility,
-            {
-              isEntering,
-              isExiting,
-              onChange: onChangeContentVisibility
-            }
-          )
-        ] })
-      )
-    })
-  );
-});
-var Tooltip = _react.forwardRef.call(void 0, function Tooltip2(props, ref) {
-  const {
-    accessibilityLabel,
-    "data-testid": dataTestId,
-    delay = 0,
-    disabled = false,
-    children,
-    content,
-    initialOpen,
-    onChangeContentVisibility,
-    onOpenChange,
-    open,
-    placement = "top",
-    on = "lightBackground"
-  } = props;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _reactariacomponents.TooltipTrigger,
-    {
-      defaultOpen: initialOpen,
-      delay,
-      closeDelay: 500,
-      isDisabled: disabled,
-      isOpen: open,
-      onOpenChange,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QR3HKPXFcjs.Triggerable_default, { children }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          AriaTooltip,
-          {
-            ref,
-            placement: _LLFHCGRAcjs.syntaxToReactAriaPlacement.call(void 0, placement),
-            "aria-label": accessibilityLabel,
-            "data-testid": dataTestId,
-            onChangeContentVisibility,
-            on,
-            children: content
-          }
-        )
-      ]
-    }
-  );
-});
-var Tooltip_default = Tooltip;
-
-
-
-
-exports.AriaTooltip = AriaTooltip; exports.Tooltip_default = Tooltip_default;
-//# sourceMappingURL=3ULBWSHT.cjs.map

package/dist/__chunks/3ULBWSHT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Tooltip/Tooltip.tsx","css-module:./Tooltip.module.css#css-module"],"names":["AriaTooltip","Tooltip"],"mappings":"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","sourcesContent":["import React, { forwardRef, type ReactNode, type ReactElement } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport {\n  composeRenderProps,\n  OverlayArrow as ReactAriaOverlayArrow,\n  type OverlayArrowProps as ReactAriaOverlayArrowProps,\n  Tooltip as ReactAriaTooltip,\n  TooltipTrigger as ReactAriaTooltipTrigger,\n  type TooltipProps as ReactAriaTooltipProps,\n} from \"react-aria-components\";\n\nimport Triggerable from \"../react-aria-utils/Triggerable\";\nimport Typography from \"../Typography/Typography\";\nimport OverlayVisibility from \"../react-aria-utils/OverlayVisibility\";\nimport classNames from \"classnames\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Tooltip.module.css\";\nimport {\n  type Placement,\n  syntaxToReactAriaPlacement,\n} from \"../react-aria-utils/placement\";\n\nfunction TooltipArrow(\n  props: ReactAriaOverlayArrowProps & {\n    on?: \"lightBackground\" | \"darkBackground\";\n  },\n): ReactElement {\n  const { on } = props;\n\n  return (\n    <ReactAriaOverlayArrow {...props}>\n      {({ placement }) => {\n        if (placement === \"center\") return null;\n        if (placement === \"left\") return null;\n        if (placement === \"right\") return null;\n        return (\n          <div\n            className={classNames([\n              boxStyles.block,\n              styles[`arrowPlacement${placement}`],\n              on === \"lightBackground\"\n                ? colorStyles.cambioBlackColor\n                : colorStyles.cambioWhiteColor,\n            ])}\n          >\n            <svg\n              className={classNames([boxStyles.block])}\n              width={40}\n              height={5}\n              viewBox=\"0 0 40 5\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M17 0L22 5H12L17 0Z\" fill=\"currentColor\" />\n            </svg>\n          </div>\n        );\n      }}\n    </ReactAriaOverlayArrow>\n  );\n}\n\n/**\n * AriaTooltip: This component extends Tooltip from react-aria-components\n * It applies syntax styles and adds aadditional props:\n *  - onContentChangeVisibility\n */\nexport const AriaTooltip = forwardRef<\n  HTMLDivElement,\n  ReactAriaTooltipProps & {\n    /** Optional handler for change of visibility for overlaid content, for analytics timing */\n    onChangeContentVisibility?: (visible: boolean) => void;\n    on?: \"lightBackground\" | \"darkBackground\";\n  }\n>(function AriaTooltip(\n  { children: childrenProp, onChangeContentVisibility, on, ...otherProps },\n  ref,\n): ReactElement {\n  const className = classNames([\n    boxStyles.box,\n    colorStyles.gray900Color,\n    on === \"lightBackground\"\n      ? colorStyles.cambioBlackBackgroundColor\n      : colorStyles.cambioWhiteBackgroundColor,\n    paddingStyles.paddingX2,\n    paddingStyles.paddingY2,\n    roundingStyles.roundingsm,\n    styles.tooltip,\n  ]);\n\n  return (\n    <ReactAriaTooltip\n      ref={ref}\n      {...mergeProps(\n        {\n          className,\n          offset: 8,\n          crossOffset: 0,\n        },\n        otherProps,\n      )}\n    >\n      {composeRenderProps(\n        childrenProp,\n        (children, { isEntering, isExiting }) => (\n          <>\n            <TooltipArrow on={on} />\n            <Typography size={100} color=\"white\">\n              {children}\n            </Typography>\n            <OverlayVisibility\n              isEntering={isEntering}\n              isExiting={isExiting}\n              onChange={onChangeContentVisibility}\n            />\n          </>\n        ),\n      )}\n    </ReactAriaTooltip>\n  );\n});\n\ntype TooltipProps = {\n  /**\n   * Test id for the floating tooltip\n   */\n  \"data-testid\"?: string;\n  /**\n   * How long a user hovers before tooltip shows (in ms)\n   * @defaultValue 0\n   */\n  delay?: number;\n  /** Optional boolean to disable tooltip trigger behavior */\n  disabled?: boolean;\n  /** Optional aria-label for the tooltip (content element) */\n  accessibilityLabel?: string;\n  /** Required trigger element */\n  children: ReactElement;\n  /** Content to be shown inside the tooltip. */\n  content: ReactNode;\n  /** If set to true the tooltip will render initially open */\n  initialOpen?: boolean;\n  /** Optional handler for change of visibility for popover content, for analytics timing */\n  onChangeContentVisibility?: (visible: boolean) => void;\n  /** Optional handler for change of visibility for popover content, for control */\n  onOpenChange?: (open: boolean) => void;\n  /** Optional boolean to control open state of tooltip externally */\n  open?: boolean;\n  /**\n   * Location of the tooltip content relative to anchor element\n   * @defaultValue \"top-end\"\n   */\n  placement?: Placement;\n\n  /**\n   * Indicate whether the tooltip renders on a light or dark background. Changes the color of the tooltip\n   *\n   * @defaultValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n};\n/**\n * [Tooltip](https://cambly-syntax.vercel.app/?path=/docs/components-tooltip--docs) displays contextual information on hover or focus.\n *\n * Tooltip content is hidden by default and shown on hover or focus.\n * The content is hidden again when the user mouses out of the trigger element or blurs the trigger element or presses Escape\n *\n * Example Usage:\n ```\n  <Tooltip\n    delay={200}\n    placement=\"bottom-start\"\n    initialOpen\n    content={(\n      <Box padding={2}>\n        ... some content goes here\n      </Box>\n    )}\n  >\n      <Button text=\"Trigger me\" />\n  </Tooltip>\n ```\n */\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip(\n  props,\n  ref,\n): ReactElement {\n  const {\n    accessibilityLabel,\n    \"data-testid\": dataTestId,\n    delay = 0,\n    disabled = false,\n    children,\n    content,\n    initialOpen,\n    onChangeContentVisibility,\n    onOpenChange,\n    open,\n    placement = \"top\",\n    on = \"lightBackground\",\n  } = props;\n\n  return (\n    <ReactAriaTooltipTrigger\n      defaultOpen={initialOpen}\n      delay={delay}\n      closeDelay={500}\n      isDisabled={disabled}\n      isOpen={open}\n      onOpenChange={onOpenChange}\n    >\n      {/* transfer focus handlers to child element if it is focusable */}\n      <Triggerable>{children}</Triggerable>\n      <AriaTooltip\n        ref={ref}\n        placement={syntaxToReactAriaPlacement(placement)}\n        aria-label={accessibilityLabel}\n        data-testid={dataTestId}\n        onChangeContentVisibility={onChangeContentVisibility}\n        on={on}\n      >\n        {content}\n      </AriaTooltip>\n    </ReactAriaTooltipTrigger>\n  );\n});\n\nexport default Tooltip;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Tooltip/Tooltip.module.css\"; export default {\"tooltip\":\"_tooltip_11pyp_1\",\"arrowPlacementtop\":\"_arrowPlacementtop_11pyp_5\",\"arrowPlacementbottom\":\"_arrowPlacementbottom_11pyp_10\"}"]}

package/dist/__chunks/4QUXUGJP.cjs

@@ -1,47 +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');
-
-// src/Tabs/Tabs.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// css-module:./Tabs.module.css#css-module
-var Tabs_module_default = { "tabContainerlightBackground": "_tabContainerlightBackground_b6c60_1", "tabContainerDarkBackground": "_tabContainerDarkBackground_b6c60_5", "tab": "_tab_b6c60_1", "selectedTabOnLightBackground": "_selectedTabOnLightBackground_b6c60_13", "selectedTabOnDarkBackground": "_selectedTabOnDarkBackground_b6c60_17", "unselectedTab": "_unselectedTab_b6c60_21", "link": "_link_b6c60_25" };
-
-// src/Tabs/Tabs.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function Tabs({
-  children,
-  accessibilityLabel,
-  on = "lightBackground"
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      role: "tablist",
-      "aria-label": accessibilityLabel,
-      className: _classnames2.default.call(void 0, {
-        [Tabs_module_default.tabContainerlightBackground]: on === "lightBackground",
-        [Tabs_module_default.tabContainerDarkBackground]: on === "darkBackground"
-      }),
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _QODNNCT2cjs.Box_default,
-        {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "start",
-          width: "100%",
-          gap: 8,
-          height: 56,
-          children
-        }
-      )
-    }
-  );
-}
-
-
-
-exports.Tabs = Tabs;
-//# sourceMappingURL=4QUXUGJP.cjs.map