@cambly/syntax-core 10.30.0 → 10.32.0

package/dist/__chunks/YAM7DAOZ.js

@@ -0,0 +1,94 @@
+"use client"
+import {
+  colors_module_default
+} from "./S6TNP7G5.js";
+
+// src/Typography/Typography.tsx
+import classNames from "classnames";
+import { forwardRef } from "react";
+
+// css-module:./Typography.module.css#css-module
+var Typography_module_default = { "typography": "_typography_t1t27_1", "sansSerif": "_sansSerif_t1t27_22", "serif": "_serif_t1t27_27", "size100": "_size100_t1t27_71", "size200": "_size200_t1t27_75", "size300": "_size300_t1t27_79", "size400": "_size400_t1t27_83", "size500": "_size500_t1t27_87", "size600": "_size600_t1t27_91", "size700": "_size700_t1t27_95", "size800": "_size800_t1t27_99", "size900": "_size900_t1t27_103", "size1000": "_size1000_t1t27_144", "size1100": "_size1100_t1t27_148", "center": "_center_t1t27_154", "forceLeft": "_forceLeft_t1t27_158", "forceRight": "_forceRight_t1t27_162", "start": "_start_t1t27_166", "end": "_end_t1t27_170", "regular": "_regular_t1t27_176", "medium": "_medium_t1t27_180", "semiBold": "_semiBold_t1t27_184", "bold": "_bold_t1t27_188", "underline": "_underline_t1t27_192", "inline": "_inline_t1t27_196", "uppercase": "_uppercase_t1t27_200", "lineClamp": "_lineClamp_t1t27_204" };
+
+// src/Typography/Typography.tsx
+import { jsx } from "react/jsx-runtime";
+function textColor(color) {
+  switch (color) {
+    case "gray700":
+      return colors_module_default.cambioGray800Color;
+    case "white":
+      return colors_module_default.cambioWhiteColor;
+    case "inherit":
+      return colors_module_default.inheritColor;
+    case "destructive-primary":
+      return colors_module_default.cambioDestructive900Color;
+    case "destructive-darkBackground":
+      return colors_module_default.cambioDestructive100Color;
+    case "success":
+      return colors_module_default.cambioSuccess900Color;
+    case "success-darkBackground":
+      return colors_module_default.cambioSuccess100Color;
+    default:
+      return colors_module_default.cambioBlackColor;
+  }
+}
+function convertWeight(weight) {
+  switch (weight) {
+    case "interactive":
+      return "medium";
+    case "heavy":
+      return "regular";
+    default:
+      return weight;
+  }
+}
+var Typography = forwardRef(function Typography2({
+  align = "start",
+  as = "div",
+  children,
+  color = "gray900",
+  "data-testid": dataTestId,
+  fontStyle = "sans-serif",
+  id,
+  inline = false,
+  lineClamp = void 0,
+  size = 200,
+  tooltip,
+  transform = "none",
+  underline = false,
+  weight = "regular"
+}, ref) {
+  const Tag = as;
+  const weightStyles = Typography_module_default[`${convertWeight(weight)}`];
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      id,
+      className: classNames(
+        Typography_module_default.typography,
+        Typography_module_default[align],
+        weightStyles,
+        fontStyle === "serif" ? Typography_module_default.serif : Typography_module_default.sansSerif,
+        textColor(color),
+        inline && Typography_module_default.inline,
+        Typography_module_default[`size${size}`],
+        transform === "uppercase" && Typography_module_default.uppercase,
+        underline && Typography_module_default.underline,
+        lineClamp != null && Typography_module_default.lineClamp
+      ),
+      "data-testid": dataTestId,
+      style: {
+        WebkitLineClamp: lineClamp
+      },
+      title: tooltip,
+      ref,
+      children
+    }
+  );
+});
+var Typography_default = Typography;
+
+export {
+  Typography_default
+};
+//# sourceMappingURL=YAM7DAOZ.js.map

package/dist/__chunks/YAM7DAOZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nfunction textColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive100Color;\n    case \"success\":\n      return colorStyles.cambioSuccess900Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n\nfunction convertWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n  switch (weight) {\n    case \"interactive\":\n      return \"medium\";\n    case \"heavy\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n  HTMLDivElement,\n  {\n    /**\n     * Aligns the text to the left, right, or center of the container.\n     * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n     * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n     *\n     * @defaultValue \"start\"\n     */\n    align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n    /**\n     * DOM element to render as.\n     *\n     * @defaultValue \"div\"\n     */\n    as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n    /**\n     * The text to be rendered\n     */\n    children?: ReactNode;\n    /**\n     * The color of the text.\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"inherit\";\n    /**\n     * Test id for the text\n     */\n    \"data-testid\"?: string;\n    /**\n     * Style of the font\n     *\n     * Classic only supports `sans-serif`\n     *\n     * @defaultValue \"sans-serif\"\n     */\n    fontStyle?: \"serif\" | \"sans-serif\";\n    /**\n     * The id for the element\n     */\n    id?: string;\n    /**\n     * Whether the text should flow inline with other elements.\n     *\n     * @defaultValue false\n     */\n    inline?: boolean;\n    /**\n     * The number of lines we should truncate the text at\n     */\n    lineClamp?: number | undefined;\n    /**\n     * Size of the text.\n     *\n     * Mobile (viewport width <= 480px)::\n     * * `100`: 14px\n     * * `200`: 16px\n     * * `300`: 18px\n     * * `400`: 20px\n     * * `500`: 23px\n     * * `600`: 26px\n     * * `700`: 29px\n     * * `800`: 33px\n     * * `900`: 37px\n     * * `1000`: 41px\n     * * `1100`: 46px\n     *\n     * Desktop (viewport width > 480px):\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `500`: 31px\n     * * `600`: 39px\n     * * `700`: 49px\n     * * `800`: 61px\n     * * `900`: 76px\n     * * `1000`: 95px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n    /**\n     * The tooltip to be displayed when the user hovers the text\n     */\n    tooltip?: string;\n    /**\n     * Whether the text should be transformed to uppercase.\n     *\n     * @defaultValue \"none\"\n     */\n    transform?: \"none\" | \"uppercase\";\n    /**\n     * Whether the text has an underline.\n     *\n     * @defaultValue false\n     */\n    underline?: boolean;\n    /**\n     * Indicates the boldness of the text.\n     *\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     * * `bold`: 710\n     *\n     * `interactive` and `heavy` are deprecated\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?:\n      | \"regular\"\n      | \"interactive\"\n      | \"medium\"\n      | \"semiBold\"\n      | \"bold\"\n      | \"heavy\";\n  }\n>(function Typography(\n  {\n    align = \"start\",\n    as = \"div\",\n    children,\n    color = \"gray900\",\n    \"data-testid\": dataTestId,\n    fontStyle = \"sans-serif\",\n    id,\n    inline = false,\n    lineClamp = undefined,\n    size = 200,\n    tooltip,\n    transform = \"none\",\n    underline = false,\n    weight = \"regular\",\n  },\n  ref,\n): ReactElement {\n  const Tag = as;\n\n  const weightStyles = styles[`${convertWeight(weight)}`];\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        weightStyles,\n        fontStyle === \"serif\" ? styles.serif : styles.sansSerif,\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\n      )}\n      data-testid={dataTestId}\n      style={{\n        WebkitLineClamp: lineClamp,\n      }}\n      title={tooltip}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_t1t27_1\",\"sansSerif\":\"_sansSerif_t1t27_22\",\"serif\":\"_serif_t1t27_27\",\"size100\":\"_size100_t1t27_71\",\"size200\":\"_size200_t1t27_75\",\"size300\":\"_size300_t1t27_79\",\"size400\":\"_size400_t1t27_83\",\"size500\":\"_size500_t1t27_87\",\"size600\":\"_size600_t1t27_91\",\"size700\":\"_size700_t1t27_95\",\"size800\":\"_size800_t1t27_99\",\"size900\":\"_size900_t1t27_103\",\"size1000\":\"_size1000_t1t27_144\",\"size1100\":\"_size1100_t1t27_148\",\"center\":\"_center_t1t27_154\",\"forceLeft\":\"_forceLeft_t1t27_158\",\"forceRight\":\"_forceRight_t1t27_162\",\"start\":\"_start_t1t27_166\",\"end\":\"_end_t1t27_170\",\"regular\":\"_regular_t1t27_176\",\"medium\":\"_medium_t1t27_180\",\"semiBold\":\"_semiBold_t1t27_184\",\"bold\":\"_bold_t1t27_188\",\"underline\":\"_underline_t1t27_192\",\"inline\":\"_inline_t1t27_196\",\"uppercase\":\"_uppercase_t1t27_200\",\"lineClamp\":\"_lineClamp_t1t27_204\"}"],"mappings":";;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,sBAAqB,YAAW,uBAAsB,YAAW,uBAAsB,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,WAAU,sBAAqB,UAAS,qBAAoB,YAAW,uBAAsB,QAAO,mBAAkB,aAAY,wBAAuB,UAAS,qBAAoB,aAAY,wBAAuB,aAAY,uBAAsB;;;ADgNl7B;AA3MJ,SAAS,UACP,OAUQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAEA,SAAS,cACP,QAC4C;AAC5C,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,aAAa,WAkIjB,SAASA,YACT;AAAA,EACE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GACA,KACc;AACd,QAAM,MAAM;AAEZ,QAAM,eAAe,0BAAO,GAAG,cAAc,MAAM,GAAG;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ;AAAA,QACA,cAAc,UAAU,0BAAO,QAAQ,0BAAO;AAAA,QAC9C,UAAU,KAAK;AAAA,QACf,UAAU,0BAAO;AAAA,QACjB,0BAAO,OAAO,MAAM;AAAA,QACpB,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,MAC9B;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ;","names":["Typography"]}

package/dist/__chunks/{UF7SXHS4.js → YBOF6XGJ.js}

@@ -10,13 +10,10 @@ import {
 } from "./AVREYFSM.js";
 import {
   rounding_module_default
-} from "./SHHN3SRR.js";
+} from "./EB7WKQ35.js";
 import {
   colors_module_default
-} from "./B7PDT66P.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
+} from "./S6TNP7G5.js";
 
 // src/Dialog/Dialog.tsx
 import React, {
@@ -34,11 +31,6 @@ var Dialog_module_default = { "dialog": "_dialog_1bme6_1" };
 import { Dialog as ReactAriaDialog } from "react-aria-components";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
-var sizeToRounding = {
-  sm: "lg",
-  md: "lg",
-  lg: "xl"
-};
 var sizeToPadding = {
   sm: 4,
   md: 5,
@@ -53,7 +45,6 @@ var Dialog = forwardRef(function Dialog2(props, ref) {
     size = "md"
   } = props;
   const { padding } = useContext(DialogContext);
-  const { themeName } = useTheme();
   return /* @__PURE__ */ jsx(
     ReactAriaDialog,
     {
@@ -70,7 +61,7 @@ var Dialog = forwardRef(function Dialog2(props, ref) {
         colors_module_default.whiteBackgroundColor,
         padding_module_default[`paddingX${padding != null ? padding : sizeToPadding[size]}`],
         padding_module_default[`paddingY${padding != null ? padding : sizeToPadding[size]}`],
-        rounding_module_default[themeName === "classic" ? `rounding${sizeToRounding[size]}` : "roundingmdCambio"],
+        rounding_module_default.roundingmd,
         elevation_module_default.elevation400BoxShadow,
         layout_module_default.fullMaxHeight,
         layout_module_default.visibilityVisible,
@@ -86,4 +77,4 @@ export {
   DialogContext,
   Dialog_default
 };
-//# sourceMappingURL=UF7SXHS4.js.map
+//# sourceMappingURL=YBOF6XGJ.js.map

package/dist/__chunks/YBOF6XGJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Dialog/Dialog.tsx","css-module:../elevation/elevation.module.css#css-module","css-module:./Dialog.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactNode,\n  forwardRef,\n  type ReactElement,\n  useContext,\n  type ComponentProps,\n} from \"react\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport elevationStyles from \"../elevation/elevation.module.css\";\nimport layoutStyles from \"../layout.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport styles from \"./Dialog.module.css\";\nimport { Dialog as ReactAriaDialog } from \"react-aria-components\";\nimport classNames from \"classnames\";\nimport type Box from \"../Box/Box\";\n\ntype DialogSize = \"sm\" | \"md\" | \"lg\";\nexport type DialogProps = {\n  /** Test id for the floating dialog */\n  \"data-testid\"?: string;\n  /** aria-label for the dialog */\n  accessibilityLabel?: string;\n  /** Content to be shown inside the dialog. */\n  children?: ReactNode;\n  /** Optional size of the dialog box */\n  size?: DialogSize;\n};\n\nconst sizeToPadding: Record<DialogSize, 4 | 5 | 6> = {\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\ntype DialogContextType = {\n  /** padding of dialog content. overrides \\\"size\\\" prop's padding\" */\n  padding?: ComponentProps<typeof Box>[\"padding\"];\n};\nexport const DialogContext = React.createContext<DialogContextType>({});\n\n/**\n * Dialog is a display component for showing content in Popovers, Modals, etc...\n *\n * Example Usage:\n ```\n  <Dialog accessibilityLabel=\"Select some options\">\n    <Box padding={2} maxWidth={400}>\n      ... some content goes here\n    </Box>\n  </Dialog>\n ```\n */\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  props,\n  ref,\n): ReactElement {\n  const {\n    \"data-testid\": dataTestId,\n    accessibilityLabel,\n    children,\n    size = \"md\",\n  } = props;\n\n  const { padding } = useContext(DialogContext);\n\n  return (\n    <ReactAriaDialog\n      ref={ref}\n      data-testid={dataTestId}\n      // first thing screen reader reads\n      // e.g. \"<this was the label prop>, dialog, 4 items...\"\n      aria-label={accessibilityLabel}\n      className={classNames([\n        boxStyles.box,\n        boxStyles.flex,\n        boxStyles.column,\n        boxStyles.gap4,\n        boxStyles.relative,\n        boxStyles.overflowauto,\n        colorStyles.whiteBackgroundColor,\n        paddingStyles[`paddingX${padding ?? sizeToPadding[size]}`],\n        paddingStyles[`paddingY${padding ?? sizeToPadding[size]}`],\n        roundingStyles.roundingmd,\n        elevationStyles.elevation400BoxShadow,\n        layoutStyles.fullMaxHeight,\n        layoutStyles.visibilityVisible,\n        styles.dialog,\n      ])}\n    >\n      {children}\n    </ReactAriaDialog>\n  );\n});\n\nexport default Dialog;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/elevation/elevation.module.css\"; export default {\"elevation400BoxShadow\":\"_elevation400BoxShadow_vw6sp_1\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Dialog/Dialog.module.css\"; export default {\"dialog\":\"_dialog_1bme6_1\"}"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO;AAAA,EAEL;AAAA,EAEA;AAAA,OAEK;;;ACN2F,IAAO,2BAAQ,EAAC,yBAAwB,iCAAgC;;;ACA9E,IAAO,wBAAQ,EAAC,UAAS,kBAAiB;;;AFctI,SAAS,UAAU,uBAAuB;AAC1C,OAAO,gBAAgB;AAqDnB;AAtCJ,IAAM,gBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAMO,IAAM,gBAAgB,MAAM,cAAiC,CAAC,CAAC;AActE,IAAM,SAAS,WAAwC,SAASA,QAC9D,OACA,KACc;AACd,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MAGb,cAAY;AAAA,MACZ,WAAW,WAAW;AAAA,QACpB,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,sBAAY;AAAA,QACZ,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,wBAAe;AAAA,QACf,yBAAgB;AAAA,QAChB,sBAAa;AAAA,QACb,sBAAa;AAAA,QACb,sBAAO;AAAA,MACT,CAAC;AAAA,MAEA;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iBAAQ;","names":["Dialog"]}

package/dist/__chunks/{K27Z66LH.js → YF53K6PE.js}

@@ -7,7 +7,7 @@ import {
 } from "./AVREYFSM.js";
 import {
   Typography_default
-} from "./UVROGDYB.js";
+} from "./YAM7DAOZ.js";
 
 // src/RichSelect/RichSelectSection.tsx
 import { forwardRef } from "react";
@@ -50,4 +50,4 @@ var RichSelectSection_default = forwardRef(
 export {
   RichSelectSection_default
 };
-//# sourceMappingURL=K27Z66LH.js.map
+//# sourceMappingURL=YF53K6PE.js.map

package/dist/__chunks/{LECUYS4O.cjs → YJI76DU2.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _VLK5CARIcjs = require('./VLK5CARI.cjs');
+var _N7WA46RLcjs = require('./N7WA46RL.cjs');
 
 
-var _W5MIJIZAcjs = require('./W5MIJIZA.cjs');
+var _BNBE2XVMcjs = require('./BNBE2XVM.cjs');
 
 
 var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
@@ -100,7 +100,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
   } = props;
   const modal = !children || modalProp;
   const modalNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _VLK5CARIcjs.ModalDialog_default,
+    _N7WA46RLcjs.ModalDialog_default,
     {
       accessibilityLabel,
       accessibilityCloseLabel,
@@ -117,7 +117,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
     {
       placement: _LLFHCGRAcjs.syntaxToReactAriaPlacement.call(void 0, placement),
       onChangeContentVisibility,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W5MIJIZAcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _BNBE2XVMcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
     }
   );
   if (!children)
@@ -141,4 +141,4 @@ var Popover_default = Popover;
 
 
 exports.AriaPopover = AriaPopover; exports.Popover_default = Popover_default;
-//# sourceMappingURL=LECUYS4O.cjs.map
+//# sourceMappingURL=YJI76DU2.cjs.map

package/dist/__chunks/{THYSYYWS.cjs → ZQRUOZFX.cjs}

@@ -1,14 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _XU3CLITIcjs = require('./XU3CLITI.cjs');
-
-
-var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
+var _XCSW34UMcjs = require('./XCSW34UM.cjs');
 
 // src/Heading/Heading.tsx
 var _jsxruntime = require('react/jsx-runtime');
-function cambioWeight({
+function weight({
   fontStyle,
   size
 }) {
@@ -30,10 +27,8 @@ var Heading = ({
   lineClamp,
   size = 500
 }) => {
-  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
-  const classicWeight = [700, 800].includes(size) ? "heavy" : "bold";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _XU3CLITIcjs.Typography_default,
+    _XCSW34UMcjs.Typography_default,
     {
       align,
       as,
@@ -42,7 +37,7 @@ var Heading = ({
       "data-testid": dataTestId,
       lineClamp,
       size,
-      weight: themeName === "classic" ? classicWeight : cambioWeight({ fontStyle, size }),
+      weight: weight({ fontStyle, size }),
       children
     }
   );
@@ -52,4 +47,4 @@ var Heading_default = Heading;
 
 
 exports.Heading_default = Heading_default;
-//# sourceMappingURL=THYSYYWS.cjs.map
+//# sourceMappingURL=ZQRUOZFX.cjs.map

package/dist/__chunks/ZQRUOZFX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":";;;;;;AA2GI;AAxGJ,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AACF,GAGkC;AAChC,MAAI,cAAc,WAAW,CAAC,KAAK,KAAK,GAAG,EAAE,SAAS,IAAI,GAAG;AAC3D,WAAO;AAAA,EACT,WAAW,cAAc,SAAS;AAChC,WAAO;AAAA,EACT,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAKA,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AACT,MA0EoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,EAAE,WAAW,KAAK,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ","sourcesContent":["import { type ReactElement, type ReactNode } from \"react\";\nimport Typography from \"../Typography/Typography\";\n\nfunction weight({\n  fontStyle,\n  size,\n}: {\n  fontStyle: \"serif\" | \"sans-serif\";\n  size: 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n}): \"bold\" | \"medium\" | \"regular\" {\n  if (fontStyle === \"serif\" && [400, 500, 600].includes(size)) {\n    return \"bold\";\n  } else if (fontStyle === \"serif\") {\n    return \"medium\";\n  } else {\n    return \"regular\";\n  }\n}\n\n/**\n * [Heading](https://cambly-syntax.vercel.app/?path=/docs/components-heading--docs) enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n  align = \"start\",\n  as = \"h1\",\n  children,\n  color = \"gray900\",\n  \"data-testid\": dataTestId,\n  fontStyle = \"sans-serif\",\n  lineClamp,\n  size = 500,\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"h1\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"success\"\n    | \"white\"\n    | \"inherit\";\n  /**\n   * Test id for the text.\n   */\n  \"data-testid\"?: string;\n  /**\n   * Style of the font\n   *\n   * Classic only supports `sans-serif`\n   *\n   * @defaultValue \"sans-serif\"\n   */\n  fontStyle?: \"serif\" | \"sans-serif\";\n  /**\n   * The number of lines we should truncate the text at\n   */\n  lineClamp?: number | undefined;\n  /**\n   * Size of the text\n   *\n   * Mobile: (viewport width < 480px):\n   * * `400`: 20px\n   * * `500`: 23px\n   * * `600`: 26px\n   * * `700`: 29px\n   * * `800`: 33px\n   * * `900`: 37px\n   * * `1000`: 41px\n   * * `1100`: 46px\n   *\n   * Desktop (viewport width >= 480px):\n   * * `400`: 25px\n   * * `500`: 31px\n   * * `600`: 39px\n   * * `700`: 49px\n   * * `800`: 61px\n   * * `900`: 76px\n   * * `1000`: 95px\n   * * `1100`: 119px\n   *\n   * @defaultValue 500\n   */\n  size?: 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n}): ReactElement => {\n  return (\n    <Typography\n      align={align}\n      as={as}\n      color={color}\n      fontStyle={fontStyle}\n      data-testid={dataTestId}\n      lineClamp={lineClamp}\n      size={size}\n      weight={weight({ fontStyle, size })}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n"]}

package/dist/colors/backgroundColor.cjs

@@ -1,13 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-
-var _J43HGNHNcjs = require('../__chunks/J43HGNHN.cjs');
-require('../__chunks/DTKTTGU5.cjs');
+var _M3PAAPMIcjs = require('../__chunks/M3PAAPMI.cjs');
+require('../__chunks/KZT53ITQ.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-
-exports.cambioBackgroundColor = _J43HGNHNcjs.cambioBackgroundColor; exports.classicBackgroundColor = _J43HGNHNcjs.classicBackgroundColor;
+exports.backgroundColor = _M3PAAPMIcjs.backgroundColor;
 //# sourceMappingURL=backgroundColor.cjs.map