@salt-ds/core 1.30.0 → 1.32.0

package/dist-es/switch/Switch.js

@@ -1,13 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
 import { forwardRef } from 'react';
 import '../form-field-context/FormFieldContext.js';
 import { useFormFieldProps } from '../form-field-context/useFormFieldProps.js';
+import { useDensity } from '../salt-provider/SaltProvider.js';
 import { makePrefixer } from '../utils/makePrefixer.js';
 import { useControlled } from '../utils/useControlled.js';
 import '../utils/useFloatingUI/useFloatingUI.js';
 import '../utils/useId.js';
-import { useDensity } from '../salt-provider/SaltProvider.js';
 import '../viewport/ViewportProvider.js';
 import '../accordion/AccordionGroup.js';
 import '../accordion/AccordionPanel.js';
@@ -26,8 +28,6 @@ import '../button/Button.js';
 import '../card/Card.js';
 import '../checkbox/Checkbox.js';
 import '../checkbox/CheckboxGroup.js';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
 import { SuccessSmallSolidIcon, SuccessSolidIcon } from '@salt-ds/icons';
 import '../combo-box/ComboBox.js';
 import '../dialog/Dialog.js';
@@ -65,12 +65,12 @@ import '../link/Link.js';
 import '../link-card/LinkCard.js';
 import '../list-box/ListBox.js';
 import '../list-control/ListControlContext.js';
-import '../menu/MenuContext.js';
 import '@floating-ui/react';
+import '../menu/MenuContext.js';
 import '../menu/MenuItem.js';
 import '../menu/MenuPanel.js';
-import '../menu/MenuTriggerContext.js';
 import '../menu/MenuPanelContext.js';
+import '../menu/MenuTriggerContext.js';
 import '../menu/MenuGroup.js';
 import '../multiline-input/MultilineInput.js';
 import '../navigation-item/NavigationItem.js';
@@ -116,102 +116,104 @@ function CheckedIcon(props) {
     ...props
   });
 }
-const Switch = forwardRef(function Switch2(props, ref) {
-  const {
-    checked: checkedProp,
-    className,
-    defaultChecked,
-    disabled: disabledProp,
-    inputProps = {},
-    label,
-    name,
-    onBlur,
-    onChange,
-    onFocus,
-    value,
-    ...rest
-  } = props;
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-switch",
-    css: css_248z,
-    window: targetWindow
-  });
-  const {
-    "aria-describedby": inputDescribedBy,
-    "aria-labelledby": inputLabelledBy,
-    className: inputClassName,
-    onChange: inputOnChange,
-    ...restInputProps
-  } = inputProps;
-  const [checked, setChecked] = useControlled({
-    controlled: checkedProp,
-    default: Boolean(defaultChecked),
-    name: "Switch",
-    state: "checked"
-  });
-  const { a11yProps: formFieldA11yProps, disabled: formFieldDisabled } = useFormFieldProps();
-  const disabled = formFieldDisabled || disabledProp;
-  const handleChange = (event) => {
-    if (event.nativeEvent.defaultPrevented) {
-      return;
-    }
-    const value2 = event.target.checked;
-    setChecked(value2);
-    onChange == null ? void 0 : onChange(event);
-    inputOnChange == null ? void 0 : inputOnChange(event);
-  };
-  return /* @__PURE__ */ jsxs("label", {
-    className: clsx(
-      withBaseName(),
-      {
-        [withBaseName("disabled")]: disabled,
-        [withBaseName("checked")]: checked
-      },
-      className
-    ),
-    ref,
-    ...rest,
-    children: [
-      /* @__PURE__ */ jsx("input", {
-        "aria-describedby": clsx(
-          formFieldA11yProps == null ? void 0 : formFieldA11yProps["aria-describedby"],
-          inputDescribedBy
-        ),
-        "aria-labelledby": clsx(
-          formFieldA11yProps == null ? void 0 : formFieldA11yProps["aria-labelledby"],
-          inputLabelledBy
-        ),
-        name,
-        value,
-        checked,
-        className: clsx(withBaseName("input"), inputClassName),
-        defaultChecked,
-        disabled,
-        onBlur,
-        onChange: handleChange,
-        onFocus,
-        type: "checkbox",
-        role: "switch",
-        ...restInputProps
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: withBaseName("track"),
-        children: /* @__PURE__ */ jsx("span", {
-          className: withBaseName("thumb"),
-          children: checked && /* @__PURE__ */ jsx(CheckedIcon, {
-            "aria-hidden": true,
-            className: withBaseName("icon")
+const Switch = forwardRef(
+  function Switch2(props, ref) {
+    const {
+      checked: checkedProp,
+      className,
+      defaultChecked,
+      disabled: disabledProp,
+      inputProps = {},
+      label,
+      name,
+      onBlur,
+      onChange,
+      onFocus,
+      value,
+      ...rest
+    } = props;
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-switch",
+      css: css_248z,
+      window: targetWindow
+    });
+    const {
+      "aria-describedby": inputDescribedBy,
+      "aria-labelledby": inputLabelledBy,
+      className: inputClassName,
+      onChange: inputOnChange,
+      ...restInputProps
+    } = inputProps;
+    const [checked, setChecked] = useControlled({
+      controlled: checkedProp,
+      default: Boolean(defaultChecked),
+      name: "Switch",
+      state: "checked"
+    });
+    const { a11yProps: formFieldA11yProps, disabled: formFieldDisabled } = useFormFieldProps();
+    const disabled = formFieldDisabled || disabledProp;
+    const handleChange = (event) => {
+      if (event.nativeEvent.defaultPrevented) {
+        return;
+      }
+      const value2 = event.target.checked;
+      setChecked(value2);
+      onChange == null ? void 0 : onChange(event);
+      inputOnChange == null ? void 0 : inputOnChange(event);
+    };
+    return /* @__PURE__ */ jsxs("label", {
+      className: clsx(
+        withBaseName(),
+        {
+          [withBaseName("disabled")]: disabled,
+          [withBaseName("checked")]: checked
+        },
+        className
+      ),
+      ref,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("input", {
+          "aria-describedby": clsx(
+            formFieldA11yProps == null ? void 0 : formFieldA11yProps["aria-describedby"],
+            inputDescribedBy
+          ),
+          "aria-labelledby": clsx(
+            formFieldA11yProps == null ? void 0 : formFieldA11yProps["aria-labelledby"],
+            inputLabelledBy
+          ),
+          name,
+          value,
+          checked,
+          className: clsx(withBaseName("input"), inputClassName),
+          defaultChecked,
+          disabled,
+          onBlur,
+          onChange: handleChange,
+          onFocus,
+          type: "checkbox",
+          role: "switch",
+          ...restInputProps
+        }),
+        /* @__PURE__ */ jsx("span", {
+          className: withBaseName("track"),
+          children: /* @__PURE__ */ jsx("span", {
+            className: withBaseName("thumb"),
+            children: checked && /* @__PURE__ */ jsx(CheckedIcon, {
+              "aria-hidden": true,
+              className: withBaseName("icon")
+            })
           })
+        }),
+        label && /* @__PURE__ */ jsx("span", {
+          className: withBaseName("label"),
+          children: label
         })
-      }),
-      label && /* @__PURE__ */ jsx("span", {
-        className: withBaseName("label"),
-        children: label
-      })
-    ]
-  });
-});
+      ]
+    });
+  }
+);
 
 export { Switch };
 //# sourceMappingURL=Switch.js.map

package/dist-es/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../src/switch/Switch.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEventHandler,\n  forwardRef,\n  ReactNode,\n} from \"react\";\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { makePrefixer, useControlled } from \"../utils\";\nimport { useDensity } from \"../salt-provider\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport switchCss from \"./Switch.css\";\nimport {\n  IconProps,\n  SuccessSmallSolidIcon,\n  SuccessSolidIcon,\n} from \"@salt-ds/icons\";\n\nexport interface SwitchProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"label\">,\n    \"children\" | \"onFocus\" | \"onBlur\" | \"onChange\"\n  > {\n  /**\n   * If `true`, the checkbox will be checked.\n   */\n  checked?: boolean;\n  /**\n   * Whether the checkbox component is checked by default\n   * This will be disregarded if checked is already set.\n   */\n  defaultChecked?: boolean;\n  /**\n   * If `true`, the checkbox will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Properties applied to the input element.\n   */\n  inputProps?: Partial<ComponentPropsWithoutRef<\"input\">>;\n  /**\n   * The label to be shown next to the checkbox.\n   */\n  label?: ReactNode;\n  /**\n   * The name applied to the input.\n   */\n  name?: string;\n  /**\n   * Callback when checkbox loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Callback when checked state is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Callback when checkbox gains focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * The value of the checkbox.\n   */\n  value?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltSwitch\");\n\nfunction CheckedIcon(props: IconProps) {\n  const density = useDensity();\n  return density === \"high\" ? (\n    <SuccessSmallSolidIcon {...props} />\n  ) : (\n    <SuccessSolidIcon {...props} />\n  );\n}\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>(function Switch(\n  props,\n  ref\n) {\n  const {\n    checked: checkedProp,\n    className,\n    defaultChecked,\n    disabled: disabledProp,\n    inputProps = {},\n    label,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    value,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-switch\",\n    css: switchCss,\n    window: targetWindow,\n  });\n\n  const {\n    \"aria-describedby\": inputDescribedBy,\n    \"aria-labelledby\": inputLabelledBy,\n    className: inputClassName,\n    onChange: inputOnChange,\n    ...restInputProps\n  } = inputProps;\n\n  const [checked, setChecked] = useControlled({\n    controlled: checkedProp,\n    default: Boolean(defaultChecked),\n    name: \"Switch\",\n    state: \"checked\",\n  });\n\n  const { a11yProps: formFieldA11yProps, disabled: formFieldDisabled } =\n    useFormFieldProps();\n\n  const disabled = formFieldDisabled || disabledProp;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    // Workaround for https://github.com/facebook/react/issues/9023\n    if (event.nativeEvent.defaultPrevented) {\n      return;\n    }\n\n    const value = event.target.checked;\n    setChecked(value);\n    onChange?.(event);\n    inputOnChange?.(event);\n  };\n\n  return (\n    <label\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"checked\")]: checked,\n        },\n        className\n      )}\n      ref={ref}\n      {...rest}\n    >\n      <input\n        aria-describedby={clsx(\n          formFieldA11yProps?.[\"aria-describedby\"],\n          inputDescribedBy\n        )}\n        aria-labelledby={clsx(\n          formFieldA11yProps?.[\"aria-labelledby\"],\n          inputLabelledBy\n        )}\n        name={name}\n        value={value}\n        checked={checked}\n        className={clsx(withBaseName(\"input\"), inputClassName)}\n        defaultChecked={defaultChecked}\n        disabled={disabled}\n        onBlur={onBlur}\n        onChange={handleChange}\n        onFocus={onFocus}\n        type=\"checkbox\"\n        role=\"switch\"\n        {...restInputProps}\n      />\n      <span className={withBaseName(\"track\")}>\n        <span className={withBaseName(\"thumb\")}>\n          {checked && (\n            <CheckedIcon aria-hidden className={withBaseName(\"icon\")} />\n          )}\n        </span>\n      </span>\n      {label && <span className={withBaseName(\"label\")}>{label}</span>}\n    </label>\n  );\n});\n"],"names":["Switch","switchCss","value"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../src/switch/Switch.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEventHandler,\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { useDensity } from \"../salt-provider\";\nimport { makePrefixer, useControlled } from \"../utils\";\n\nimport {\n  type IconProps,\n  SuccessSmallSolidIcon,\n  SuccessSolidIcon,\n} from \"@salt-ds/icons\";\nimport switchCss from \"./Switch.css\";\n\nexport interface SwitchProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"label\">,\n    \"children\" | \"onFocus\" | \"onBlur\" | \"onChange\"\n  > {\n  /**\n   * If `true`, the checkbox will be checked.\n   */\n  checked?: boolean;\n  /**\n   * Whether the checkbox component is checked by default\n   * This will be disregarded if checked is already set.\n   */\n  defaultChecked?: boolean;\n  /**\n   * If `true`, the checkbox will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Properties applied to the input element.\n   */\n  inputProps?: Partial<ComponentPropsWithoutRef<\"input\">>;\n  /**\n   * The label to be shown next to the checkbox.\n   */\n  label?: ReactNode;\n  /**\n   * The name applied to the input.\n   */\n  name?: string;\n  /**\n   * Callback when checkbox loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Callback when checked state is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Callback when checkbox gains focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * The value of the checkbox.\n   */\n  value?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltSwitch\");\n\nfunction CheckedIcon(props: IconProps) {\n  const density = useDensity();\n  return density === \"high\" ? (\n    <SuccessSmallSolidIcon {...props} />\n  ) : (\n    <SuccessSolidIcon {...props} />\n  );\n}\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>(\n  function Switch(props, ref) {\n    const {\n      checked: checkedProp,\n      className,\n      defaultChecked,\n      disabled: disabledProp,\n      inputProps = {},\n      label,\n      name,\n      onBlur,\n      onChange,\n      onFocus,\n      value,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-switch\",\n      css: switchCss,\n      window: targetWindow,\n    });\n\n    const {\n      \"aria-describedby\": inputDescribedBy,\n      \"aria-labelledby\": inputLabelledBy,\n      className: inputClassName,\n      onChange: inputOnChange,\n      ...restInputProps\n    } = inputProps;\n\n    const [checked, setChecked] = useControlled({\n      controlled: checkedProp,\n      default: Boolean(defaultChecked),\n      name: \"Switch\",\n      state: \"checked\",\n    });\n\n    const { a11yProps: formFieldA11yProps, disabled: formFieldDisabled } =\n      useFormFieldProps();\n\n    const disabled = formFieldDisabled || disabledProp;\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n      // Workaround for https://github.com/facebook/react/issues/9023\n      if (event.nativeEvent.defaultPrevented) {\n        return;\n      }\n\n      const value = event.target.checked;\n      setChecked(value);\n      onChange?.(event);\n      inputOnChange?.(event);\n    };\n\n    return (\n      <label\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"disabled\")]: disabled,\n            [withBaseName(\"checked\")]: checked,\n          },\n          className,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        <input\n          aria-describedby={clsx(\n            formFieldA11yProps?.[\"aria-describedby\"],\n            inputDescribedBy,\n          )}\n          aria-labelledby={clsx(\n            formFieldA11yProps?.[\"aria-labelledby\"],\n            inputLabelledBy,\n          )}\n          name={name}\n          value={value}\n          checked={checked}\n          className={clsx(withBaseName(\"input\"), inputClassName)}\n          defaultChecked={defaultChecked}\n          disabled={disabled}\n          onBlur={onBlur}\n          onChange={handleChange}\n          onFocus={onFocus}\n          type=\"checkbox\"\n          role=\"switch\"\n          {...restInputProps}\n        />\n        <span className={withBaseName(\"track\")}>\n          <span className={withBaseName(\"thumb\")}>\n            {checked && (\n              <CheckedIcon aria-hidden className={withBaseName(\"icon\")} />\n            )}\n          </span>\n        </span>\n        {label && <span className={withBaseName(\"label\")}>{label}</span>}\n      </label>\n    );\n  },\n);\n"],"names":["Switch","switchCss","value"],"mappings":"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"}

package/dist-es/tag/Tag.js

@@ -1,4 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { forwardRef } from 'react';
 import { makePrefixer } from '../utils/makePrefixer.js';
 import '../utils/useFloatingUI/useFloatingUI.js';
@@ -23,8 +25,6 @@ import '../button/Button.js';
 import '../card/Card.js';
 import '../checkbox/Checkbox.js';
 import '../checkbox/CheckboxGroup.js';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
 import '@salt-ds/icons';
 import '../combo-box/ComboBox.js';
 import '../dialog/Dialog.js';
@@ -44,6 +44,7 @@ import '../flex-item/FlexItem.js';
 import '../flex-layout/FlexLayout.js';
 import '../flow-layout/FlowLayout.js';
 import '../form-field/FormField.js';
+import '../form-field-context/FormFieldContext.js';
 import '../status-indicator/StatusIndicator.js';
 import '../text/Text.js';
 import '../text/Code.js';
@@ -52,7 +53,6 @@ import '../text/Headings.js';
 import '../text/Label.js';
 import '../text/TextAction.js';
 import '../text/TextNotation.js';
-import '../form-field-context/FormFieldContext.js';
 import '../grid-item/GridItem.js';
 import '../grid-layout/GridLayout.js';
 import '../input/Input.js';
@@ -63,12 +63,12 @@ import '../link/Link.js';
 import '../link-card/LinkCard.js';
 import '../list-box/ListBox.js';
 import '../list-control/ListControlContext.js';
-import '../menu/MenuContext.js';
 import '@floating-ui/react';
+import '../menu/MenuContext.js';
 import '../menu/MenuItem.js';
 import '../menu/MenuPanel.js';
-import '../menu/MenuTriggerContext.js';
 import '../menu/MenuPanelContext.js';
+import '../menu/MenuTriggerContext.js';
 import '../menu/MenuGroup.js';
 import '../multiline-input/MultilineInput.js';
 import '../navigation-item/NavigationItem.js';

package/dist-es/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../src/tag/Tag.tsx"],"sourcesContent":["import { makePrefixer } from \"../utils\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport tagCss from \"./Tag.css\";\n\nimport { clsx } from \"clsx\";\n\nconst withBaseName = makePrefixer(\"saltTag\");\n\nexport interface TagProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Styling variant with full border. Defaults to false\n   */\n  bordered?: boolean;\n  /**\n   * Emphasize the styling by applying a background color. Defaults to primary\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * The tag category, needs to be within range of 1-20. Defaults to 1\n   */\n  category?: number;\n}\n\nexport const Tag = forwardRef<HTMLDivElement, TagProps>(function Tag(\n  { children, className, variant = \"primary\", category = 1, bordered, ...rest },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tag\",\n    css: tagCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        withBaseName(),\n        withBaseName(`category-${category}`),\n        withBaseName(variant),\n        {\n          [withBaseName(\"bordered\")]: bordered,\n        },\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["Tag","tagCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,SAAS,CAAA,CAAA;AAiBpC,MAAM,GAAM,GAAA,UAAA,CAAqC,SAASA,IAAAA,CAC/D,EAAE,QAAU,EAAA,SAAA,EAAW,OAAU,GAAA,SAAA,EAAW,QAAW,GAAA,CAAA,EAAG,QAAa,EAAA,GAAA,IAAA,IACvE,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,UAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,YAAA,CAAa,YAAY,QAAU,CAAA,CAAA,CAAA;AAAA,MACnC,aAAa,OAAO,CAAA;AAAA,MACpB;AAAA,QACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,OAC9B;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Tag.js","sources":["../src/tag/Tag.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport tagCss from \"./Tag.css\";\n\nimport { clsx } from \"clsx\";\n\nconst withBaseName = makePrefixer(\"saltTag\");\n\nexport interface TagProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Styling variant with full border. Defaults to false\n   */\n  bordered?: boolean;\n  /**\n   * Emphasize the styling by applying a background color. Defaults to primary\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * The tag category, needs to be within range of 1-20. Defaults to 1\n   */\n  category?: number;\n}\n\nexport const Tag = forwardRef<HTMLDivElement, TagProps>(function Tag(\n  { children, className, variant = \"primary\", category = 1, bordered, ...rest },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tag\",\n    css: tagCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        withBaseName(),\n        withBaseName(`category-${category}`),\n        withBaseName(variant),\n        {\n          [withBaseName(\"bordered\")]: bordered,\n        },\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["Tag","tagCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,SAAS,CAAA,CAAA;AAiBpC,MAAM,GAAM,GAAA,UAAA,CAAqC,SAASA,IAAAA,CAC/D,EAAE,QAAU,EAAA,SAAA,EAAW,OAAU,GAAA,SAAA,EAAW,QAAW,GAAA,CAAA,EAAG,QAAa,EAAA,GAAA,IAAA,IACvE,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,UAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,YAAA,CAAa,YAAY,QAAU,CAAA,CAAA,CAAA;AAAA,MACnC,aAAa,OAAO,CAAA;AAAA,MACpB;AAAA,QACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,OAC9B;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/text/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","sources":["../src/text/Code.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, TextProps } from \"./Text\";\n\nexport const Code = forwardRef<HTMLSpanElement, Omit<TextProps<\"code\">, \"as\">>(\n  function TextAction({ children, ...rest }, ref) {\n    return (\n      <Text as=\"code\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,IAAO,GAAA,UAAA;AAAA,EAClB,SAAS,UAAW,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAC9C,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,MAAA;AAAA,MAAO,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MAC3B,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"Code.js","sources":["../src/text/Code.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nexport const Code = forwardRef<HTMLSpanElement, Omit<TextProps<\"code\">, \"as\">>(\n  function TextAction({ children, ...rest }, ref) {\n    return (\n      <Text as=\"code\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,IAAO,GAAA,UAAA;AAAA,EAClB,SAAS,UAAW,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAC9C,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,MAAA;AAAA,MAAO,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MAC3B,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/text/Display.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.js","sources":["../src/text/Display.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, TextProps } from \"./Text\";\n\nexport const Display1 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display1({ children, styleAs = \"display1\", ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs={styleAs} ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n\nexport const Display2 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display2({ children, styleAs = \"display2\", ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs={styleAs} ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n\nexport const Display3 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display3({ children, styleAs = \"display3\", ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs={styleAs} ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n\nexport const Display4 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display4({ children, styleAs = \"display4\", ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs={styleAs} ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n"],"names":["Display1","Display2","Display3","Display4"],"mappings":";;;;AAGa,MAAA,QAAA,GAAW,UAGtB,CAAA,SAASA,SAAS,CAAA,EAAE,UAAU,OAAU,GAAA,UAAA,EAAA,GAAe,IAAK,EAAA,EAAG,GAAK,EAAA;AACpE,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,QAAA,GAAW,UAGtB,CAAA,SAASC,SAAS,CAAA,EAAE,UAAU,OAAU,GAAA,UAAA,EAAA,GAAe,IAAK,EAAA,EAAG,GAAK,EAAA;AACpE,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,QAAA,GAAW,UAGtB,CAAA,SAASC,SAAS,CAAA,EAAE,UAAU,OAAU,GAAA,UAAA,EAAA,GAAe,IAAK,EAAA,EAAG,GAAK,EAAA;AACpE,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,QAAA,GAAW,UAGtB,CAAA,SAASC,SAAS,CAAA,EAAE,UAAU,OAAU,GAAA,UAAA,EAAA,GAAe,IAAK,EAAA,EAAG,GAAK,EAAA;AACpE,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Display.js","sources":["../src/text/Display.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nexport const Display1 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display1({ children, styleAs = \"display1\", ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs={styleAs} ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n\nexport const Display2 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display2({ children, styleAs = \"display2\", ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs={styleAs} ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n\nexport const Display3 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display3({ children, styleAs = \"display3\", ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs={styleAs} ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n\nexport const Display4 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display4({ children, styleAs = \"display4\", ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs={styleAs} ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n"],"names":["Display1","Display2","Display3","Display4"],"mappings":";;;;AAGa,MAAA,QAAA,GAAW,UAGtB,CAAA,SAASA,SAAS,CAAA,EAAE,UAAU,OAAU,GAAA,UAAA,EAAA,GAAe,IAAK,EAAA,EAAG,GAAK,EAAA;AACpE,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,QAAA,GAAW,UAGtB,CAAA,SAASC,SAAS,CAAA,EAAE,UAAU,OAAU,GAAA,UAAA,EAAA,GAAe,IAAK,EAAA,EAAG,GAAK,EAAA;AACpE,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,QAAA,GAAW,UAGtB,CAAA,SAASC,SAAS,CAAA,EAAE,UAAU,OAAU,GAAA,UAAA,EAAA,GAAe,IAAK,EAAA,EAAG,GAAK,EAAA;AACpE,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,QAAA,GAAW,UAGtB,CAAA,SAASC,SAAS,CAAA,EAAE,UAAU,OAAU,GAAA,UAAA,EAAA,GAAe,IAAK,EAAA,EAAG,GAAK,EAAA;AACpE,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/text/Headings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headings.js","sources":["../src/text/Headings.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { Text, TextProps } from \"./Text\";\n\nexport const H1 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h1\">, \"as\">>(\n  function H1({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h1\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nexport const H2 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h2\">, \"as\">>(\n  function H2({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h2\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nexport const H3 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h3\">, \"as\">>(\n  function H3({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h3\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nexport const H4 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h4\">, \"as\">>(\n  function H4({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h4\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n"],"names":["H1","H2","H3","H4"],"mappings":";;;;AAIO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASA,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASC,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASC,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASC,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"Headings.js","sources":["../src/text/Headings.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { Text, type TextProps } from \"./Text\";\n\nexport const H1 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h1\">, \"as\">>(\n  function H1({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h1\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  },\n);\n\nexport const H2 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h2\">, \"as\">>(\n  function H2({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h2\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  },\n);\n\nexport const H3 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h3\">, \"as\">>(\n  function H3({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h3\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  },\n);\n\nexport const H4 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h4\">, \"as\">>(\n  function H4({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h4\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  },\n);\n"],"names":["H1","H2","H3","H4"],"mappings":";;;;AAIO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASA,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASC,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASC,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASC,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/text/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../src/text/Label.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, TextProps } from \"./Text\";\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  Omit<TextProps<\"label\">, \"as\">\n>(function Label({ children, ...rest }, ref) {\n  return (\n    <Text as=\"label\" ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n"],"names":["Label"],"mappings":";;;;AAGa,MAAA,KAAA,GAAQ,WAGnB,SAASA,MAAAA,CAAM,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAC3C,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,OAAA;AAAA,IAAQ,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC5B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Label.js","sources":["../src/text/Label.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  Omit<TextProps<\"label\">, \"as\">\n>(function Label({ children, ...rest }, ref) {\n  return (\n    <Text as=\"label\" ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n"],"names":["Label"],"mappings":";;;;AAGa,MAAA,KAAA,GAAQ,WAGnB,SAASA,MAAAA,CAAM,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAC3C,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,OAAA;AAAA,IAAQ,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC5B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/text/Text.js

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
 import { forwardRef } from 'react';
 import { makePrefixer } from '../utils/makePrefixer.js';
 import '../utils/useFloatingUI/useFloatingUI.js';
 import '../utils/useId.js';
 import '../salt-provider/SaltProvider.js';
 import '../viewport/ViewportProvider.js';
-import { clsx } from 'clsx';
 import '../accordion/AccordionGroup.js';
 import '../accordion/AccordionPanel.js';
 import '../accordion/Accordion.js';
@@ -23,9 +23,9 @@ import '../button/Button.js';
 import '../card/Card.js';
 import '../checkbox/Checkbox.js';
 import '../checkbox/CheckboxGroup.js';
+import '@salt-ds/icons';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
-import '@salt-ds/icons';
 import '../combo-box/ComboBox.js';
 import '../dialog/Dialog.js';
 import '../dialog/DialogHeader.js';
@@ -44,6 +44,7 @@ import '../flex-item/FlexItem.js';
 import '../flex-layout/FlexLayout.js';
 import '../flow-layout/FlowLayout.js';
 import '../form-field/FormField.js';
+import '../form-field-context/FormFieldContext.js';
 import '../status-indicator/StatusIndicator.js';
 import './Code.js';
 import './Display.js';
@@ -51,7 +52,6 @@ import './Headings.js';
 import './Label.js';
 import './TextAction.js';
 import './TextNotation.js';
-import '../form-field-context/FormFieldContext.js';
 import '../grid-item/GridItem.js';
 import '../grid-layout/GridLayout.js';
 import '../input/Input.js';
@@ -62,12 +62,12 @@ import '../link/Link.js';
 import '../link-card/LinkCard.js';
 import '../list-box/ListBox.js';
 import '../list-control/ListControlContext.js';
-import '../menu/MenuContext.js';
 import '@floating-ui/react';
+import '../menu/MenuContext.js';
 import '../menu/MenuItem.js';
 import '../menu/MenuPanel.js';
-import '../menu/MenuTriggerContext.js';
 import '../menu/MenuPanelContext.js';
+import '../menu/MenuTriggerContext.js';
 import '../menu/MenuGroup.js';
 import '../multiline-input/MultilineInput.js';
 import '../navigation-item/NavigationItem.js';

package/dist-es/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../src/text/Text.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  PolymorphicComponentPropWithRef,\n  PolymorphicRef,\n} from \"../utils\";\nimport { clsx } from \"clsx\";\nimport { ElementType, forwardRef, ReactElement } from \"react\";\n\nimport textCss from \"./Text.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { ValidationStatus } from \"../status-indicator\";\n\nexport type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<\n  T,\n  {\n    /**\n     * Applies disabled styling when true\n     */\n    disabled?: boolean;\n    /**\n     * Apply text truncation by mentioning number of rows to be displayed\n     */\n    maxRows?: number;\n    /**\n     * Match styling to another text component's style\n     */\n    styleAs?:\n      | \"h1\"\n      | \"h2\"\n      | \"h3\"\n      | \"h4\"\n      | \"label\"\n      | \"display1\"\n      | \"display2\"\n      | \"display3\"\n      | \"display4\"\n      | \"notation\"\n      | \"action\"\n      | \"code\";\n    /**\n     * Change text color palette\n     * @deprecated Use `color` instead\n     */\n    variant?: \"primary\" | \"secondary\";\n    /*\n     * The color of the text. Defaults to \"primary\".\n     */\n    color?: \"inherit\" | \"primary\" | \"secondary\" | ValidationStatus;\n  }\n>;\n\ntype TextComponent = <T extends ElementType = \"div\">(\n  props: TextProps<T>\n) => ReactElement | null;\n\nconst withBaseName = makePrefixer(\"saltText\");\n\nexport const Text: TextComponent = forwardRef(function Text<\n  T extends ElementType = \"div\"\n>(\n  {\n    as,\n    children,\n    className,\n    disabled = false,\n    maxRows,\n    style,\n    styleAs,\n    variant,\n    color: colorProp,\n    ...restProps\n  }: TextProps<T>,\n  ref?: PolymorphicRef<T>\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-text\",\n    css: textCss,\n    window: targetWindow,\n  });\n\n  const Component = as ?? \"div\";\n\n  const textStyles = { \"--text-max-rows\": maxRows, ...style };\n\n  const color = variant ?? colorProp ?? \"primary\";\n\n  return (\n    <Component\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"lineClamp\")]: maxRows,\n          [withBaseName(styleAs as string)]: styleAs,\n          [withBaseName(color)]: color !== \"inherit\",\n        },\n        className\n      )}\n      {...restProps}\n      ref={ref}\n      style={textStyles}\n    >\n      {children}\n    </Component>\n  );\n});\n"],"names":["Text","textCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,MAAM,YAAA,GAAe,aAAa,UAAU,CAAA,CAAA;AAE/B,MAAA,IAAA,GAAsB,UAAW,CAAA,SAASA,KAGrD,CAAA;AAAA,EACE,EAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACJ,GAAA,SAAA;AACL,CAAA,EACA,GACA,EAAA;AA1EF,EAAA,IAAA,EAAA,CAAA;AA2EE,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,WAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,YAAY,EAAM,IAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA;AAExB,EAAA,MAAM,UAAa,GAAA,EAAE,iBAAmB,EAAA,OAAA,EAAS,GAAG,KAAM,EAAA,CAAA;AAE1D,EAAM,MAAA,KAAA,GAAA,CAAQ,EAAW,GAAA,OAAA,IAAA,IAAA,GAAA,OAAA,GAAA,SAAA,KAAX,IAAwB,GAAA,EAAA,GAAA,SAAA,CAAA;AAEtC,EAAA,uBACG,GAAA,CAAA,SAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,WAAW,CAAI,GAAA,OAAA;AAAA,QAC7B,CAAC,YAAa,CAAA,OAAiB,CAAI,GAAA,OAAA;AAAA,QACnC,CAAC,YAAA,CAAa,KAAK,CAAA,GAAI,KAAU,KAAA,SAAA;AAAA,OACnC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,SAAA;AAAA,IACJ,GAAA;AAAA,IACA,KAAO,EAAA,UAAA;AAAA,IAEN,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Text.js","sources":["../src/text/Text.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { type ElementType, type ReactElement, forwardRef } from \"react\";\nimport {\n  type PolymorphicComponentPropWithRef,\n  type PolymorphicRef,\n  makePrefixer,\n} from \"../utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { ValidationStatus } from \"../status-indicator\";\nimport textCss from \"./Text.css\";\n\nexport type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<\n  T,\n  {\n    /**\n     * Applies disabled styling when true\n     */\n    disabled?: boolean;\n    /**\n     * Apply text truncation by mentioning number of rows to be displayed\n     */\n    maxRows?: number;\n    /**\n     * Match styling to another text component's style\n     */\n    styleAs?:\n      | \"h1\"\n      | \"h2\"\n      | \"h3\"\n      | \"h4\"\n      | \"label\"\n      | \"display1\"\n      | \"display2\"\n      | \"display3\"\n      | \"display4\"\n      | \"notation\"\n      | \"action\"\n      | \"code\";\n    /**\n     * Change text color palette\n     * @deprecated Use `color` instead\n     */\n    variant?: \"primary\" | \"secondary\";\n    /*\n     * The color of the text. Defaults to \"primary\".\n     */\n    color?: \"inherit\" | \"primary\" | \"secondary\" | ValidationStatus;\n  }\n>;\n\ntype TextComponent = <T extends ElementType = \"div\">(\n  props: TextProps<T>,\n) => ReactElement | null;\n\nconst withBaseName = makePrefixer(\"saltText\");\n\nexport const Text: TextComponent = forwardRef(function Text<\n  T extends ElementType = \"div\",\n>(\n  {\n    as,\n    children,\n    className,\n    disabled = false,\n    maxRows,\n    style,\n    styleAs,\n    variant,\n    color: colorProp,\n    ...restProps\n  }: TextProps<T>,\n  ref?: PolymorphicRef<T>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-text\",\n    css: textCss,\n    window: targetWindow,\n  });\n\n  const Component = as ?? \"div\";\n\n  const textStyles = { \"--text-max-rows\": maxRows, ...style };\n\n  const color = variant ?? colorProp ?? \"primary\";\n\n  return (\n    <Component\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"lineClamp\")]: maxRows,\n          [withBaseName(styleAs as string)]: styleAs,\n          [withBaseName(color)]: color !== \"inherit\",\n        },\n        className,\n      )}\n      {...restProps}\n      ref={ref}\n      style={textStyles}\n    >\n      {children}\n    </Component>\n  );\n});\n"],"names":["Text","textCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,MAAM,YAAA,GAAe,aAAa,UAAU,CAAA,CAAA;AAE/B,MAAA,IAAA,GAAsB,UAAW,CAAA,SAASA,KAGrD,CAAA;AAAA,EACE,EAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACJ,GAAA,SAAA;AACL,CAAA,EACA,GACA,EAAA;AA1EF,EAAA,IAAA,EAAA,CAAA;AA2EE,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,WAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,YAAY,EAAM,IAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA;AAExB,EAAA,MAAM,UAAa,GAAA,EAAE,iBAAmB,EAAA,OAAA,EAAS,GAAG,KAAM,EAAA,CAAA;AAE1D,EAAM,MAAA,KAAA,GAAA,CAAQ,EAAW,GAAA,OAAA,IAAA,IAAA,GAAA,OAAA,GAAA,SAAA,KAAX,IAAwB,GAAA,EAAA,GAAA,SAAA,CAAA;AAEtC,EAAA,uBACG,GAAA,CAAA,SAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,WAAW,CAAI,GAAA,OAAA;AAAA,QAC7B,CAAC,YAAa,CAAA,OAAiB,CAAI,GAAA,OAAA;AAAA,QACnC,CAAC,YAAA,CAAa,KAAK,CAAA,GAAI,KAAU,KAAA,SAAA;AAAA,OACnC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,SAAA;AAAA,IACJ,GAAA;AAAA,IACA,KAAO,EAAA,UAAA;AAAA,IAEN,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/text/TextAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAction.js","sources":["../src/text/TextAction.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, TextProps } from \"./Text\";\n\nexport const TextAction = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function TextAction({ children, ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs=\"action\" ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n"],"names":["TextAction"],"mappings":";;;;AAGa,MAAA,UAAA,GAAa,WAGxB,SAASA,WAAAA,CAAW,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAChD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAQ,EAAA,QAAA;AAAA,IAAS,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC5C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TextAction.js","sources":["../src/text/TextAction.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nexport const TextAction = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function TextAction({ children, ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs=\"action\" ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n"],"names":["TextAction"],"mappings":";;;;AAGa,MAAA,UAAA,GAAa,WAGxB,SAASA,WAAAA,CAAW,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAChD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAQ,EAAA,QAAA;AAAA,IAAS,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC5C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/text/TextNotation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextNotation.js","sources":["../src/text/TextNotation.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, TextProps } from \"./Text\";\n\nexport const TextNotation = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function TextNotation({ children, ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs=\"notation\" ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n"],"names":["TextNotation"],"mappings":";;;;AAGa,MAAA,YAAA,GAAe,WAG1B,SAASA,aAAAA,CAAa,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAClD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAQ,EAAA,UAAA;AAAA,IAAW,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC9C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TextNotation.js","sources":["../src/text/TextNotation.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nexport const TextNotation = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function TextNotation({ children, ...rest }, ref) {\n  return (\n    <Text as=\"span\" styleAs=\"notation\" ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n"],"names":["TextNotation"],"mappings":";;;;AAGa,MAAA,YAAA,GAAe,WAG1B,SAASA,aAAAA,CAAa,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAClD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,MAAA;AAAA,IAAO,OAAQ,EAAA,UAAA;AAAA,IAAW,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC9C,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/theme/Accent.js

@@ -1,4 +1,5 @@
-const UNSTABLE_AccentValues = ["blue", "teal"];
+const AccentValues = ["blue", "teal"];
+const UNSTABLE_AccentValues = AccentValues;
 
-export { UNSTABLE_AccentValues };
+export { AccentValues, UNSTABLE_AccentValues };
 //# sourceMappingURL=Accent.js.map

package/dist-es/theme/Accent.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accent.js","sources":["../src/theme/Accent.ts"],"sourcesContent":["export const UNSTABLE_AccentValues = [\"blue\", \"teal\"] as const;\n\nexport type UNSTABLE_Accent = (typeof UNSTABLE_AccentValues)[number];\n"],"names":[],"mappings":"AAAa,MAAA,qBAAA,GAAwB,CAAC,MAAA,EAAQ,MAAM;;;;"}
+{"version":3,"file":"Accent.js","sources":["../src/theme/Accent.ts"],"sourcesContent":["export const AccentValues = [\"blue\", \"teal\"] as const;\n/** @deprecated use `AccentValues` */\nexport const UNSTABLE_AccentValues = AccentValues;\n\nexport type Accent = (typeof AccentValues)[number];\n/** @deprecated use `Accent` */\nexport type UNSTABLE_Accent = Accent;\n"],"names":[],"mappings":"AAAa,MAAA,YAAA,GAAe,CAAC,MAAA,EAAQ,MAAM,EAAA;AAEpC,MAAM,qBAAwB,GAAA;;;;"}

package/dist-es/theme/ActionFont.js

@@ -1,4 +1,5 @@
-const UNSTABLE_ActionFontValues = ["Open Sans", "Amplitude"];
+const ActionFontValues = ["Open Sans", "Amplitude"];
+const UNSTABLE_ActionFontValues = ActionFontValues;
 
-export { UNSTABLE_ActionFontValues };
+export { ActionFontValues, UNSTABLE_ActionFontValues };
 //# sourceMappingURL=ActionFont.js.map

package/dist-es/theme/ActionFont.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionFont.js","sources":["../src/theme/ActionFont.ts"],"sourcesContent":["export const UNSTABLE_ActionFontValues = [\"Open Sans\", \"Amplitude\"] as const;\n\nexport type UNSTABLE_ActionFont = (typeof UNSTABLE_ActionFontValues)[number];\n"],"names":[],"mappings":"AAAa,MAAA,yBAAA,GAA4B,CAAC,WAAA,EAAa,WAAW;;;;"}
+{"version":3,"file":"ActionFont.js","sources":["../src/theme/ActionFont.ts"],"sourcesContent":["export const ActionFontValues = [\"Open Sans\", \"Amplitude\"] as const;\n/** @deprecated use `ActionFontValues` */\nexport const UNSTABLE_ActionFontValues = ActionFontValues;\n\nexport type ActionFont = (typeof ActionFontValues)[number];\n/** @deprecated use `ActionFont` */\nexport type UNSTABLE_ActionFont = ActionFont;\n"],"names":[],"mappings":"AAAa,MAAA,gBAAA,GAAmB,CAAC,WAAA,EAAa,WAAW,EAAA;AAElD,MAAM,yBAA4B,GAAA;;;;"}

package/dist-es/theme/Corner.js

@@ -1,4 +1,5 @@
-const UNSTABLE_CornerValues = ["sharp", "rounded"];
+const CornerValues = ["sharp", "rounded"];
+const UNSTABLE_CornerValues = CornerValues;
 
-export { UNSTABLE_CornerValues };
+export { CornerValues, UNSTABLE_CornerValues };
 //# sourceMappingURL=Corner.js.map

package/dist-es/theme/Corner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Corner.js","sources":["../src/theme/Corner.ts"],"sourcesContent":["export const UNSTABLE_CornerValues = [\"sharp\", \"rounded\"] as const;\n\nexport type UNSTABLE_Corner = (typeof UNSTABLE_CornerValues)[number];\n"],"names":[],"mappings":"AAAa,MAAA,qBAAA,GAAwB,CAAC,OAAA,EAAS,SAAS;;;;"}
+{"version":3,"file":"Corner.js","sources":["../src/theme/Corner.ts"],"sourcesContent":["export const CornerValues = [\"sharp\", \"rounded\"] as const;\n/** @deprecated use `CornerValues` */\nexport const UNSTABLE_CornerValues = CornerValues;\n\nexport type Corner = (typeof CornerValues)[number];\n/** @deprecated Use `Corner` */\nexport type UNSTABLE_Corner = Corner;\n"],"names":[],"mappings":"AAAa,MAAA,YAAA,GAAe,CAAC,OAAA,EAAS,SAAS,EAAA;AAExC,MAAM,qBAAwB,GAAA;;;;"}

package/dist-es/theme/HeadingFont.js

@@ -1,4 +1,5 @@
-const UNSTABLE_HeadingFontValues = ["Open Sans", "Amplitude"];
+const HeadingFontValues = ["Open Sans", "Amplitude"];
+const UNSTABLE_HeadingFontValues = HeadingFontValues;
 
-export { UNSTABLE_HeadingFontValues };
+export { HeadingFontValues, UNSTABLE_HeadingFontValues };
 //# sourceMappingURL=HeadingFont.js.map

package/dist-es/theme/HeadingFont.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingFont.js","sources":["../src/theme/HeadingFont.ts"],"sourcesContent":["export const UNSTABLE_HeadingFontValues = [\"Open Sans\", \"Amplitude\"] as const;\n\nexport type UNSTABLE_HeadingFont = (typeof UNSTABLE_HeadingFontValues)[number];\n"],"names":[],"mappings":"AAAa,MAAA,0BAAA,GAA6B,CAAC,WAAA,EAAa,WAAW;;;;"}
+{"version":3,"file":"HeadingFont.js","sources":["../src/theme/HeadingFont.ts"],"sourcesContent":["export const HeadingFontValues = [\"Open Sans\", \"Amplitude\"] as const;\n/** @deprecated use `HeadingFontValues` */\nexport const UNSTABLE_HeadingFontValues = HeadingFontValues;\n\nexport type HeadingFont = (typeof HeadingFontValues)[number];\n/** @deprecated Use `HeadingFont` */\nexport type UNSTABLE_HeadingFont = HeadingFont;\n"],"names":[],"mappings":"AAAa,MAAA,iBAAA,GAAoB,CAAC,WAAA,EAAa,WAAW,EAAA;AAEnD,MAAM,0BAA6B,GAAA;;;;"}

package/dist-es/theme/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","sources":["../src/theme/Theme.ts"],"sourcesContent":["export type characteristic =\n  | \"accent\"\n  | \"actionable\"\n  | \"container\"\n  | \"draggable\"\n  | \"editable\"\n  | \"focused\"\n  | \"measured\"\n  | \"navigable\"\n  | \"overlayable\"\n  | \"selectable\"\n  | \"separable\"\n  | \"status\"\n  | \"taggable\"\n  | \"target\"\n  | \"text\"\n  | \"differential\" /* **deprecated** */;\n\nexport type ThemeName = string;\n\nexport const getCharacteristicValue = (\n  themeName: ThemeName,\n  characteristicName: characteristic,\n  variant: string,\n  scopeElement?: HTMLElement\n): string | null => {\n  const cssVariableName = `--salt-${characteristicName}-${variant}`;\n  const scopeTarget =\n    scopeElement || document.body.querySelector(`.${themeName}`);\n  if (scopeTarget) {\n    const style = getComputedStyle(scopeTarget);\n    const variableValue = style.getPropertyValue(cssVariableName);\n    if (variableValue) {\n      return variableValue;\n    }\n  }\n  return null;\n};\n"],"names":[],"mappings":"AAoBO,MAAM,sBAAyB,GAAA,CACpC,SACA,EAAA,kBAAA,EACA,SACA,YACkB,KAAA;AAClB,EAAM,MAAA,eAAA,GAAkB,UAAU,kBAAsB,CAAA,CAAA,EAAA,OAAA,CAAA,CAAA,CAAA;AACxD,EAAA,MAAM,cACJ,YAAgB,IAAA,QAAA,CAAS,IAAK,CAAA,aAAA,CAAc,IAAI,SAAW,CAAA,CAAA,CAAA,CAAA;AAC7D,EAAA,IAAI,WAAa,EAAA;AACf,IAAM,MAAA,KAAA,GAAQ,iBAAiB,WAAW,CAAA,CAAA;AAC1C,IAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,gBAAA,CAAiB,eAAe,CAAA,CAAA;AAC5D,IAAA,IAAI,aAAe,EAAA;AACjB,MAAO,OAAA,aAAA,CAAA;AAAA,KACT;AAAA,GACF;AACA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"Theme.js","sources":["../src/theme/Theme.ts"],"sourcesContent":["export type characteristic =\n  | \"accent\"\n  | \"actionable\"\n  | \"container\"\n  | \"draggable\"\n  | \"editable\"\n  | \"focused\"\n  | \"measured\"\n  | \"navigable\"\n  | \"overlayable\"\n  | \"selectable\"\n  | \"separable\"\n  | \"status\"\n  | \"taggable\"\n  | \"target\"\n  | \"text\"\n  | \"differential\" /* **deprecated** */;\n\nexport type ThemeName = string;\n\nexport const getCharacteristicValue = (\n  themeName: ThemeName,\n  characteristicName: characteristic,\n  variant: string,\n  scopeElement?: HTMLElement,\n): string | null => {\n  const cssVariableName = `--salt-${characteristicName}-${variant}`;\n  const scopeTarget =\n    scopeElement || document.body.querySelector(`.${themeName}`);\n  if (scopeTarget) {\n    const style = getComputedStyle(scopeTarget);\n    const variableValue = style.getPropertyValue(cssVariableName);\n    if (variableValue) {\n      return variableValue;\n    }\n  }\n  return null;\n};\n"],"names":[],"mappings":"AAoBO,MAAM,sBAAyB,GAAA,CACpC,SACA,EAAA,kBAAA,EACA,SACA,YACkB,KAAA;AAClB,EAAM,MAAA,eAAA,GAAkB,UAAU,kBAAsB,CAAA,CAAA,EAAA,OAAA,CAAA,CAAA,CAAA;AACxD,EAAA,MAAM,cACJ,YAAgB,IAAA,QAAA,CAAS,IAAK,CAAA,aAAA,CAAc,IAAI,SAAW,CAAA,CAAA,CAAA,CAAA;AAC7D,EAAA,IAAI,WAAa,EAAA;AACf,IAAM,MAAA,KAAA,GAAQ,iBAAiB,WAAW,CAAA,CAAA;AAC1C,IAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,gBAAA,CAAiB,eAAe,CAAA,CAAA;AAC5D,IAAA,IAAI,aAAe,EAAA;AACjB,MAAO,OAAA,aAAA,CAAA;AAAA,KACT;AAAA,GACF;AACA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}