@cambly/syntax-core 10.10.0 → 10.12.0

package/dist/__chunks/{OULAADL7.js → A7AAGKC2.js}

@@ -7,10 +7,10 @@ import {
 } from "./ZOWOFYUE.js";
 import {
   Box_module_default
-} from "./O3CEUWCC.js";
+} from "./AVREYFSM.js";
 import {
   rounding_module_default
-} from "./X5UGK633.js";
+} from "./SHHN3SRR.js";
 import {
   colors_module_default
 } from "./JHJZ5COD.js";
@@ -82,4 +82,4 @@ export {
   DialogContext,
   Dialog_default
 };
-//# sourceMappingURL=OULAADL7.js.map
+//# sourceMappingURL=A7AAGKC2.js.map

package/dist/__chunks/ARCUBQR4.js

@@ -0,0 +1,122 @@
+"use client"
+import {
+  Box_default
+} from "./YGKZCJF5.js";
+import {
+  Typography_default
+} from "./2A52YKFW.js";
+import {
+  useTheme
+} from "./FY4WHNNR.js";
+import {
+  useIsHydrated
+} from "./JB65NEXK.js";
+
+// src/TextArea/TextArea.tsx
+import { useId, forwardRef } from "react";
+
+// css-module:./TextArea.module.css#css-module
+var TextArea_module_default = { "textarea": "_textarea_1w1b8_1", "sm": "_sm_1w1b8_5", "md": "_md_1w1b8_10", "lg": "_lg_1w1b8_15", "textareaCambio": "_textareaCambio_1w1b8_20", "fixTextareaHeight": "_fixTextareaHeight_1w1b8_24", "labelCambio": "_labelCambio_1w1b8_28" };
+
+// css-module:../TextField/TextField.module.css#css-module
+var TextField_module_default = { "textfield": "_textfield_15iys_1", "textfieldClassic": "_textfieldClassic_15iys_10", "textfieldCambio": "_textfieldCambio_15iys_14", "label": "_label_15iys_29", "labelCambio": "_labelCambio_15iys_33", "labelCambioTextfield": "_labelCambioTextfield_15iys_42", "sm": "_sm_15iys_46", "smCambio": "_smCambio_15iys_53", "mdCambio": "_mdCambio_15iys_57", "lgCambio": "_lgCambio_15iys_61", "heightCambio": "_heightCambio_15iys_65", "smHeight": "_smHeight_15iys_69", "md": "_md_15iys_57", "mdHeight": "_mdHeight_15iys_80", "lg": "_lg_15iys_61", "lgHeight": "_lgHeight_15iys_91", "inputError": "_inputError_15iys_95", "inputErrorCambio": "_inputErrorCambio_15iys_105" };
+
+// src/TextArea/TextArea.tsx
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TextArea = forwardRef(
+  function TextArea2({
+    "data-testid": dataTestId,
+    disabled: disabledProp = false,
+    errorText = "",
+    helperText = "",
+    id,
+    label,
+    maxLength = 1024,
+    placeholder = "",
+    rows = 3,
+    size = "md",
+    value = "",
+    onChange
+  }, forwardedRef) {
+    const isHydrated = useIsHydrated();
+    const disabled = !isHydrated || disabledProp;
+    const reactId = useId();
+    const { themeName } = useTheme();
+    const inputId = id != null ? id : reactId;
+    return /* @__PURE__ */ jsxs(
+      Box_default,
+      {
+        display: "flex",
+        direction: "column",
+        gap: 2,
+        width: "100%",
+        dangerouslySetInlineStyle: {
+          __style: {
+            opacity: disabled ? 0.5 : 1
+          }
+        },
+        position: themeName === "cambio" ? "relative" : void 0,
+        children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              className: classNames(
+                themeName === "classic" ? TextField_module_default.label : TextField_module_default.labelCambio,
+                themeName === "cambio" && TextArea_module_default.labelCambio
+              ),
+              htmlFor: inputId,
+              children: /* @__PURE__ */ jsx(Box_default, { paddingX: themeName === "classic" ? 1 : 3, width: "100%", children: /* @__PURE__ */ jsx(Typography_default, { size: 100, color: "gray700", children: label }) })
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography_default, { size: themeName === "cambio" ? 100 : 200, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: classNames(
+                themeName === "cambio" && TextArea_module_default.fixTextareaHeight
+              ),
+              children: /* @__PURE__ */ jsx(
+                "textarea",
+                {
+                  "data-testid": dataTestId,
+                  ref: forwardedRef,
+                  className: classNames(
+                    TextField_module_default.textfield,
+                    themeName === "classic" ? TextField_module_default.textfieldClassic : TextField_module_default.textfieldCambio,
+                    themeName === "classic" && TextField_module_default[size],
+                    themeName === "classic" && TextArea_module_default[size],
+                    themeName === "classic" ? TextArea_module_default.textarea : TextArea_module_default.textareaCambio,
+                    {
+                      [themeName === "classic" ? TextField_module_default.inputError : TextField_module_default.inputErrorCambio]: errorText
+                    }
+                  ),
+                  id: inputId,
+                  placeholder,
+                  maxLength,
+                  onChange,
+                  rows,
+                  value,
+                  disabled
+                }
+              )
+            }
+          ) }),
+          (helperText || errorText) && /* @__PURE__ */ jsx(Box_default, { paddingX: themeName === "classic" ? 1 : 0, children: /* @__PURE__ */ jsx(
+            Typography_default,
+            {
+              size: 100,
+              color: errorText ? "destructive-primary" : "gray700",
+              children: errorText || helperText
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+var TextArea_default = TextArea;
+
+export {
+  TextArea_default
+};
+//# sourceMappingURL=ARCUBQR4.js.map

package/dist/__chunks/ARCUBQR4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TextArea/TextArea.tsx","css-module:./TextArea.module.css#css-module","css-module:../TextField/TextField.module.css#css-module"],"sourcesContent":["import Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport React, { type ReactElement, useId, forwardRef } from \"react\";\nimport styles from \"./TextArea.module.css\";\nimport textFieldStyles from \"../TextField/TextField.module.css\";\nimport classNames from \"classnames\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\ntype TextAreaProps = {\n  /**\n   * A data-testid to make querying for the TextArea easier.\n   */\n  \"data-testid\"?: string;\n  /**\n   * If true, the TextArea will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Text shown below TextArea if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Informative helper text shown below TextArea\n   */\n  helperText?: string;\n  /**\n   * TextField id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /**\n   * TextArea visible label\n   */\n  label: string;\n  /**\n   * Maximum number of characters allowed in the TextArea\n   */\n  maxLength?: number;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text to display when TextArea is empty\n   */\n  placeholder?: string;\n  /**\n   * Size of the TextArea. Defines the font size and padding.\n   *\n   * Cambio only supports `md`\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /**\n   * Number of rows to display\n   */\n  rows?: number;\n  /**\n   * Value of the TextArea\n   */\n  value: string;\n};\n\n/**\n * [TextArea](https://cambly-syntax.vercel.app/?path=/docs/components-textarea--docs) allows users to enter multiple lines of text.\n */\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    {\n      \"data-testid\": dataTestId,\n      disabled: disabledProp = false,\n      errorText = \"\",\n      helperText = \"\",\n      id,\n      label,\n      maxLength = 1024,\n      placeholder = \"\",\n      rows = 3,\n      size = \"md\",\n      value = \"\",\n      onChange,\n    }: TextAreaProps,\n    forwardedRef,\n  ): ReactElement {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const reactId = useId();\n    const { themeName } = useTheme();\n    const inputId = id ?? reactId;\n\n    return (\n      <Box\n        display=\"flex\"\n        direction=\"column\"\n        gap={2}\n        width=\"100%\"\n        dangerouslySetInlineStyle={{\n          __style: {\n            opacity: disabled ? 0.5 : 1,\n          },\n        }}\n        position={themeName === \"cambio\" ? \"relative\" : undefined}\n      >\n        <label\n          className={classNames(\n            themeName === \"classic\"\n              ? textFieldStyles.label\n              : textFieldStyles.labelCambio,\n            themeName === \"cambio\" && styles.labelCambio,\n          )}\n          htmlFor={inputId}\n        >\n          <Box paddingX={themeName === \"classic\" ? 1 : 3} width=\"100%\">\n            <Typography size={100} color=\"gray700\">\n              {label}\n            </Typography>\n          </Box>\n        </label>\n        <Typography size={themeName === \"cambio\" ? 100 : 200}>\n          <div\n            className={classNames(\n              themeName === \"cambio\" && styles.fixTextareaHeight,\n            )}\n          >\n            <textarea\n              data-testid={dataTestId}\n              ref={forwardedRef}\n              className={classNames(\n                textFieldStyles.textfield,\n                themeName === \"classic\"\n                  ? textFieldStyles.textfieldClassic\n                  : textFieldStyles.textfieldCambio,\n                themeName === \"classic\" && textFieldStyles[size],\n                themeName === \"classic\" && styles[size],\n                themeName === \"classic\"\n                  ? styles.textarea\n                  : styles.textareaCambio,\n                {\n                  [themeName === \"classic\"\n                    ? textFieldStyles.inputError\n                    : textFieldStyles.inputErrorCambio]: errorText,\n                },\n              )}\n              id={inputId}\n              placeholder={placeholder}\n              maxLength={maxLength}\n              onChange={onChange}\n              rows={rows}\n              value={value}\n              disabled={disabled}\n            />\n          </div>\n        </Typography>\n        {(helperText || errorText) && (\n          <Box paddingX={themeName === \"classic\" ? 1 : 0}>\n            <Typography\n              size={100}\n              color={errorText ? \"destructive-primary\" : \"gray700\"}\n            >\n              {errorText || helperText}\n            </Typography>\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n\nexport default TextArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextArea/TextArea.module.css\"; export default {\"textarea\":\"_textarea_1w1b8_1\",\"sm\":\"_sm_1w1b8_5\",\"md\":\"_md_1w1b8_10\",\"lg\":\"_lg_1w1b8_15\",\"textareaCambio\":\"_textareaCambio_1w1b8_20\",\"fixTextareaHeight\":\"_fixTextareaHeight_1w1b8_24\",\"labelCambio\":\"_labelCambio_1w1b8_28\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_15iys_1\",\"textfieldClassic\":\"_textfieldClassic_15iys_10\",\"textfieldCambio\":\"_textfieldCambio_15iys_14\",\"label\":\"_label_15iys_29\",\"labelCambio\":\"_labelCambio_15iys_33\",\"labelCambioTextfield\":\"_labelCambioTextfield_15iys_42\",\"sm\":\"_sm_15iys_46\",\"smCambio\":\"_smCambio_15iys_53\",\"mdCambio\":\"_mdCambio_15iys_57\",\"lgCambio\":\"_lgCambio_15iys_61\",\"heightCambio\":\"_heightCambio_15iys_65\",\"smHeight\":\"_smHeight_15iys_69\",\"md\":\"_md_15iys_57\",\"mdHeight\":\"_mdHeight_15iys_80\",\"lg\":\"_lg_15iys_61\",\"lgHeight\":\"_lgHeight_15iys_91\",\"inputError\":\"_inputError_15iys_95\",\"inputErrorCambio\":\"_inputErrorCambio_15iys_105\"}"],"mappings":"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","names":["TextArea"]}

package/dist/__chunks/AVREYFSM.js

@@ -0,0 +1,9 @@
+"use client"
+
+// css-module:../Box/Box.module.css#css-module
+var Box_module_default = { "box": "_box_xcjsm_1", "flexnone": "_flexnone_xcjsm_5", "flexgrow": "_flexgrow_xcjsm_9", "flexWrap": "_flexWrap_xcjsm_13", "alignItemscenter": "_alignItemscenter_xcjsm_18", "alignItemsstart": "_alignItemsstart_xcjsm_22", "alignItemsend": "_alignItemsend_xcjsm_26", "alignItemsstretch": "_alignItemsstretch_xcjsm_30", "alignItemsbaseline": "_alignItemsbaseline_xcjsm_34", "alignItemscenterSmall": "_alignItemscenterSmall_xcjsm_40", "alignItemsstartSmall": "_alignItemsstartSmall_xcjsm_44", "alignItemsendSmall": "_alignItemsendSmall_xcjsm_48", "alignItemsstretchSmall": "_alignItemsstretchSmall_xcjsm_52", "alignItemsbaselineSmall": "_alignItemsbaselineSmall_xcjsm_56", "alignItemscenterLarge": "_alignItemscenterLarge_xcjsm_63", "alignItemsstartLarge": "_alignItemsstartLarge_xcjsm_67", "alignItemsendLarge": "_alignItemsendLarge_xcjsm_71", "alignItemsstretchLarge": "_alignItemsstretchLarge_xcjsm_75", "alignItemsbaselineLarge": "_alignItemsbaselineLarge_xcjsm_79", "alignSelfcenter": "_alignSelfcenter_xcjsm_85", "alignSelfstart": "_alignSelfstart_xcjsm_89", "alignSelfend": "_alignSelfend_xcjsm_93", "alignSelfstretch": "_alignSelfstretch_xcjsm_97", "alignSelfbaseline": "_alignSelfbaseline_xcjsm_101", "alignSelfauto": "_alignSelfauto_xcjsm_105", "block": "_block_xcjsm_110", "flex": "_flex_xcjsm_5", "inlineBlock": "_inlineBlock_xcjsm_118", "inlineFlex": "_inlineFlex_xcjsm_122", "none": "_none_xcjsm_126", "visuallyHidden": "_visuallyHidden_xcjsm_130", "blockSmall": "_blockSmall_xcjsm_144", "flexSmall": "_flexSmall_xcjsm_148", "inlineBlockSmall": "_inlineBlockSmall_xcjsm_152", "inlineFlexSmall": "_inlineFlexSmall_xcjsm_156", "noneSmall": "_noneSmall_xcjsm_160", "visuallyHiddenSmall": "_visuallyHiddenSmall_xcjsm_164", "blockLarge": "_blockLarge_xcjsm_179", "flexLarge": "_flexLarge_xcjsm_183", "inlineBlockLarge": "_inlineBlockLarge_xcjsm_187", "inlineFlexLarge": "_inlineFlexLarge_xcjsm_191", "noneLarge": "_noneLarge_xcjsm_195", "visuallyHiddenLarge": "_visuallyHiddenLarge_xcjsm_199", "column": "_column_xcjsm_213", "row": "_row_xcjsm_217", "columnSmall": "_columnSmall_xcjsm_223", "rowSmall": "_rowSmall_xcjsm_227", "columnLarge": "_columnLarge_xcjsm_234", "rowLarge": "_rowLarge_xcjsm_238", "gap0": "_gap0_xcjsm_244", "gap1": "_gap1_xcjsm_248", "gap2": "_gap2_xcjsm_252", "gap3": "_gap3_xcjsm_256", "gap4": "_gap4_xcjsm_260", "gap5": "_gap5_xcjsm_264", "gap6": "_gap6_xcjsm_268", "gap7": "_gap7_xcjsm_272", "gap8": "_gap8_xcjsm_276", "gap9": "_gap9_xcjsm_280", "gap10": "_gap10_xcjsm_284", "gap11": "_gap11_xcjsm_288", "gap12": "_gap12_xcjsm_292", "justifyContentcenter": "_justifyContentcenter_xcjsm_297", "justifyContentstart": "_justifyContentstart_xcjsm_301", "justifyContentend": "_justifyContentend_xcjsm_305", "justifyContentbetween": "_justifyContentbetween_xcjsm_309", "justifyContentaround": "_justifyContentaround_xcjsm_313", "justifyContentevenly": "_justifyContentevenly_xcjsm_317", "justifyContentcenterSmall": "_justifyContentcenterSmall_xcjsm_323", "justifyContentstartSmall": "_justifyContentstartSmall_xcjsm_327", "justifyContentendSmall": "_justifyContentendSmall_xcjsm_331", "justifyContentbetweenSmall": "_justifyContentbetweenSmall_xcjsm_335", "justifyContentaroundSmall": "_justifyContentaroundSmall_xcjsm_339", "justifyContentevenlySmall": "_justifyContentevenlySmall_xcjsm_343", "justifyContentcenterLarge": "_justifyContentcenterLarge_xcjsm_350", "justifyContentstartLarge": "_justifyContentstartLarge_xcjsm_354", "justifyContentendLarge": "_justifyContentendLarge_xcjsm_358", "justifyContentbetweenLarge": "_justifyContentbetweenLarge_xcjsm_362", "justifyContentaroundLarge": "_justifyContentaroundLarge_xcjsm_366", "justifyContentevenlyLarge": "_justifyContentevenlyLarge_xcjsm_370", "overflowvisible": "_overflowvisible_xcjsm_376", "overflowhidden": "_overflowhidden_xcjsm_380", "overflowscroll": "_overflowscroll_xcjsm_384", "overflowauto": "_overflowauto_xcjsm_388", "overflowinherit": "_overflowinherit_xcjsm_392", "overflowinitial": "_overflowinitial_xcjsm_396", "overflowXvisible": "_overflowXvisible_xcjsm_400", "overflowXhidden": "_overflowXhidden_xcjsm_404", "overflowXscroll": "_overflowXscroll_xcjsm_408", "overflowXauto": "_overflowXauto_xcjsm_412", "overflowXinherit": "_overflowXinherit_xcjsm_416", "overflowXinitial": "_overflowXinitial_xcjsm_420", "overflowYvisible": "_overflowYvisible_xcjsm_424", "overflowYhidden": "_overflowYhidden_xcjsm_428", "overflowYscroll": "_overflowYscroll_xcjsm_432", "overflowYauto": "_overflowYauto_xcjsm_436", "overflowYinherit": "_overflowYinherit_xcjsm_440", "overflowYinitial": "_overflowYinitial_xcjsm_444", "absolute": "_absolute_xcjsm_449", "fixed": "_fixed_xcjsm_453", "relative": "_relative_xcjsm_457", "sticky": "_sticky_xcjsm_461" };
+
+export {
+  Box_module_default
+};
+//# sourceMappingURL=AVREYFSM.js.map

package/dist/__chunks/AVREYFSM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Box/Box.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css\"; export default {\"box\":\"_box_xcjsm_1\",\"flexnone\":\"_flexnone_xcjsm_5\",\"flexgrow\":\"_flexgrow_xcjsm_9\",\"flexWrap\":\"_flexWrap_xcjsm_13\",\"alignItemscenter\":\"_alignItemscenter_xcjsm_18\",\"alignItemsstart\":\"_alignItemsstart_xcjsm_22\",\"alignItemsend\":\"_alignItemsend_xcjsm_26\",\"alignItemsstretch\":\"_alignItemsstretch_xcjsm_30\",\"alignItemsbaseline\":\"_alignItemsbaseline_xcjsm_34\",\"alignItemscenterSmall\":\"_alignItemscenterSmall_xcjsm_40\",\"alignItemsstartSmall\":\"_alignItemsstartSmall_xcjsm_44\",\"alignItemsendSmall\":\"_alignItemsendSmall_xcjsm_48\",\"alignItemsstretchSmall\":\"_alignItemsstretchSmall_xcjsm_52\",\"alignItemsbaselineSmall\":\"_alignItemsbaselineSmall_xcjsm_56\",\"alignItemscenterLarge\":\"_alignItemscenterLarge_xcjsm_63\",\"alignItemsstartLarge\":\"_alignItemsstartLarge_xcjsm_67\",\"alignItemsendLarge\":\"_alignItemsendLarge_xcjsm_71\",\"alignItemsstretchLarge\":\"_alignItemsstretchLarge_xcjsm_75\",\"alignItemsbaselineLarge\":\"_alignItemsbaselineLarge_xcjsm_79\",\"alignSelfcenter\":\"_alignSelfcenter_xcjsm_85\",\"alignSelfstart\":\"_alignSelfstart_xcjsm_89\",\"alignSelfend\":\"_alignSelfend_xcjsm_93\",\"alignSelfstretch\":\"_alignSelfstretch_xcjsm_97\",\"alignSelfbaseline\":\"_alignSelfbaseline_xcjsm_101\",\"alignSelfauto\":\"_alignSelfauto_xcjsm_105\",\"block\":\"_block_xcjsm_110\",\"flex\":\"_flex_xcjsm_5\",\"inlineBlock\":\"_inlineBlock_xcjsm_118\",\"inlineFlex\":\"_inlineFlex_xcjsm_122\",\"none\":\"_none_xcjsm_126\",\"visuallyHidden\":\"_visuallyHidden_xcjsm_130\",\"blockSmall\":\"_blockSmall_xcjsm_144\",\"flexSmall\":\"_flexSmall_xcjsm_148\",\"inlineBlockSmall\":\"_inlineBlockSmall_xcjsm_152\",\"inlineFlexSmall\":\"_inlineFlexSmall_xcjsm_156\",\"noneSmall\":\"_noneSmall_xcjsm_160\",\"visuallyHiddenSmall\":\"_visuallyHiddenSmall_xcjsm_164\",\"blockLarge\":\"_blockLarge_xcjsm_179\",\"flexLarge\":\"_flexLarge_xcjsm_183\",\"inlineBlockLarge\":\"_inlineBlockLarge_xcjsm_187\",\"inlineFlexLarge\":\"_inlineFlexLarge_xcjsm_191\",\"noneLarge\":\"_noneLarge_xcjsm_195\",\"visuallyHiddenLarge\":\"_visuallyHiddenLarge_xcjsm_199\",\"column\":\"_column_xcjsm_213\",\"row\":\"_row_xcjsm_217\",\"columnSmall\":\"_columnSmall_xcjsm_223\",\"rowSmall\":\"_rowSmall_xcjsm_227\",\"columnLarge\":\"_columnLarge_xcjsm_234\",\"rowLarge\":\"_rowLarge_xcjsm_238\",\"gap0\":\"_gap0_xcjsm_244\",\"gap1\":\"_gap1_xcjsm_248\",\"gap2\":\"_gap2_xcjsm_252\",\"gap3\":\"_gap3_xcjsm_256\",\"gap4\":\"_gap4_xcjsm_260\",\"gap5\":\"_gap5_xcjsm_264\",\"gap6\":\"_gap6_xcjsm_268\",\"gap7\":\"_gap7_xcjsm_272\",\"gap8\":\"_gap8_xcjsm_276\",\"gap9\":\"_gap9_xcjsm_280\",\"gap10\":\"_gap10_xcjsm_284\",\"gap11\":\"_gap11_xcjsm_288\",\"gap12\":\"_gap12_xcjsm_292\",\"justifyContentcenter\":\"_justifyContentcenter_xcjsm_297\",\"justifyContentstart\":\"_justifyContentstart_xcjsm_301\",\"justifyContentend\":\"_justifyContentend_xcjsm_305\",\"justifyContentbetween\":\"_justifyContentbetween_xcjsm_309\",\"justifyContentaround\":\"_justifyContentaround_xcjsm_313\",\"justifyContentevenly\":\"_justifyContentevenly_xcjsm_317\",\"justifyContentcenterSmall\":\"_justifyContentcenterSmall_xcjsm_323\",\"justifyContentstartSmall\":\"_justifyContentstartSmall_xcjsm_327\",\"justifyContentendSmall\":\"_justifyContentendSmall_xcjsm_331\",\"justifyContentbetweenSmall\":\"_justifyContentbetweenSmall_xcjsm_335\",\"justifyContentaroundSmall\":\"_justifyContentaroundSmall_xcjsm_339\",\"justifyContentevenlySmall\":\"_justifyContentevenlySmall_xcjsm_343\",\"justifyContentcenterLarge\":\"_justifyContentcenterLarge_xcjsm_350\",\"justifyContentstartLarge\":\"_justifyContentstartLarge_xcjsm_354\",\"justifyContentendLarge\":\"_justifyContentendLarge_xcjsm_358\",\"justifyContentbetweenLarge\":\"_justifyContentbetweenLarge_xcjsm_362\",\"justifyContentaroundLarge\":\"_justifyContentaroundLarge_xcjsm_366\",\"justifyContentevenlyLarge\":\"_justifyContentevenlyLarge_xcjsm_370\",\"overflowvisible\":\"_overflowvisible_xcjsm_376\",\"overflowhidden\":\"_overflowhidden_xcjsm_380\",\"overflowscroll\":\"_overflowscroll_xcjsm_384\",\"overflowauto\":\"_overflowauto_xcjsm_388\",\"overflowinherit\":\"_overflowinherit_xcjsm_392\",\"overflowinitial\":\"_overflowinitial_xcjsm_396\",\"overflowXvisible\":\"_overflowXvisible_xcjsm_400\",\"overflowXhidden\":\"_overflowXhidden_xcjsm_404\",\"overflowXscroll\":\"_overflowXscroll_xcjsm_408\",\"overflowXauto\":\"_overflowXauto_xcjsm_412\",\"overflowXinherit\":\"_overflowXinherit_xcjsm_416\",\"overflowXinitial\":\"_overflowXinitial_xcjsm_420\",\"overflowYvisible\":\"_overflowYvisible_xcjsm_424\",\"overflowYhidden\":\"_overflowYhidden_xcjsm_428\",\"overflowYscroll\":\"_overflowYscroll_xcjsm_432\",\"overflowYauto\":\"_overflowYauto_xcjsm_436\",\"overflowYinherit\":\"_overflowYinherit_xcjsm_440\",\"overflowYinitial\":\"_overflowYinitial_xcjsm_444\",\"absolute\":\"_absolute_xcjsm_449\",\"fixed\":\"_fixed_xcjsm_453\",\"relative\":\"_relative_xcjsm_457\",\"sticky\":\"_sticky_xcjsm_461\"}"],"mappings":";;;AAAsF,IAAO,qBAAQ,EAAC,OAAM,gBAAe,YAAW,qBAAoB,YAAW,qBAAoB,YAAW,sBAAqB,oBAAmB,8BAA6B,mBAAkB,6BAA4B,iBAAgB,2BAA0B,qBAAoB,+BAA8B,sBAAqB,gCAA+B,yBAAwB,mCAAkC,wBAAuB,kCAAiC,sBAAqB,gCAA+B,0BAAyB,oCAAmC,2BAA0B,qCAAoC,yBAAwB,mCAAkC,wBAAuB,kCAAiC,sBAAqB,gCAA+B,0BAAyB,oCAAmC,2BAA0B,qCAAoC,mBAAkB,6BAA4B,kBAAiB,4BAA2B,gBAAe,0BAAyB,oBAAmB,8BAA6B,qBAAoB,gCAA+B,iBAAgB,4BAA2B,SAAQ,oBAAmB,QAAO,iBAAgB,eAAc,0BAAyB,cAAa,yBAAwB,QAAO,mBAAkB,kBAAiB,6BAA4B,cAAa,yBAAwB,aAAY,wBAAuB,oBAAmB,+BAA8B,mBAAkB,8BAA6B,aAAY,wBAAuB,uBAAsB,kCAAiC,cAAa,yBAAwB,aAAY,wBAAuB,oBAAmB,+BAA8B,mBAAkB,8BAA6B,aAAY,wBAAuB,uBAAsB,kCAAiC,UAAS,qBAAoB,OAAM,kBAAiB,eAAc,0BAAyB,YAAW,uBAAsB,eAAc,0BAAyB,YAAW,uBAAsB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,SAAQ,oBAAmB,SAAQ,oBAAmB,SAAQ,oBAAmB,wBAAuB,mCAAkC,uBAAsB,kCAAiC,qBAAoB,gCAA+B,yBAAwB,oCAAmC,wBAAuB,mCAAkC,wBAAuB,mCAAkC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,0BAAyB,qCAAoC,8BAA6B,yCAAwC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,0BAAyB,qCAAoC,8BAA6B,yCAAwC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,mBAAkB,8BAA6B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,gBAAe,2BAA0B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,oBAAmB,+BAA8B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,iBAAgB,4BAA2B,oBAAmB,+BAA8B,oBAAmB,+BAA8B,oBAAmB,+BAA8B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,iBAAgB,4BAA2B,oBAAmB,+BAA8B,oBAAmB,+BAA8B,YAAW,uBAAsB,SAAQ,oBAAmB,YAAW,uBAAsB,UAAS,oBAAmB;","names":[]}

package/dist/__chunks/{NYOKOJQB.cjs → BXUTWPRU.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _ZX7LO5H4cjs = require('./ZX7LO5H4.cjs');
+var _DSMWIJEYcjs = require('./DSMWIJEY.cjs');
 
 
-var _ULMCQ7EAcjs = require('./ULMCQ7EA.cjs');
+var _VL5ONCQDcjs = require('./VL5ONCQD.cjs');
 
 
 var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 
 
-var _SBCGYV6Ncjs = require('./SBCGYV6N.cjs');
+var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
 var _LLFHCGRAcjs = require('./LLFHCGRA.cjs');
@@ -53,9 +53,9 @@ var AriaPopover = _react.forwardRef.call(void 0,
           offset: 8,
           containerPadding: 16,
           className: _classnames2.default.call(void 0, [
-            _SBCGYV6Ncjs.Box_module_default.box,
-            _SBCGYV6Ncjs.Box_module_default.flex,
-            _SBCGYV6Ncjs.Box_module_default.column,
+            _IL22HCBFcjs.Box_module_default.box,
+            _IL22HCBFcjs.Box_module_default.flex,
+            _IL22HCBFcjs.Box_module_default.column,
             _MF7LLV7Vcjs.layout_module_default.fullMaxWidth,
             _MF7LLV7Vcjs.layout_module_default.fullMaxHeight,
             _MF7LLV7Vcjs.layout_module_default.visibilityVisible,
@@ -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, 
-    _ZX7LO5H4cjs.ModalDialog_default,
+    _DSMWIJEYcjs.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, _ULMCQ7EAcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VL5ONCQDcjs.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=NYOKOJQB.cjs.map
+//# sourceMappingURL=BXUTWPRU.cjs.map

package/dist/__chunks/{OFOTR7RY.js → CTBXXNZP.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   RadioButton_default
-} from "./TXXXNKKO.js";
+} from "./3Y55NZKO.js";
 import {
   RichSelectItem_default
 } from "./3AAZZWKY.js";
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=OFOTR7RY.js.map
+//# sourceMappingURL=CTBXXNZP.js.map

package/dist/__chunks/CXD34CNP.cjs

@@ -0,0 +1,147 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
+
+
+var _LLI3KZARcjs = require('./LLI3KZAR.cjs');
+
+
+var _27K33DEMcjs = require('./27K33DEM.cjs');
+
+
+var _6W5WRS53cjs = require('./6W5WRS53.cjs');
+
+
+var _X2SDR4SDcjs = require('./X2SDR4SD.cjs');
+
+// src/Avatar/Avatar.tsx
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+
+// css-module:./Avatar.module.css#css-module
+var Avatar_module_default = { "avatar": "_avatar_1rbb4_1", "avatarImage": "_avatarImage_1rbb4_5", "avatarImageClassic": "_avatarImageClassic_1rbb4_13", "avatarImageOutlineCambio": "_avatarImageOutlineCambio_1rbb4_17", "sm": "_sm_1rbb4_21", "md": "_md_1rbb4_26", "lg": "_lg_1rbb4_31", "xl": "_xl_1rbb4_36", "smCambio": "_smCambio_1rbb4_41", "mdCambio": "_mdCambio_1rbb4_46", "lgCambio": "_lgCambio_1rbb4_51", "xlCambio": "_xlCambio_1rbb4_56" };
+
+// src/Avatar/Avatar.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var sizeToIconStyles = {
+  sm: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },
+  md: { bottom: 6, marginInlineEnd: 2, height: 8, width: 8 },
+  lg: { bottom: 6, marginInlineEnd: 6, height: 12, width: 12 },
+  xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 }
+};
+var sizeToMarginClassic = {
+  sm: -16,
+  md: -28,
+  lg: -48,
+  xl: -88
+};
+var sizeToMarginCambio = {
+  sm: -12,
+  md: -20,
+  lg: -28,
+  xl: -28
+};
+function AvatarInternal({
+  accessibilityLabel,
+  icon,
+  outline,
+  size = "md",
+  src
+}) {
+  const { themeName } = _6W5WRS53cjs.useTheme.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _classnames2.default.call(void 0, 
+        Avatar_module_default.avatar,
+        themeName === "classic" ? Avatar_module_default[size] : Avatar_module_default[`${size}Cambio`]
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "img",
+          {
+            alt: accessibilityLabel,
+            src,
+            className: _classnames2.default.call(void 0, 
+              Avatar_module_default.avatarImage,
+              themeName === "classic" && Avatar_module_default.avatarImageClassic,
+              themeName === "cambio" && outline && Avatar_module_default.avatarImageOutlineCambio,
+              themeName === "classic" ? Avatar_module_default[size] : Avatar_module_default[`${size}Cambio`]
+            )
+          }
+        ),
+        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _27K33DEMcjs.Box_default,
+          {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            position: "absolute",
+            backgroundColor: "white",
+            dangerouslySetInlineStyle: {
+              __style: _X2SDR4SDcjs.__spreadValues.call(void 0, {
+                border: "1px solid white"
+              }, sizeToIconStyles[size])
+            },
+            rounding: "full",
+            children: icon
+          }
+        ) })
+      ]
+    }
+  );
+}
+var Avatar = ({
+  accessibilityLabel,
+  icon,
+  size = "md",
+  src
+}) => {
+  const avatarGroupContext = _LLI3KZARcjs.useAvatarGroup.call(void 0, );
+  const { themeName } = _6W5WRS53cjs.useTheme.call(void 0, );
+  if (avatarGroupContext !== null) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _27K33DEMcjs.Box_default,
+      {
+        position: "relative",
+        dangerouslySetInlineStyle: {
+          __style: {
+            marginInlineEnd: themeName === "cambio" ? sizeToMarginCambio[avatarGroupContext.size] : sizeToMarginClassic[avatarGroupContext.size]
+          }
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _27K33DEMcjs.Box_default,
+          {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: "white",
+            rounding: "full",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              AvatarInternal,
+              {
+                accessibilityLabel,
+                icon,
+                outline: themeName === "cambio",
+                size: avatarGroupContext.size,
+                src
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    AvatarInternal,
+    {
+      accessibilityLabel,
+      icon,
+      size,
+      src
+    }
+  );
+};
+var Avatar_default = Avatar;
+
+
+
+exports.Avatar_default = Avatar_default;
+//# sourceMappingURL=CXD34CNP.cjs.map

package/dist/__chunks/CXD34CNP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module"],"names":[],"mappings":"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","sourcesContent":["import { type ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\nimport Box from \"../Box/Box\";\nimport { useAvatarGroup } from \"../AvatarGroup/AvatarGroup\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nconst sizeToIconStyles = {\n  sm: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },\n  md: { bottom: 6, marginInlineEnd: 2, height: 8, width: 8 },\n  lg: { bottom: 6, marginInlineEnd: 6, height: 12, width: 12 },\n  xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 },\n} as const;\n\nconst sizeToMarginClassic = {\n  sm: -16,\n  md: -28,\n  lg: -48,\n  xl: -88,\n} as const;\n\nconst sizeToMarginCambio = {\n  sm: -12,\n  md: -20,\n  lg: -28,\n  xl: -28,\n} as const;\n\nfunction AvatarInternal({\n  accessibilityLabel,\n  icon,\n  outline,\n  size = \"md\",\n  src,\n}: {\n  accessibilityLabel: string;\n  icon?: React.ReactElement;\n  outline?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  src: string;\n}): ReactElement {\n  const { themeName } = useTheme();\n\n  return (\n    <div\n      className={classNames(\n        styles.avatar,\n        themeName === \"classic\" ? styles[size] : styles[`${size}Cambio`],\n      )}\n    >\n      <img\n        alt={accessibilityLabel}\n        src={src}\n        className={classNames(\n          styles.avatarImage,\n          themeName === \"classic\" && styles.avatarImageClassic,\n          themeName === \"cambio\" && outline && styles.avatarImageOutlineCambio,\n          themeName === \"classic\" ? styles[size] : styles[`${size}Cambio`],\n        )}\n      />\n      {icon && (\n        <Box display=\"flex\" position=\"relative\" justifyContent=\"end\">\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            position=\"absolute\"\n            backgroundColor=\"white\"\n            dangerouslySetInlineStyle={{\n              __style: {\n                border: \"1px solid white\",\n                ...sizeToIconStyles[size],\n              },\n            }}\n            rounding=\"full\"\n          >\n            {icon}\n          </Box>\n        </Box>\n      )}\n    </div>\n  );\n}\n\n/**\n * [Avatar](https://cambly-syntax.vercel.app/?path=/docs/components-avatar--docs) is a circular image that represents a user.\n */\nconst Avatar = ({\n  accessibilityLabel,\n  icon,\n  size = \"md\",\n  src,\n}: {\n  /**\n   * Alt text to use for the image.\n   * This should describe the image to people using screen readers.\n   */\n  accessibilityLabel: string;\n  /**\n   * optional icon that appears on the bottom corner of the avatar\n   */\n  icon?: React.ReactElement;\n  /**\n   * Size of the avatar.\n   *\n   * Classic:\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * Cambio:\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   * * `xl`: 64px (deprecated, maps to `lg` in Cambio)\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\n}): JSX.Element => {\n  const avatarGroupContext = useAvatarGroup();\n  const { themeName } = useTheme();\n\n  if (avatarGroupContext !== null) {\n    return (\n      <Box\n        position=\"relative\"\n        dangerouslySetInlineStyle={{\n          __style: {\n            marginInlineEnd:\n              themeName === \"cambio\"\n                ? sizeToMarginCambio[avatarGroupContext.size]\n                : sizeToMarginClassic[avatarGroupContext.size],\n          },\n        }}\n      >\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          backgroundColor=\"white\"\n          rounding=\"full\"\n        >\n          <AvatarInternal\n            accessibilityLabel={accessibilityLabel}\n            icon={icon}\n            outline={themeName === \"cambio\"}\n            size={avatarGroupContext.size}\n            src={src}\n          />\n        </Box>\n      </Box>\n    );\n  }\n\n  return (\n    <AvatarInternal\n      accessibilityLabel={accessibilityLabel}\n      icon={icon}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_1rbb4_1\",\"avatarImage\":\"_avatarImage_1rbb4_5\",\"avatarImageClassic\":\"_avatarImageClassic_1rbb4_13\",\"avatarImageOutlineCambio\":\"_avatarImageOutlineCambio_1rbb4_17\",\"sm\":\"_sm_1rbb4_21\",\"md\":\"_md_1rbb4_26\",\"lg\":\"_lg_1rbb4_31\",\"xl\":\"_xl_1rbb4_36\",\"smCambio\":\"_smCambio_1rbb4_41\",\"mdCambio\":\"_mdCambio_1rbb4_46\",\"lgCambio\":\"_lgCambio_1rbb4_51\",\"xlCambio\":\"_xlCambio_1rbb4_56\"}"]}

package/dist/__chunks/D63KNAL7.js

@@ -0,0 +1,63 @@
+"use client"
+import {
+  Box_default
+} from "./YGKZCJF5.js";
+import {
+  Typography_default
+} from "./2A52YKFW.js";
+import {
+  useTheme
+} from "./FY4WHNNR.js";
+
+// css-module:./Badge.module.css#css-module
+var Badge_module_default = { "icon": "_icon_1g9xb_1" };
+
+// src/Badge/Badge.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var textColorForBackgroundColor = (color) => {
+  switch (color) {
+    case "gray200":
+    case "yellow700":
+      return "gray900";
+    default:
+      return "white";
+  }
+};
+var Badge = ({
+  icon: Icon,
+  text,
+  color = "primary700"
+}) => {
+  const { themeName } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Box_default,
+    {
+      display: themeName === "classic" ? "inlineBlock" : "inlineFlex",
+      paddingX: themeName === "classic" ? 2 : 3,
+      paddingY: 1,
+      rounding: themeName === "classic" ? "full" : "sm",
+      backgroundColor: color,
+      alignItems: "center",
+      justifyContent: "center",
+      height: themeName === "cambio" ? 32 : void 0,
+      children: /* @__PURE__ */ jsx(Typography_default, { color: textColorForBackgroundColor(color), children: /* @__PURE__ */ jsxs(Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
+        Icon && /* @__PURE__ */ jsx(Icon, { className: Badge_module_default.icon }),
+        /* @__PURE__ */ jsx(
+          Typography_default,
+          {
+            color: textColorForBackgroundColor(color),
+            size: 100,
+            weight: themeName === "classic" ? "bold" : "medium",
+            children: text
+          }
+        )
+      ] }) })
+    }
+  );
+};
+var Badge_default = Badge;
+
+export {
+  Badge_default
+};
+//# sourceMappingURL=D63KNAL7.js.map

package/dist/__chunks/D63KNAL7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./Badge.module.css#css-module","../../src/Badge/Badge.tsx"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css\"; export default {\"icon\":\"_icon_1g9xb_1\"}","import Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Badge.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nconst BadgeColor = [\n  \"gray200\",\n  \"gray900\",\n  \"destructive700\",\n  \"orange700\",\n  \"yellow700\",\n  \"success700\",\n  \"primary700\",\n  \"purple700\",\n] as const;\n\nconst textColorForBackgroundColor = (\n  color: (typeof BadgeColor)[number],\n): \"gray900\" | \"white\" => {\n  switch (color) {\n    case \"gray200\":\n    case \"yellow700\":\n      return \"gray900\";\n    default:\n      return \"white\";\n  }\n};\n\n/**\n * [Badge](https://cambly-syntax.vercel.app/?path=/docs/components-badge--docs) is a component to display short text and give additional context to features and other components.\n */\nconst Badge = ({\n  icon: Icon,\n  text,\n  color = \"primary700\",\n}: {\n  /**\n   * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The text to display inside the badge\n   */\n  text: string;\n  /**\n   * The color of the badge\n   *\n   * @defaultValue \"primary700\"\n   */\n  color?: (typeof BadgeColor)[number];\n}): JSX.Element => {\n  const { themeName } = useTheme();\n\n  return (\n    <Box\n      display={themeName === \"classic\" ? \"inlineBlock\" : \"inlineFlex\"}\n      paddingX={themeName === \"classic\" ? 2 : 3}\n      paddingY={1}\n      rounding={themeName === \"classic\" ? \"full\" : \"sm\"}\n      backgroundColor={color}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      height={themeName === \"cambio\" ? 32 : undefined}\n    >\n      <Typography color={textColorForBackgroundColor(color)}>\n        <Box display=\"flex\" gap={1} alignItems=\"center\" justifyContent=\"start\">\n          {Icon && <Icon className={styles.icon} />}\n          <Typography\n            color={textColorForBackgroundColor(color)}\n            size={100}\n            weight={themeName === \"classic\" ? \"bold\" : \"medium\"}\n          >\n            {text}\n          </Typography>\n        </Box>\n      </Typography>\n    </Box>\n  );\n};\n\nexport default Badge;\n"],"mappings":";;;;;;;;;;;;AAA0F,IAAO,uBAAQ,EAAC,QAAO,gBAAe;;;ACiExH,SACW,KADX;AAjDR,IAAM,8BAA8B,CAClC,UACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,QAAQ,CAAC;AAAA,EACb,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AACV,MAemB;AACjB,QAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,cAAc,YAAY,gBAAgB;AAAA,MACnD,UAAU,cAAc,YAAY,IAAI;AAAA,MACxC,UAAU;AAAA,MACV,UAAU,cAAc,YAAY,SAAS;AAAA,MAC7C,iBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAQ,cAAc,WAAW,KAAK;AAAA,MAEtC,8BAAC,sBAAW,OAAO,4BAA4B,KAAK,GAClD,+BAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,YAAW,UAAS,gBAAe,SAC5D;AAAA,gBAAQ,oBAAC,QAAK,WAAW,qBAAO,MAAM;AAAA,QACvC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,4BAA4B,KAAK;AAAA,YACxC,MAAM;AAAA,YACN,QAAQ,cAAc,YAAY,SAAS;AAAA,YAE1C;AAAA;AAAA,QACH;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/__chunks/{ZX7LO5H4.cjs → DSMWIJEY.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _H44LFJ2Lcjs = require('./H44LFJ2L.cjs');
+var _7P7YX4X2cjs = require('./7P7YX4X2.cjs');
 
 
-var _ULMCQ7EAcjs = require('./ULMCQ7EA.cjs');
+var _VL5ONCQDcjs = require('./VL5ONCQD.cjs');
 
 
 var _PLUVW6AMcjs = require('./PLUVW6AM.cjs');
 
 
-var _SBCGYV6Ncjs = require('./SBCGYV6N.cjs');
+var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _WJRIAS4Wcjs = require('./WJRIAS4W.cjs');
+var _27K33DEMcjs = require('./27K33DEM.cjs');
 
 
 var _E5P6WRJDcjs = require('./E5P6WRJD.cjs');
@@ -52,13 +52,13 @@ function XIcon({ color = "#000" }) {
 var AriaModalOverlay = _react.forwardRef.call(void 0, function AriaModalOverlay2(_a, ref) {
   var _b = _a, { children } = _b, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _b, ["children"]);
   const className = _classnames2.default.call(void 0, [
-    _SBCGYV6Ncjs.Box_module_default.box,
-    _SBCGYV6Ncjs.Box_module_default.fixed,
-    _SBCGYV6Ncjs.Box_module_default.box,
-    _SBCGYV6Ncjs.Box_module_default.flex,
-    _SBCGYV6Ncjs.Box_module_default.column,
-    _SBCGYV6Ncjs.Box_module_default.alignItemscenter,
-    _SBCGYV6Ncjs.Box_module_default.justifyContentcenter,
+    _IL22HCBFcjs.Box_module_default.box,
+    _IL22HCBFcjs.Box_module_default.fixed,
+    _IL22HCBFcjs.Box_module_default.box,
+    _IL22HCBFcjs.Box_module_default.flex,
+    _IL22HCBFcjs.Box_module_default.column,
+    _IL22HCBFcjs.Box_module_default.alignItemscenter,
+    _IL22HCBFcjs.Box_module_default.justifyContentcenter,
     _PLUVW6AMcjs.padding_module_default.paddingX4,
     _PLUVW6AMcjs.padding_module_default.paddingY4,
     ModalDialog_module_default.modalOverlay
@@ -68,7 +68,7 @@ var AriaModalOverlay = _react.forwardRef.call(void 0, function AriaModalOverlay2
 var AriaModal = _react.forwardRef.call(void 0, 
   function AriaModal2(_a, ref) {
     var _b = _a, { children: childrenProp, onChangeContentVisibility } = _b, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _b, ["children", "onChangeContentVisibility"]);
-    const className = _classnames2.default.call(void 0, [_SBCGYV6Ncjs.Box_module_default.box, ModalDialog_module_default.modal]);
+    const className = _classnames2.default.call(void 0, [_IL22HCBFcjs.Box_module_default.box, ModalDialog_module_default.modal]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Modal, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, { ref }, _reactaria.mergeProps.call(void 0, { className }, otherProps)), { children: _reactariacomponents.composeRenderProps.call(void 0, 
       childrenProp,
       (children, { isEntering, isExiting }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -113,13 +113,13 @@ var ModalDialog = _react.forwardRef.call(void 0,
             "aria-label": accessibilityLabel,
             onChangeContentVisibility,
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _ULMCQ7EAcjs.Dialog_default,
+              _VL5ONCQDcjs.Dialog_default,
               {
                 accessibilityLabel,
                 "data-testid": dataTestId,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _WJRIAS4Wcjs.Box_default,
+                    _27K33DEMcjs.Box_default,
                     {
                       position: "absolute",
                       padding: 2,
@@ -130,7 +130,7 @@ var ModalDialog = _react.forwardRef.call(void 0,
                         }
                       },
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _H44LFJ2Lcjs.IconButton_default,
+                        _7P7YX4X2cjs.IconButton_default,
                         {
                           onClick: () => state.close(),
                           color: "tertiary",
@@ -157,4 +157,4 @@ var ModalDialog_default = ModalDialog;
 
 
 exports.AriaModalOverlay = AriaModalOverlay; exports.AriaModal = AriaModal; exports.ModalDialog_default = ModalDialog_default;
-//# sourceMappingURL=ZX7LO5H4.cjs.map
+//# sourceMappingURL=DSMWIJEY.cjs.map