@cambly/syntax-core 18.12.0 → 19.0.0

package/dist/__chunks/{M5G3QZYU.js → VRCNKRDW.js}

@@ -1,19 +1,15 @@
 "use client"
-import {
-  TabLink_default
-} from "./O7HX76KZ.js";
-import {
-  TabButton
-} from "./L6U2V7ZR.js";
-import {
-  Tabs_module_default
-} from "./3HA2NC7Q.js";
 import {
   Box_default
 } from "./IB6JZQF3.js";
 
 // src/Tabs/Tabs.tsx
 import classnames from "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
 import { jsx } from "react/jsx-runtime";
 function Tabs({
   children,
@@ -44,10 +40,8 @@ function Tabs({
     }
   );
 }
-Tabs.Button = TabButton;
-Tabs.Link = TabLink_default;
 
 export {
   Tabs
 };
-//# sourceMappingURL=M5G3QZYU.js.map
+//# sourceMappingURL=VRCNKRDW.js.map

package/dist/__chunks/VRCNKRDW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/Tabs.tsx","css-module:./Tabs.module.css#css-module"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport styles from \"./Tabs.module.css\";\nimport Box from \"../Box/Box\";\n\n/**\n * [Tabs](https://cambly-syntax.vercel.app/?path=/docs/components-tabs--docs) are used to organize content into different sections.\n */\nexport default function Tabs({\n  children,\n  accessibilityLabel,\n  on = \"lightBackground\",\n}: {\n  /**\n   * The Tabs to display. Each Tab should be a `TabButton` or a `TabLink`.\n   * Only use `TabLink` for clicking tab that update the URL upon selection. Otherwise, use `TabButton`.\n   */\n  children: ReactNode;\n  /**\n   * Accessibility label for the Tabs container.\n   */\n  accessibilityLabel: string;\n  /**\n   * Indicate whether the Tabs render on a light or dark background.\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n}): JSX.Element {\n  return (\n    <div\n      role=\"tablist\"\n      aria-label={accessibilityLabel}\n      className={classnames({\n        [styles.tabContainerlightBackground]: on === \"lightBackground\",\n        [styles.tabContainerDarkBackground]: on === \"darkBackground\",\n      })}\n    >\n      <Box\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"start\"\n        width=\"100%\"\n        gap={8}\n        height={56}\n      >\n        {children}\n      </Box>\n    </div>\n  );\n}\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Tabs/Tabs.module.css\"; export 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\"}"],"mappings":";;;;;;AACA,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,+BAA8B,wCAAuC,8BAA6B,uCAAsC,OAAM,gBAAe,gCAA+B,0CAAyC,+BAA8B,yCAAwC,iBAAgB,2BAA0B,QAAO,iBAAgB;;;ADsC9c;AA9BS,SAAR,KAAsB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,KAAK;AACP,GAgBgB;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAW,WAAW;AAAA,QACpB,CAAC,oBAAO,2BAA2B,GAAG,OAAO;AAAA,QAC7C,CAAC,oBAAO,0BAA0B,GAAG,OAAO;AAAA,MAC9C,CAAC;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,OAAM;AAAA,UACN,KAAK;AAAA,UACL,QAAQ;AAAA,UAEP;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/__chunks/{3HA2NC7Q.js → VV2NJABK.js}

@@ -1,9 +1,9 @@
 "use client"
 
-// css-module:./Tabs.module.css#css-module
+// css-module:../Tabs/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" };
 
 export {
   Tabs_module_default
 };
-//# sourceMappingURL=3HA2NC7Q.js.map
+//# sourceMappingURL=VV2NJABK.js.map

package/dist/__chunks/VV2NJABK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Tabs/Tabs.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Tabs/Tabs.module.css\"; export 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\"}"],"mappings":";;;AAAwF,IAAO,sBAAQ,EAAC,+BAA8B,wCAAuC,8BAA6B,uCAAsC,OAAM,gBAAe,gCAA+B,0CAAyC,+BAA8B,yCAAwC,iBAAgB,2BAA0B,QAAO,iBAAgB;","names":[]}

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

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _C5XPZTFOcjs = require('./C5XPZTFO.cjs');
+var _6KSVCCCBcjs = require('./6KSVCCCB.cjs');
 
 
 var _RIAJV3ZHcjs = require('./RIAJV3ZH.cjs');
@@ -167,7 +167,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                 marginTop: -5,
                 display: "flex",
                 justifyContent: "end",
-                children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _C5XPZTFOcjs.ButtonGroup_default, { orientation: "horizontal", children: [
+                children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _6KSVCCCBcjs.ButtonGroup_default, { orientation: "horizontal", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     _RIAJV3ZHcjs.Button_default,
                     {
@@ -208,4 +208,4 @@ var RichSelectBox_default = Object.assign(RichSelectBox, {
 
 
 exports.convertSelection = convertSelection; exports.RichSelectBoxContext = RichSelectBoxContext; exports.RichSelectBox_default = RichSelectBox_default;
-//# sourceMappingURL=CJHYDIEV.cjs.map
+//# sourceMappingURL=ZZPX5ZUM.cjs.map

package/dist/index.cjs

@@ -35,10 +35,10 @@ var _RUXLZWRZcjs = require('./__chunks/RUXLZWRZ.cjs');
 require('./__chunks/TH4TA3JN.cjs');
 
 
-var _YJVUWE3Ccjs = require('./__chunks/YJVUWE3C.cjs');
+var _SN7NPTN4cjs = require('./__chunks/SN7NPTN4.cjs');
 
 
-var _5ROYTORIcjs = require('./__chunks/5ROYTORI.cjs');
+var _HZ3SCLC7cjs = require('./__chunks/HZ3SCLC7.cjs');
 
 
 var _B6775YJ4cjs = require('./__chunks/B6775YJ4.cjs');
@@ -48,11 +48,11 @@ require('./__chunks/3RX4RMGC.cjs');
 
 var _PZEDDYBZcjs = require('./__chunks/PZEDDYBZ.cjs');
 require('./__chunks/WFVGNGEP.cjs');
-require('./__chunks/LP2VGTTE.cjs');
-require('./__chunks/CJHYDIEV.cjs');
+require('./__chunks/RH52UDEB.cjs');
+require('./__chunks/ZZPX5ZUM.cjs');
 
 
-var _C5XPZTFOcjs = require('./__chunks/C5XPZTFO.cjs');
+var _6KSVCCCBcjs = require('./__chunks/6KSVCCCB.cjs');
 
 
 var _RIAJV3ZHcjs = require('./__chunks/RIAJV3ZH.cjs');
@@ -83,13 +83,18 @@ var _AUO7CEJIcjs = require('./__chunks/AUO7CEJI.cjs');
 
 
 
-var _6VFQ76T5cjs = require('./__chunks/6VFQ76T5.cjs');
-require('./__chunks/F3BQN7NQ.cjs');
-require('./__chunks/PSFCD7QM.cjs');
+var _4QUXUGJPcjs = require('./__chunks/4QUXUGJP.cjs');
+
+
+var _OBQBJKAYcjs = require('./__chunks/OBQBJKAY.cjs');
+
+
+var _ML36DCKLcjs = require('./__chunks/ML36DCKL.cjs');
 
 
 var _3UEOKPM2cjs = require('./__chunks/3UEOKPM2.cjs');
-require('./__chunks/XFWFHRRK.cjs');
+require('./__chunks/7DGFMDT7.cjs');
+
 require('./__chunks/S4JNYLMA.cjs');
 
 
@@ -151,5 +156,7 @@ 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 = _C5XPZTFOcjs.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 = _5ROYTORIcjs.RichSelectList_default; exports.SelectList = _YJVUWE3Ccjs.SelectList; exports.Tabs = _6VFQ76T5cjs.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 = _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;
 //# sourceMappingURL=index.cjs.map

package/dist/index.css

@@ -2529,24 +2529,40 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css/#css-module-data */
-._buttonGroup_1u02w_1 {
+._buttonGroup_6o6o0_1 {
   display: flex;
 }
-._horizontal_1u02w_5 {
+._horizontal_6o6o0_5 {
   flex-direction: row;
 }
-._vertical_1u02w_9 {
+._vertical_6o6o0_9 {
   flex-direction: column;
 }
-._smallGap_1u02w_13 {
+._smallGap_6o6o0_13 {
   gap: 4px;
 }
-._mediumGap_1u02w_17 {
+._mediumGap_6o6o0_17 {
   gap: 8px;
 }
-._largeGap_1u02w_21 {
+._largeGap_6o6o0_21 {
   gap: 12px;
 }
+@media (min-width: 480px) {
+  ._orientationhorizontalSmall_6o6o0_27 {
+    flex-direction: row;
+  }
+  ._orientationverticalSmall_6o6o0_31 {
+    flex-direction: column;
+  }
+}
+@media (min-width: 960px) {
+  ._orientationhorizontalLarge_6o6o0_38 {
+    flex-direction: row;
+  }
+  ._orientationverticalLarge_6o6o0_42 {
+    flex-direction: column;
+  }
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Checkbox/Checkbox.module.css/#css-module-data */
 ._mainContainer_1r7sy_1 {