@cambly/syntax-core 15.3.0 → 15.5.0

package/dist/__chunks/{Z5N4IV4T.js → I5ZPCA36.js}

@@ -1,37 +1,37 @@
 "use client"
-import {
-  RichSelectBoxContext,
-  RichSelectBox_default,
-  convertSelection
-} from "./OTGGVIQE.js";
-import {
-  RichSelectChip_default
-} from "./L5CT6YRH.js";
 import {
   Popover_default
-} from "./Y67FDYEF.js";
+} from "./ZYWRMB4F.js";
 import {
   DialogContext
-} from "./TZGJS522.js";
-import {
-  TapArea_default
-} from "./77FFPQY6.js";
+} from "./5HEC7ASW.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./KJ7XJWSH.js";
+} from "./IXQVCN37.js";
+import {
+  RichSelectBoxContext,
+  RichSelectBox_default,
+  convertSelection
+} from "./5RXHG6S5.js";
 import {
   RichSelectSection_default
-} from "./YI35INQ7.js";
+} from "./RE6LUYXB.js";
 import {
   RichSelectRadioButton_default
-} from "./ONZHIMUG.js";
+} from "./BS5FRXYG.js";
+import {
+  RichSelectChip_default
+} from "./DRQYQTCA.js";
+import {
+  TapArea_default
+} from "./77FFPQY6.js";
 import {
   Box_default
-} from "./M36V23WR.js";
+} from "./65PMWIHY.js";
 import {
   Typography_default
-} from "./JRDHZ3QL.js";
+} from "./UXDF6ZIG.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -181,6 +181,7 @@ function RichSelectList(props) {
                     {
                       padding: autosave ? void 0 : 5,
                       dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
+                      role: "menu",
                       children: /* @__PURE__ */ jsx(
                         RichSelectBox_default,
                         __spreadProps(__spreadValues({
@@ -266,4 +267,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=Z5N4IV4T.js.map
+//# sourceMappingURL=I5ZPCA36.js.map

package/dist/__chunks/I5ZPCA36.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RichSelect/RichSelectList.tsx","css-module:../SelectList/SelectList.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactElement,\n  useMemo,\n  type SyntheticEvent,\n  useRef,\n  useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport {\n  ColorBaseDestructive700,\n  ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport Popover from \"../Popover/Popover\";\nimport {\n  Label as ReactAriaLabel,\n  Provider as ReactAriaProvider,\n} from \"react-aria-components\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport { setInteractionModality } from \"@react-aria/interactions\";\nimport { DialogContext } from \"../Dialog/Dialog\";\nimport styles from \"../SelectList/SelectList.module.css\";\nimport RichSelectBox, {\n  RichSelectBoxContext,\n  convertSelection,\n  type RichSelectBoxProps,\n} from \"./RichSelectBox\";\nimport TapArea from \"../TapArea/TapArea\";\nimport { type OverlayHandlerRef } from \"../react-aria-utils/Triggerable\";\nimport Box from \"../Box/Box\";\nimport RichSelectSection from \"./RichSelectSection\";\nimport RichSelectChip from \"./RichSelectChip\";\nimport RichSelectRadioButton from \"./RichSelectRadioButton\";\nimport { useField } from \"react-aria\";\n\nconst NOOP = () => undefined;\n\nexport type RichSelectListProps = RichSelectBoxProps & {\n  /** Test id for the select element */\n  \"data-testid\"?: string;\n  /**\n   * Disables the select dropdown entirely\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** Callback to be called when select is clicked */\n  onClick?: (event: SyntheticEvent<HTMLDivElement>) => void;\n  /** Text shown below select box if there is an input error. */\n  errorText?: string;\n  /** Text shown below select box */\n  helperText?: string;\n  /**\n   * RichSelectList id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /** Text shown above select box */\n  label: string;\n  /**\n   * Text showing in select box if no option has been chosen.\n   * There should always have a placeholder unless there is a default option selected\n   */\n  placeholderText?: string;\n  /** Use to render (override) text shown in the select box */\n  selectTextValue?: (selectedValues?: \"all\" | string[]) => string | undefined;\n};\n\n/**\n * [RichSelectList](https://cambly-syntax.vercel.app/?path=/docs/components-richselectlist--docs) is a dropdown menu that allows users to select one or multiple options from a list.\n *\n * Example Usage:\n ```\n  <RichSelectList\n    label=\"My Label\"\n    multiple\n    onChange={() => { ... }}\n    primaryButtonText=\"Save\"\n    primaryButtonAccessibilityLabel=\"Save\"\n    secondaryButtonText=\"Clear\"\n    secondaryButtonAccessibilityLabel=\"Clear\"\n  >\n    <RichSelectList.Section label=\"Cities\">\n      <RichSelectList.Chip label=\"San Francisco\" value=\"sf\" />\n      <RichSelectList.Chip label=\"New York\" value=\"ny\" disabled />\n      <RichSelectList.Chip label=\"Tulsa\" value=\"tulsa\" />\n      <RichSelectList.Chip label=\"Chicago\" value=\"chicago\" disabled />\n    </RichSelectList.Section>\n  </RichSelectList>\n ```\n */\nfunction RichSelectList(props: RichSelectListProps): ReactElement {\n  const {\n    autosave,\n    children,\n    \"data-testid\": dataTestId,\n    disabled: disabledProp = false,\n    errorText,\n    helperText,\n    label,\n    id,\n    onChange,\n    onClick = NOOP,\n    placeholderText,\n    selectTextValue,\n    selectedValues: selectedValuesProp,\n    defaultSelectedValues: defaultSelectedValuesProp,\n    ...richSelectBoxProps\n  } = props;\n\n  const reactId = useId();\n  const inputId = id ?? reactId;\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n\n  // passed to popover, which attached open/close methods\n  const overlayHandlerRef = useRef<OverlayHandlerRef>({});\n\n  const selectedKeysProp = useMemo(\n    () => convertSelection(selectedValuesProp),\n    [selectedValuesProp],\n  );\n  const defaultSelectedKeys = useMemo(\n    () => convertSelection(defaultSelectedValuesProp, new Set()),\n    [defaultSelectedValuesProp],\n  );\n  const [selectedKeys, setSelectedKeys] = useControlledState(\n    selectedKeysProp!, // eslint-disable-line @typescript-eslint/no-non-null-assertion -- there is a bug in the typedef for useControlledState from react-stately.  Internally they rely on value (first arg) able to be undefined\n    defaultSelectedKeys,\n    (value) => {\n      const _value = value === \"all\" ? \"all\" : [...value].map(String);\n      onChange(_value);\n      if (!autosave) overlayHandlerRef.current.close?.();\n    },\n  );\n\n  const selectedTextValue = useMemo(() => {\n    if (selectTextValue)\n      return (\n        selectTextValue(\n          selectedKeys === \"all\" ? \"all\" : [...selectedKeys].map(String),\n        ) ?? placeholderText\n      );\n    if (selectedKeys === \"all\") return \"All selected\";\n    if (selectedKeys.size) return `${selectedKeys.size} selected`;\n    return placeholderText;\n  }, [selectTextValue, selectedKeys, placeholderText]);\n\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField({\n      label, // this is the label for the select box\n      description: helperText,\n      errorMessage: errorText,\n    });\n\n  return (\n    <ReactAriaProvider\n      values={[\n        [RichSelectBoxContext, { autoFocus: true }],\n        [DialogContext, { padding: autosave ? undefined : 0 }], // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided\n      ]}\n    >\n      <div\n        className={classNames(styles.selectContainer, {\n          [styles.opacityOverlay]: disabled,\n        })}\n        onClick={onClick}\n      >\n        {label && (\n          <>\n            <ReactAriaLabel\n              data-testid={[dataTestId, \"label\"].filter(Boolean).join(\"-\")}\n              {...labelProps}\n              onClick={() => {\n                if (disabled) return;\n                fieldRef.current?.focus();\n                setInteractionModality(\"keyboard\"); // Show the focus ring so the user knows where focus went\n              }}\n            >\n              <Box paddingX={1}>\n                <Typography size={100} color=\"gray700\">\n                  {label}\n                </Typography>\n              </Box>\n            </ReactAriaLabel>\n          </>\n        )}\n        <Popover\n          ref={overlayHandlerRef}\n          disabled={disabled}\n          content={\n            // this Box wrapper is to reapply the padding that was stripped from popover's dialog to show the sticky save/close buttons. Ideally this could be avoided\n            <Box\n              padding={autosave ? undefined : 5}\n              dangerouslySetInlineStyle={\n                autosave ? undefined : { __style: { paddingBottom: 0 } }\n              }\n              role=\"menu\"\n            >\n              <RichSelectBox\n                autosave={autosave}\n                selectedValues={selectedKeys}\n                defaultSelectedValues={defaultSelectedKeys}\n                onChange={(selected) => setSelectedKeys(new Set(selected))}\n                {...richSelectBoxProps}\n                accessibilityLabel={inputId}\n              >\n                {children}\n              </RichSelectBox>\n            </Box>\n          }\n        >\n          <TapArea\n            data-testid={dataTestId}\n            disabled={disabled}\n            onClick={onClick}\n            rounding=\"md\"\n            {...fieldProps}\n            ref={fieldRef}\n          >\n            <div className={styles.selectWrapper}>\n              <div\n                className={classNames(\n                  styles.selectBox,\n                  styles.selectBoxCambio,\n                  {\n                    [styles.unselected]:\n                      !errorText &&\n                      selectedKeys !== \"all\" &&\n                      !selectedKeys.size,\n                    [styles.selected]:\n                      !errorText &&\n                      (selectedKeys === \"all\" || selectedKeys.size),\n                    [styles.selectErrorCambio]: errorText,\n                  },\n                )}\n              >\n                {selectedTextValue}\n              </div>\n              <div className={styles.arrowIcon}>\n                <svg\n                  focusable=\"false\"\n                  aria-hidden=\"true\"\n                  viewBox=\"0 0 24 24\"\n                  width={24}\n                >\n                  <path\n                    fill={\n                      errorText ? ColorBaseDestructive700 : ColorBaseGray800\n                    }\n                    d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n                  />\n                </svg>\n              </div>\n            </div>\n          </TapArea>\n        </Popover>\n        {(helperText || errorText) && (\n          <Box paddingX={1}>\n            <Typography\n              size={100}\n              color={errorText ? \"destructive-primary\" : \"gray700\"}\n              {...(errorText ? errorMessageProps : descriptionProps)}\n            >\n              {errorText ? errorText : helperText}\n            </Typography>\n          </Box>\n        )}\n      </div>\n    </ReactAriaProvider>\n  );\n}\n\nexport default Object.assign(RichSelectList, {\n  Section: RichSelectSection,\n  Chip: RichSelectChip,\n  RadioButton: RichSelectRadioButton,\n});\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_1f379_1\",\"opacityOverlay\":\"_opacityOverlay_1f379_7\",\"selectWrapper\":\"_selectWrapper_1f379_11\",\"selectBox\":\"_selectBox_1f379_16\",\"selectBoxCambio\":\"_selectBoxCambio_1f379_32\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_1f379_41\",\"unselected\":\"_unselected_1f379_46\",\"selected\":\"_selected_1f379_50\",\"arrowIcon\":\"_arrowIcon_1f379_54\",\"selectErrorCambio\":\"_selectErrorCambio_1f379_68\"}"],"mappings":"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","names":["_a"]}

package/dist/__chunks/{KJ7XJWSH.js → IXQVCN37.js}

@@ -8,4 +8,4 @@ export {
   ColorBaseDestructive700,
   ColorBaseGray800
 };
-//# sourceMappingURL=KJ7XJWSH.js.map
+//# sourceMappingURL=IXQVCN37.js.map

package/dist/__chunks/{KJ7XJWSH.js.map → IXQVCN37.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 24 May 2024 02:42:29 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 31 May 2024 18:09:56 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}

package/dist/__chunks/{76LTWV2Q.cjs → J27AGJQB.cjs}

@@ -13,7 +13,7 @@ var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 var _CHDS4D44cjs = require('./CHDS4D44.cjs');
 
 
-var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
+var _SVA2ABQQcjs = require('./SVA2ABQQ.cjs');
 
 // src/Dialog/Dialog.tsx
 
@@ -58,7 +58,7 @@ var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
         _IL22HCBFcjs.Box_module_default.gap4,
         _IL22HCBFcjs.Box_module_default.relative,
         _IL22HCBFcjs.Box_module_default.overflowauto,
-        _QT6IRCGWcjs.colors_module_default.whiteBackgroundColor,
+        _SVA2ABQQcjs.colors_module_default.whiteBackgroundColor,
         _PLUVW6AMcjs.padding_module_default[`paddingX${padding != null ? padding : sizeToPadding[size]}`],
         _PLUVW6AMcjs.padding_module_default[`paddingY${padding != null ? padding : sizeToPadding[size]}`],
         _CHDS4D44cjs.rounding_module_default.roundingmd,
@@ -77,4 +77,4 @@ var Dialog_default = Dialog;
 
 
 exports.DialogContext = DialogContext; exports.Dialog_default = Dialog_default;
-//# sourceMappingURL=76LTWV2Q.cjs.map
+//# sourceMappingURL=J27AGJQB.cjs.map

package/dist/__chunks/{7BZZUMJM.cjs → J5NZ55OT.cjs}

@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _PJLDYIB6cjs = require('./PJLDYIB6.cjs');
+var _3BGIBVCRcjs = require('./3BGIBVCR.cjs');
 
 // src/RichSelect/RichSelectSection.tsx
 var _react = require('react');
@@ -39,7 +39,7 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
           }
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PJLDYIB6cjs.Typography_default, { children: label }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3BGIBVCRcjs.Typography_default, { children: label }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Collection, { children })
         ]
       }
@@ -50,4 +50,4 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectSection_default = RichSelectSection_default;
-//# sourceMappingURL=7BZZUMJM.cjs.map
+//# sourceMappingURL=J5NZ55OT.cjs.map

package/dist/__chunks/{N5W44DQ5.cjs → JAW252M7.cjs}

@@ -4,13 +4,13 @@
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _FESAFV44cjs = require('./FESAFV44.cjs');
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
 
 
-var _PJLDYIB6cjs = require('./PJLDYIB6.cjs');
+var _3BGIBVCRcjs = require('./3BGIBVCR.cjs');
 
 
-var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
+var _SVA2ABQQcjs = require('./SVA2ABQQ.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -61,7 +61,7 @@ var RadioButton = ({
           {
             className: _classnames2.default.call(void 0, 
               RadioButton_module_default.background,
-              error ? _QT6IRCGWcjs.colors_module_default.cambioDestructive370BackgroundColor : _QT6IRCGWcjs.colors_module_default.cambioGray370BackgroundColor,
+              error ? _SVA2ABQQcjs.colors_module_default.cambioDestructive370BackgroundColor : _SVA2ABQQcjs.colors_module_default.cambioGray370BackgroundColor,
               RadioButton_module_default[size],
               {
                 [_XLUVINJWcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible || dangerouslyForceFocusStyles
@@ -70,7 +70,7 @@ var RadioButton = ({
           }
         ),
         checked && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _FESAFV44cjs.Box_default,
+          _KJLBDAZHcjs.Box_default,
           {
             backgroundColor: error ? "destructive900" : "gray900",
             width: size === "md" ? 12 : 8,
@@ -113,7 +113,7 @@ var RadioButton = ({
           }
         ),
         label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _PJLDYIB6cjs.Typography_default,
+          _3BGIBVCRcjs.Typography_default,
           {
             size: size === "md" ? 200 : 100,
             color: error ? "destructive-primary" : "gray900",
@@ -129,4 +129,4 @@ var RadioButton_default = RadioButton;
 
 
 exports.RadioButton_default = RadioButton_default;
-//# sourceMappingURL=N5W44DQ5.cjs.map
+//# sourceMappingURL=JAW252M7.cjs.map

package/dist/__chunks/{DDWSH5JD.js → JBFY4F7V.js}

@@ -10,10 +10,10 @@ import {
 } from "./KBIW5XV4.js";
 import {
   Typography_default
-} from "./JRDHZ3QL.js";
+} from "./UXDF6ZIG.js";
 import {
   colors_module_default
-} from "./S6TNP7G5.js";
+} from "./XVUEUKXA.js";
 import {
   syntaxToReactAriaPlacement
 } from "./SVZOETLJ.js";
@@ -166,4 +166,4 @@ export {
   AriaTooltip,
   Tooltip_default
 };
-//# sourceMappingURL=DDWSH5JD.js.map
+//# sourceMappingURL=JBFY4F7V.js.map

package/dist/__chunks/{DXGDMMAL.cjs → JEP2SN7W.cjs}

@@ -10,10 +10,10 @@ var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 var _CHDS4D44cjs = require('./CHDS4D44.cjs');
 
 
-var _PJLDYIB6cjs = require('./PJLDYIB6.cjs');
+var _3BGIBVCRcjs = require('./3BGIBVCR.cjs');
 
 
-var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
+var _SVA2ABQQcjs = require('./SVA2ABQQ.cjs');
 
 
 var _LLFHCGRAcjs = require('./LLFHCGRA.cjs');
@@ -60,7 +60,7 @@ function TooltipArrow(props) {
         className: _classnames2.default.call(void 0, [
           _IL22HCBFcjs.Box_module_default.block,
           Tooltip_module_default[`arrowPlacement${placement}`],
-          on === "lightBackground" ? _QT6IRCGWcjs.colors_module_default.cambioBlackColor : _QT6IRCGWcjs.colors_module_default.cambioWhiteColor
+          on === "lightBackground" ? _SVA2ABQQcjs.colors_module_default.cambioBlackColor : _SVA2ABQQcjs.colors_module_default.cambioWhiteColor
         ]),
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "svg",
@@ -81,8 +81,8 @@ 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,
-    _QT6IRCGWcjs.colors_module_default.gray900Color,
-    on === "lightBackground" ? _QT6IRCGWcjs.colors_module_default.cambioBlackBackgroundColor : _QT6IRCGWcjs.colors_module_default.cambioWhiteBackgroundColor,
+    _SVA2ABQQcjs.colors_module_default.gray900Color,
+    on === "lightBackground" ? _SVA2ABQQcjs.colors_module_default.cambioBlackBackgroundColor : _SVA2ABQQcjs.colors_module_default.cambioWhiteBackgroundColor,
     _PLUVW6AMcjs.padding_module_default.paddingX2,
     _PLUVW6AMcjs.padding_module_default.paddingY2,
     _CHDS4D44cjs.rounding_module_default.roundingsm,
@@ -104,7 +104,7 @@ var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref)
         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, _PJLDYIB6cjs.Typography_default, { size: 100, color: "white", children }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3BGIBVCRcjs.Typography_default, { size: 100, color: "white", children }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _E5P6WRJDcjs.OverlayVisibility,
             {
@@ -166,4 +166,4 @@ var Tooltip_default = Tooltip;
 
 
 exports.AriaTooltip = AriaTooltip; exports.Tooltip_default = Tooltip_default;
-//# sourceMappingURL=DXGDMMAL.cjs.map
+//# sourceMappingURL=JEP2SN7W.cjs.map

package/dist/__chunks/{LT6ELZIN.js → JJNZLCKX.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./M36V23WR.js";
+} from "./65PMWIHY.js";
 
 // src/AvatarGroup/AvatarGroup.tsx
 import {
@@ -39,4 +39,4 @@ export {
   useAvatarGroup,
   AvatarGroup
 };
-//# sourceMappingURL=LT6ELZIN.js.map
+//# sourceMappingURL=JJNZLCKX.js.map

package/dist/__chunks/{54ZAQVGC.js → JL2NIWMQ.js}

@@ -1,22 +1,22 @@
 "use client"
-import {
-  FocusTrap
-} from "./HVA7R2EL.js";
 import {
   Heading_default
-} from "./LMERC43E.js";
+} from "./VMY3X6VX.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
 import {
   Layer
-} from "./NMX5UDLV.js";
+} from "./BQYW6G4G.js";
+import {
+  FocusTrap
+} from "./HVA7R2EL.js";
 import {
   IconButton_default
-} from "./4JFE4NWI.js";
+} from "./T6T5FJWJ.js";
 import {
   Box_default
-} from "./M36V23WR.js";
+} from "./65PMWIHY.js";
 
 // css-module:./Modal.module.css#css-module
 var Modal_module_default = { "backdrop": "_backdrop_17lbk_1", "closeButton": "_closeButton_17lbk_10" };
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=54ZAQVGC.js.map
+//# sourceMappingURL=JL2NIWMQ.js.map

package/dist/__chunks/JQ6MLSET.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
+
+
+var _VFJQUEUDcjs = require('./VFJQUEUD.cjs');
+
+
+var _AOBL3JUXcjs = require('./AOBL3JUX.cjs');
+
+
+var _JVGBP6LOcjs = require('./JVGBP6LO.cjs');
+
+
+var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
+
+// src/Tabs/Tabs.tsx
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+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, {
+        [_JVGBP6LOcjs.Tabs_module_default.tabContainerlightBackground]: on === "lightBackground",
+        [_JVGBP6LOcjs.Tabs_module_default.tabContainerDarkBackground]: on === "darkBackground"
+      }),
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _KJLBDAZHcjs.Box_default,
+        {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "start",
+          width: "100%",
+          gap: 8,
+          height: 56,
+          children
+        }
+      )
+    }
+  );
+}
+Tabs.Button = _AOBL3JUXcjs.TabButton;
+Tabs.Link = _VFJQUEUDcjs.TabLink_default;
+
+
+
+exports.Tabs = Tabs;
+//# sourceMappingURL=JQ6MLSET.cjs.map

package/dist/__chunks/JQ6MLSET.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,OAAO,gBAAgB;AAuCjB;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;AAEA,KAAK,SAAS;AACd,KAAK,OAAO","sourcesContent":["import { type ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport TabButton from \"./TabButton\";\nimport TabLink from \"./TabLink\";\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 `Tabs.Button` or a `Tabs.Link`.\n   * Only use `Tabs.Link` for clicking tab that update the URL upon selection. Otherwise, use `Tabs.Button`.\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\nTabs.Button = TabButton;\nTabs.Link = TabLink;\n"]}

package/dist/__chunks/JTTZCAPP.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+// css-module:./colors.module.css#css-module
+var colors_module_default = { "inheritColor": "_inheritColor_m0uph_2", "destructive700Color": "_destructive700Color_m0uph_6", "gray700Color": "_gray700Color_m0uph_10", "gray900Color": "_gray900Color_m0uph_14", "primary700Color": "_primary700Color_m0uph_18", "success700Color": "_success700Color_m0uph_22", "whiteColor": "_whiteColor_m0uph_26", "noBorder": "_noBorder_m0uph_31", "blackBorderColor": "_blackBorderColor_m0uph_35", "whiteBorderColor": "_whiteBorderColor_m0uph_39", "success770BorderColor": "_success770BorderColor_m0uph_43", "destructive770BorderColor": "_destructive770BorderColor_m0uph_47", "gray370BorderColor": "_gray370BorderColor_m0uph_51", "success370BorderColor": "_success370BorderColor_m0uph_55", "destructive370BorderColor": "_destructive370BorderColor_m0uph_59", "blackBackgroundColor": "_blackBackgroundColor_m0uph_65", "destructive100BackgroundColor": "_destructive100BackgroundColor_m0uph_69", "destructive200BackgroundColor": "_destructive200BackgroundColor_m0uph_73", "destructive300BackgroundColor": "_destructive300BackgroundColor_m0uph_77", "destructive700BackgroundColor": "_destructive700BackgroundColor_m0uph_81", "destructive800BackgroundColor": "_destructive800BackgroundColor_m0uph_85", "destructive900BackgroundColor": "_destructive900BackgroundColor_m0uph_89", "gray10BackgroundColor": "_gray10BackgroundColor_m0uph_93", "gray30BackgroundColor": "_gray30BackgroundColor_m0uph_97", "gray60BackgroundColor": "_gray60BackgroundColor_m0uph_101", "gray80BackgroundColor": "_gray80BackgroundColor_m0uph_105", "gray100BackgroundColor": "_gray100BackgroundColor_m0uph_109", "gray200BackgroundColor": "_gray200BackgroundColor_m0uph_113", "gray300BackgroundColor": "_gray300BackgroundColor_m0uph_117", "gray700BackgroundColor": "_gray700BackgroundColor_m0uph_121", "gray800BackgroundColor": "_gray800BackgroundColor_m0uph_125", "gray900BackgroundColor": "_gray900BackgroundColor_m0uph_129", "orange100BackgroundColor": "_orange100BackgroundColor_m0uph_133", "orange200BackgroundColor": "_orange200BackgroundColor_m0uph_137", "orange300BackgroundColor": "_orange300BackgroundColor_m0uph_141", "orange700BackgroundColor": "_orange700BackgroundColor_m0uph_145", "orange800BackgroundColor": "_orange800BackgroundColor_m0uph_149", "orange900BackgroundColor": "_orange900BackgroundColor_m0uph_153", "primary100BackgroundColor": "_primary100BackgroundColor_m0uph_157", "primary200BackgroundColor": "_primary200BackgroundColor_m0uph_161", "primary300BackgroundColor": "_primary300BackgroundColor_m0uph_165", "primary700BackgroundColor": "_primary700BackgroundColor_m0uph_169", "primary800BackgroundColor": "_primary800BackgroundColor_m0uph_173", "primary900BackgroundColor": "_primary900BackgroundColor_m0uph_177", "success100BackgroundColor": "_success100BackgroundColor_m0uph_181", "success200BackgroundColor": "_success200BackgroundColor_m0uph_185", "success300BackgroundColor": "_success300BackgroundColor_m0uph_189", "success700BackgroundColor": "_success700BackgroundColor_m0uph_193", "success800BackgroundColor": "_success800BackgroundColor_m0uph_197", "success900BackgroundColor": "_success900BackgroundColor_m0uph_201", "purple100BackgroundColor": "_purple100BackgroundColor_m0uph_205", "purple200BackgroundColor": "_purple200BackgroundColor_m0uph_209", "purple300BackgroundColor": "_purple300BackgroundColor_m0uph_213", "purple700BackgroundColor": "_purple700BackgroundColor_m0uph_217", "purple800BackgroundColor": "_purple800BackgroundColor_m0uph_221", "purple900BackgroundColor": "_purple900BackgroundColor_m0uph_225", "whiteBackgroundColor": "_whiteBackgroundColor_m0uph_229", "yellow100BackgroundColor": "_yellow100BackgroundColor_m0uph_233", "yellow200BackgroundColor": "_yellow200BackgroundColor_m0uph_237", "yellow300BackgroundColor": "_yellow300BackgroundColor_m0uph_241", "yellow700BackgroundColor": "_yellow700BackgroundColor_m0uph_245", "yellow800BackgroundColor": "_yellow800BackgroundColor_m0uph_249", "yellow900BackgroundColor": "_yellow900BackgroundColor_m0uph_253", "cambioBlackColor": "_cambioBlackColor_m0uph_258", "cambioWhiteColor": "_cambioWhiteColor_m0uph_262", "cambioWhite40Color": "_cambioWhite40Color_m0uph_266", "cambioWhite70Color": "_cambioWhite70Color_m0uph_270", "cambioGray100Color": "_cambioGray100Color_m0uph_274", "cambioGray200Color": "_cambioGray200Color_m0uph_278", "cambioGray300Color": "_cambioGray300Color_m0uph_282", "cambioGray370Color": "_cambioGray370Color_m0uph_286", "cambioGray700Color": "_cambioGray700Color_m0uph_290", "cambioGray800Color": "_cambioGray800Color_m0uph_294", "cambioGray870Color": "_cambioGray870Color_m0uph_298", "cambioGray900Color": "_cambioGray900Color_m0uph_302", "cambioDestructive100Color": "_cambioDestructive100Color_m0uph_306", "cambioDestructive300Color": "_cambioDestructive300Color_m0uph_310", "cambioDestructive370Color": "_cambioDestructive370Color_m0uph_314", "cambioDestructive700Color": "_cambioDestructive700Color_m0uph_318", "cambioDestructive770Color": "_cambioDestructive770Color_m0uph_322", "cambioDestructive900Color": "_cambioDestructive900Color_m0uph_326", "cambioSuccess100Color": "_cambioSuccess100Color_m0uph_330", "cambioSuccess300Color": "_cambioSuccess300Color_m0uph_334", "cambioSuccess370Color": "_cambioSuccess370Color_m0uph_338", "cambioSuccess700Color": "_cambioSuccess700Color_m0uph_342", "cambioSuccess770Color": "_cambioSuccess770Color_m0uph_346", "cambioSuccess900Color": "_cambioSuccess900Color_m0uph_350", "cambioRedColor": "_cambioRedColor_m0uph_354", "cambioOrangeColor": "_cambioOrangeColor_m0uph_358", "cambioTanColor": "_cambioTanColor_m0uph_362", "cambioCreamColor": "_cambioCreamColor_m0uph_366", "cambioPurpleColor": "_cambioPurpleColor_m0uph_370", "cambioLilacColor": "_cambioLilacColor_m0uph_374", "cambioThistleColor": "_cambioThistleColor_m0uph_378", "cambioPinkColor": "_cambioPinkColor_m0uph_382", "cambioNavyColor": "_cambioNavyColor_m0uph_386", "cambioTealColor": "_cambioTealColor_m0uph_390", "cambioSlateColor": "_cambioSlateColor_m0uph_394", "cambioSkyColor": "_cambioSkyColor_m0uph_398", "cambioYellow700Color": "_cambioYellow700Color_m0uph_402", "cambioTransparentFullBackgroundColor": "_cambioTransparentFullBackgroundColor_m0uph_406", "cambioBlackBackgroundColor": "_cambioBlackBackgroundColor_m0uph_410", "cambioWhiteBackgroundColor": "_cambioWhiteBackgroundColor_m0uph_414", "cambioWhite40BackgroundColor": "_cambioWhite40BackgroundColor_m0uph_418", "cambioWhite70BackgroundColor": "_cambioWhite70BackgroundColor_m0uph_422", "cambioGray100BackgroundColor": "_cambioGray100BackgroundColor_m0uph_426", "cambioGray200BackgroundColor": "_cambioGray200BackgroundColor_m0uph_430", "cambioGray300BackgroundColor": "_cambioGray300BackgroundColor_m0uph_434", "gray370BackgroundColor": "_gray370BackgroundColor_m0uph_438", "cambioGray370BackgroundColor": "_cambioGray370BackgroundColor_m0uph_442", "cambioGray700BackgroundColor": "_cambioGray700BackgroundColor_m0uph_446", "cambioGray800BackgroundColor": "_cambioGray800BackgroundColor_m0uph_450", "gray870BackgroundColor": "_gray870BackgroundColor_m0uph_454", "cambioGray870BackgroundColor": "_cambioGray870BackgroundColor_m0uph_458", "cambioGray900BackgroundColor": "_cambioGray900BackgroundColor_m0uph_462", "cambioDestructive100BackgroundColor": "_cambioDestructive100BackgroundColor_m0uph_466", "cambioDestructive300BackgroundColor": "_cambioDestructive300BackgroundColor_m0uph_470", "cambioDestructive370BackgroundColor": "_cambioDestructive370BackgroundColor_m0uph_474", "cambioDestructive700BackgroundColor": "_cambioDestructive700BackgroundColor_m0uph_478", "cambioDestructive770BackgroundColor": "_cambioDestructive770BackgroundColor_m0uph_482", "cambioDestructive900BackgroundColor": "_cambioDestructive900BackgroundColor_m0uph_486", "cambioSuccess100BackgroundColor": "_cambioSuccess100BackgroundColor_m0uph_490", "cambioSuccess300BackgroundColor": "_cambioSuccess300BackgroundColor_m0uph_494", "cambioSuccess370BackgroundColor": "_cambioSuccess370BackgroundColor_m0uph_498", "cambioSuccess700BackgroundColor": "_cambioSuccess700BackgroundColor_m0uph_502", "cambioSuccess770BackgroundColor": "_cambioSuccess770BackgroundColor_m0uph_506", "cambioSuccess900BackgroundColor": "_cambioSuccess900BackgroundColor_m0uph_510", "redBackgroundColor": "_redBackgroundColor_m0uph_514", "cambioRedBackgroundColor": "_cambioRedBackgroundColor_m0uph_518", "orangeBackgroundColor": "_orangeBackgroundColor_m0uph_522", "cambioOrangeBackgroundColor": "_cambioOrangeBackgroundColor_m0uph_526", "tanBackgroundColor": "_tanBackgroundColor_m0uph_530", "cambioTanBackgroundColor": "_cambioTanBackgroundColor_m0uph_534", "creamBackgroundColor": "_creamBackgroundColor_m0uph_538", "cambioCreamBackgroundColor": "_cambioCreamBackgroundColor_m0uph_542", "purpleBackgroundColor": "_purpleBackgroundColor_m0uph_546", "cambioPurpleBackgroundColor": "_cambioPurpleBackgroundColor_m0uph_550", "lilacBackgroundColor": "_lilacBackgroundColor_m0uph_554", "cambioLilacBackgroundColor": "_cambioLilacBackgroundColor_m0uph_558", "thistleBackgroundColor": "_thistleBackgroundColor_m0uph_562", "cambioThistleBackgroundColor": "_cambioThistleBackgroundColor_m0uph_566", "pinkBackgroundColor": "_pinkBackgroundColor_m0uph_570", "cambioPinkBackgroundColor": "_cambioPinkBackgroundColor_m0uph_574", "navyBackgroundColor": "_navyBackgroundColor_m0uph_578", "cambioNavyBackgroundColor": "_cambioNavyBackgroundColor_m0uph_582", "tealBackgroundColor": "_tealBackgroundColor_m0uph_586", "cambioTealBackgroundColor": "_cambioTealBackgroundColor_m0uph_590", "slateBackgroundColor": "_slateBackgroundColor_m0uph_594", "cambioSlateBackgroundColor": "_cambioSlateBackgroundColor_m0uph_598", "skyBackgroundColor": "_skyBackgroundColor_m0uph_602", "cambioSkyBackgroundColor": "_cambioSkyBackgroundColor_m0uph_606", "cambioYellow700BackgroundColor": "_cambioYellow700BackgroundColor_m0uph_610" };
+
+
+
+exports.colors_module_default = colors_module_default;
+//# sourceMappingURL=JTTZCAPP.cjs.map

package/dist/__chunks/JTTZCAPP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./colors.module.css#css-module"],"names":[],"mappings":"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","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_m0uph_2\",\"destructive700Color\":\"_destructive700Color_m0uph_6\",\"gray700Color\":\"_gray700Color_m0uph_10\",\"gray900Color\":\"_gray900Color_m0uph_14\",\"primary700Color\":\"_primary700Color_m0uph_18\",\"success700Color\":\"_success700Color_m0uph_22\",\"whiteColor\":\"_whiteColor_m0uph_26\",\"noBorder\":\"_noBorder_m0uph_31\",\"blackBorderColor\":\"_blackBorderColor_m0uph_35\",\"whiteBorderColor\":\"_whiteBorderColor_m0uph_39\",\"success770BorderColor\":\"_success770BorderColor_m0uph_43\",\"destructive770BorderColor\":\"_destructive770BorderColor_m0uph_47\",\"gray370BorderColor\":\"_gray370BorderColor_m0uph_51\",\"success370BorderColor\":\"_success370BorderColor_m0uph_55\",\"destructive370BorderColor\":\"_destructive370BorderColor_m0uph_59\",\"blackBackgroundColor\":\"_blackBackgroundColor_m0uph_65\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_m0uph_69\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_m0uph_73\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_m0uph_77\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_m0uph_81\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_m0uph_85\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_m0uph_89\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_m0uph_93\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_m0uph_97\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_m0uph_101\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_m0uph_105\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_m0uph_109\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_m0uph_113\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_m0uph_117\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_m0uph_121\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_m0uph_125\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_m0uph_129\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_m0uph_133\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_m0uph_137\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_m0uph_141\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_m0uph_145\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_m0uph_149\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_m0uph_153\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_m0uph_157\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_m0uph_161\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_m0uph_165\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_m0uph_169\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_m0uph_173\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_m0uph_177\",\"success100BackgroundColor\":\"_success100BackgroundColor_m0uph_181\",\"success200BackgroundColor\":\"_success200BackgroundColor_m0uph_185\",\"success300BackgroundColor\":\"_success300BackgroundColor_m0uph_189\",\"success700BackgroundColor\":\"_success700BackgroundColor_m0uph_193\",\"success800BackgroundColor\":\"_success800BackgroundColor_m0uph_197\",\"success900BackgroundColor\":\"_success900BackgroundColor_m0uph_201\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_m0uph_205\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_m0uph_209\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_m0uph_213\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_m0uph_217\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_m0uph_221\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_m0uph_225\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_m0uph_229\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_m0uph_233\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_m0uph_237\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_m0uph_241\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_m0uph_245\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_m0uph_249\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_m0uph_253\",\"cambioBlackColor\":\"_cambioBlackColor_m0uph_258\",\"cambioWhiteColor\":\"_cambioWhiteColor_m0uph_262\",\"cambioWhite40Color\":\"_cambioWhite40Color_m0uph_266\",\"cambioWhite70Color\":\"_cambioWhite70Color_m0uph_270\",\"cambioGray100Color\":\"_cambioGray100Color_m0uph_274\",\"cambioGray200Color\":\"_cambioGray200Color_m0uph_278\",\"cambioGray300Color\":\"_cambioGray300Color_m0uph_282\",\"cambioGray370Color\":\"_cambioGray370Color_m0uph_286\",\"cambioGray700Color\":\"_cambioGray700Color_m0uph_290\",\"cambioGray800Color\":\"_cambioGray800Color_m0uph_294\",\"cambioGray870Color\":\"_cambioGray870Color_m0uph_298\",\"cambioGray900Color\":\"_cambioGray900Color_m0uph_302\",\"cambioDestructive100Color\":\"_cambioDestructive100Color_m0uph_306\",\"cambioDestructive300Color\":\"_cambioDestructive300Color_m0uph_310\",\"cambioDestructive370Color\":\"_cambioDestructive370Color_m0uph_314\",\"cambioDestructive700Color\":\"_cambioDestructive700Color_m0uph_318\",\"cambioDestructive770Color\":\"_cambioDestructive770Color_m0uph_322\",\"cambioDestructive900Color\":\"_cambioDestructive900Color_m0uph_326\",\"cambioSuccess100Color\":\"_cambioSuccess100Color_m0uph_330\",\"cambioSuccess300Color\":\"_cambioSuccess300Color_m0uph_334\",\"cambioSuccess370Color\":\"_cambioSuccess370Color_m0uph_338\",\"cambioSuccess700Color\":\"_cambioSuccess700Color_m0uph_342\",\"cambioSuccess770Color\":\"_cambioSuccess770Color_m0uph_346\",\"cambioSuccess900Color\":\"_cambioSuccess900Color_m0uph_350\",\"cambioRedColor\":\"_cambioRedColor_m0uph_354\",\"cambioOrangeColor\":\"_cambioOrangeColor_m0uph_358\",\"cambioTanColor\":\"_cambioTanColor_m0uph_362\",\"cambioCreamColor\":\"_cambioCreamColor_m0uph_366\",\"cambioPurpleColor\":\"_cambioPurpleColor_m0uph_370\",\"cambioLilacColor\":\"_cambioLilacColor_m0uph_374\",\"cambioThistleColor\":\"_cambioThistleColor_m0uph_378\",\"cambioPinkColor\":\"_cambioPinkColor_m0uph_382\",\"cambioNavyColor\":\"_cambioNavyColor_m0uph_386\",\"cambioTealColor\":\"_cambioTealColor_m0uph_390\",\"cambioSlateColor\":\"_cambioSlateColor_m0uph_394\",\"cambioSkyColor\":\"_cambioSkyColor_m0uph_398\",\"cambioYellow700Color\":\"_cambioYellow700Color_m0uph_402\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_m0uph_406\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_m0uph_410\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_m0uph_414\",\"cambioWhite40BackgroundColor\":\"_cambioWhite40BackgroundColor_m0uph_418\",\"cambioWhite70BackgroundColor\":\"_cambioWhite70BackgroundColor_m0uph_422\",\"cambioGray100BackgroundColor\":\"_cambioGray100BackgroundColor_m0uph_426\",\"cambioGray200BackgroundColor\":\"_cambioGray200BackgroundColor_m0uph_430\",\"cambioGray300BackgroundColor\":\"_cambioGray300BackgroundColor_m0uph_434\",\"gray370BackgroundColor\":\"_gray370BackgroundColor_m0uph_438\",\"cambioGray370BackgroundColor\":\"_cambioGray370BackgroundColor_m0uph_442\",\"cambioGray700BackgroundColor\":\"_cambioGray700BackgroundColor_m0uph_446\",\"cambioGray800BackgroundColor\":\"_cambioGray800BackgroundColor_m0uph_450\",\"gray870BackgroundColor\":\"_gray870BackgroundColor_m0uph_454\",\"cambioGray870BackgroundColor\":\"_cambioGray870BackgroundColor_m0uph_458\",\"cambioGray900BackgroundColor\":\"_cambioGray900BackgroundColor_m0uph_462\",\"cambioDestructive100BackgroundColor\":\"_cambioDestructive100BackgroundColor_m0uph_466\",\"cambioDestructive300BackgroundColor\":\"_cambioDestructive300BackgroundColor_m0uph_470\",\"cambioDestructive370BackgroundColor\":\"_cambioDestructive370BackgroundColor_m0uph_474\",\"cambioDestructive700BackgroundColor\":\"_cambioDestructive700BackgroundColor_m0uph_478\",\"cambioDestructive770BackgroundColor\":\"_cambioDestructive770BackgroundColor_m0uph_482\",\"cambioDestructive900BackgroundColor\":\"_cambioDestructive900BackgroundColor_m0uph_486\",\"cambioSuccess100BackgroundColor\":\"_cambioSuccess100BackgroundColor_m0uph_490\",\"cambioSuccess300BackgroundColor\":\"_cambioSuccess300BackgroundColor_m0uph_494\",\"cambioSuccess370BackgroundColor\":\"_cambioSuccess370BackgroundColor_m0uph_498\",\"cambioSuccess700BackgroundColor\":\"_cambioSuccess700BackgroundColor_m0uph_502\",\"cambioSuccess770BackgroundColor\":\"_cambioSuccess770BackgroundColor_m0uph_506\",\"cambioSuccess900BackgroundColor\":\"_cambioSuccess900BackgroundColor_m0uph_510\",\"redBackgroundColor\":\"_redBackgroundColor_m0uph_514\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_m0uph_518\",\"orangeBackgroundColor\":\"_orangeBackgroundColor_m0uph_522\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_m0uph_526\",\"tanBackgroundColor\":\"_tanBackgroundColor_m0uph_530\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_m0uph_534\",\"creamBackgroundColor\":\"_creamBackgroundColor_m0uph_538\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_m0uph_542\",\"purpleBackgroundColor\":\"_purpleBackgroundColor_m0uph_546\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_m0uph_550\",\"lilacBackgroundColor\":\"_lilacBackgroundColor_m0uph_554\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_m0uph_558\",\"thistleBackgroundColor\":\"_thistleBackgroundColor_m0uph_562\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_m0uph_566\",\"pinkBackgroundColor\":\"_pinkBackgroundColor_m0uph_570\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_m0uph_574\",\"navyBackgroundColor\":\"_navyBackgroundColor_m0uph_578\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_m0uph_582\",\"tealBackgroundColor\":\"_tealBackgroundColor_m0uph_586\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_m0uph_590\",\"slateBackgroundColor\":\"_slateBackgroundColor_m0uph_594\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_m0uph_598\",\"skyBackgroundColor\":\"_skyBackgroundColor_m0uph_602\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_m0uph_606\",\"cambioYellow700BackgroundColor\":\"_cambioYellow700BackgroundColor_m0uph_610\"}"]}

package/dist/__chunks/JVGBP6LO.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+// css-module:./Tabs.module.css#css-module
+var Tabs_module_default = { "tabContainerlightBackground": "_tabContainerlightBackground_59u0q_1", "tabContainerDarkBackground": "_tabContainerDarkBackground_59u0q_5", "selectedTabOnLightBackground": "_selectedTabOnLightBackground_59u0q_9", "selectedTabOnDarkBackground": "_selectedTabOnDarkBackground_59u0q_13", "unselectedTab": "_unselectedTab_59u0q_17", "link": "_link_59u0q_21" };
+
+
+
+exports.Tabs_module_default = Tabs_module_default;
+//# sourceMappingURL=JVGBP6LO.cjs.map

package/dist/__chunks/JVGBP6LO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./Tabs.module.css#css-module"],"names":[],"mappings":";;;AAAwF,IAAO,sBAAQ,EAAC,+BAA8B,wCAAuC,8BAA6B,uCAAsC,gCAA+B,yCAAwC,+BAA8B,yCAAwC,iBAAgB,2BAA0B,QAAO,iBAAgB","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Tabs/Tabs.module.css\"; export default {\"tabContainerlightBackground\":\"_tabContainerlightBackground_59u0q_1\",\"tabContainerDarkBackground\":\"_tabContainerDarkBackground_59u0q_5\",\"selectedTabOnLightBackground\":\"_selectedTabOnLightBackground_59u0q_9\",\"selectedTabOnDarkBackground\":\"_selectedTabOnDarkBackground_59u0q_13\",\"unselectedTab\":\"_unselectedTab_59u0q_17\",\"link\":\"_link_59u0q_21\"}"]}

package/dist/__chunks/{ZVJGV6GH.js → JWGD2JGX.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./S6TNP7G5.js";
+} from "./XVUEUKXA.js";
 
 // src/colors/textColors.ts
 function textColor(color) {
@@ -10,6 +10,8 @@ function textColor(color) {
       return colors_module_default.cambioGray800Color;
     case "white":
       return colors_module_default.cambioWhiteColor;
+    case "white-secondary":
+      return colors_module_default.cambioWhite70Color;
     case "inherit":
       return colors_module_default.inheritColor;
     case "destructive-primary":
@@ -28,4 +30,4 @@ function textColor(color) {
 export {
   textColor
 };
-//# sourceMappingURL=ZVJGV6GH.js.map
+//# sourceMappingURL=JWGD2JGX.js.map

package/dist/__chunks/JWGD2JGX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/textColors.ts"],"sourcesContent":["import colorStyles from \"../colors/colors.module.css\";\n\nexport default function textColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"white-secondary\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"white-secondary\":\n      return colorStyles.cambioWhite70Color;\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"],"mappings":";;;;;;AAEe,SAAR,UACL,OAWQ;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,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;","names":[]}

package/dist/__chunks/{SONYYWLY.js → K2RGVD55.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   textColor
-} from "./ZVJGV6GH.js";
+} from "./JWGD2JGX.js";
 
 // src/Icon/Icon.tsx
 import { forwardRef } from "react";
@@ -34,4 +34,4 @@ var Icon_default = Icon;
 export {
   Icon_default
 };
-//# sourceMappingURL=SONYYWLY.js.map
+//# sourceMappingURL=K2RGVD55.js.map

package/dist/__chunks/{FESAFV44.cjs → KJLBDAZH.cjs}

@@ -4,7 +4,7 @@
 var _CHDS4D44cjs = require('./CHDS4D44.cjs');
 
 
-var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
+var _SVA2ABQQcjs = require('./SVA2ABQQ.cjs');
 
 
 
@@ -155,7 +155,7 @@ var Box = _react.forwardRef.call(void 0, function Box2(props, ref) {
       smAlignItems && Box_module_default[`alignItems${smAlignItems}Small`],
       lgAlignItems && Box_module_default[`alignItems${lgAlignItems}Large`],
       alignSelf && Box_module_default[`alignSelf${alignSelf}`],
-      backgroundColor && _QT6IRCGWcjs.colors_module_default[`${backgroundColor}BackgroundColor`],
+      backgroundColor && _SVA2ABQQcjs.colors_module_default[`${backgroundColor}BackgroundColor`],
       direction && Box_module_default[direction],
       smDirection && Box_module_default[`${smDirection}Small`],
       lgDirection && Box_module_default[`${lgDirection}Large`],
@@ -233,4 +233,4 @@ var Box_default = Box;
 
 
 exports.Box_default = Box_default;
-//# sourceMappingURL=FESAFV44.cjs.map
+//# sourceMappingURL=KJLBDAZH.cjs.map