@salt-ds/lab 1.0.0-alpha.9 → 1.0.0-alpha.90

package/dist-es/form-field-legacy/FormLabel.js

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import css_248z from './FormLabel.css.js';
+import { NecessityIndicator } from './NecessityIndicator.js';
+import { StatusIndicator } from './StatusIndicator.js';
+
+const withBaseName = makePrefixer("saltFormLabel");
+const FormLabel = ({
+  label,
+  NecessityIndicator: NecessityIndicator$1 = NecessityIndicator,
+  required,
+  displayedNecessity,
+  hasStatusIndicator = false,
+  StatusIndicatorProps,
+  validationStatus,
+  necessityText,
+  className,
+  disabled,
+  readOnly,
+  tooltipText,
+  ...restProps
+}) => {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-form-label",
+    css: css_248z,
+    window: targetWindow
+  });
+  return (
+    // biome-ignore lint/a11y/noLabelWithoutControl: this is a label for a form field and will wrap a form control
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: clsx(withBaseName(), className, {
+          [withBaseName("disabled")]: disabled
+        }),
+        ...restProps,
+        children: [
+          label,
+          /* @__PURE__ */ jsx(
+            NecessityIndicator$1,
+            {
+              required,
+              displayedNecessity,
+              necessityText,
+              className: withBaseName("necessityIndicator")
+            }
+          ),
+          hasStatusIndicator && /* @__PURE__ */ jsx(
+            StatusIndicator,
+            {
+              className: withBaseName("statusIndicator"),
+              status: validationStatus,
+              tooltipText,
+              hasTooltip: true,
+              ...StatusIndicatorProps
+            }
+          )
+        ]
+      }
+    )
+  );
+};
+
+export { FormLabel };
+//# sourceMappingURL=FormLabel.js.map

package/dist-es/form-field-legacy/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sources":["../src/form-field-legacy/FormLabel.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport type { ElementType, HTMLAttributes } from \"react\";\nimport type { FormFieldValidationStatus } from \"./FormFieldLegacy\";\nimport formLabelCss from \"./FormLabel.css\";\nimport {\n  NecessityIndicator as DefaultNecessityIndicator,\n  type NecessityIndicatorOptions,\n} from \"./NecessityIndicator\";\nimport { StatusIndicator, type StatusIndicatorProps } from \"./StatusIndicator\";\n\nconst withBaseName = makePrefixer(\"saltFormLabel\");\nexport interface FormLabelProps\n  extends HTMLAttributes<HTMLLabelElement>,\n    NecessityIndicatorOptions {\n  /**\n   * Whether the form field is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Adjusts whether the StatusIndicator component is shown\n   */\n  hasStatusIndicator?: boolean;\n  /**\n   * The label value for the FormLabel\n   */\n  label?: string;\n  /**\n   * An optional renderer function used to customize the necessity adornment\n   */\n  NecessityIndicator?: ElementType<NecessityIndicatorOptions>;\n  /**\n   * Whether the form field is readOnly.\n   */\n  readOnly?: boolean;\n  /**\n   * Props used to configure the StatusIndicator component if hasStatusIndicator is true\n   */\n  StatusIndicatorProps?: Partial<StatusIndicatorProps>;\n  /**\n   * The status for the FormField: Must be one of: 'error'|'warning'|undefined\n   */\n  validationStatus?: FormFieldValidationStatus;\n  /**\n   * Text to be shown in the Tooltip.\n   */\n  tooltipText?: string;\n}\n\nexport const FormLabel = ({\n  label,\n  NecessityIndicator = DefaultNecessityIndicator,\n  required,\n  displayedNecessity,\n  hasStatusIndicator = false,\n  StatusIndicatorProps,\n  validationStatus,\n  necessityText,\n  className,\n  disabled,\n  readOnly,\n  tooltipText,\n  ...restProps\n}: FormLabelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-form-label\",\n    css: formLabelCss,\n    window: targetWindow,\n  });\n\n  return (\n    // biome-ignore lint/a11y/noLabelWithoutControl: this is a label for a form field and will wrap a form control\n    <label\n      className={clsx(withBaseName(), className, {\n        [withBaseName(\"disabled\")]: disabled,\n      })}\n      {...restProps}\n    >\n      {label}\n\n      <NecessityIndicator\n        required={required}\n        displayedNecessity={displayedNecessity}\n        necessityText={necessityText}\n        className={withBaseName(\"necessityIndicator\")}\n      />\n      {hasStatusIndicator && (\n        <StatusIndicator\n          className={withBaseName(\"statusIndicator\")}\n          status={validationStatus}\n          tooltipText={tooltipText}\n          hasTooltip\n          {...StatusIndicatorProps}\n        />\n      )}\n    </label>\n  );\n};\n"],"names":["NecessityIndicator","DefaultNecessityIndicator","formLabelCss"],"mappings":";;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAsC1C,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,sBACAA,oBAAA,GAAqBC,kBAAA;AAAA,EACrB,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA,GAAqB,KAAA;AAAA,EACrB,oBAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAsB;AACpB,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,iBAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA;AAAA;AAAA,oBAEE,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAA,EAAW;AAAA,UACzC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,SAC7B,CAAA;AAAA,QACA,GAAG,SAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,0BAED,GAAA;AAAA,YAACF,oBAAA;AAAA,YAAA;AAAA,cACC,QAAA;AAAA,cACA,kBAAA;AAAA,cACA,aAAA;AAAA,cACA,SAAA,EAAW,aAAa,oBAAoB;AAAA;AAAA,WAC9C;AAAA,UACC,kBAAA,oBACC,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,cACzC,MAAA,EAAQ,gBAAA;AAAA,cACR,WAAA;AAAA,cACA,UAAA,EAAU,IAAA;AAAA,cACT,GAAG;AAAA;AAAA;AACN;AAAA;AAAA;AAEJ;AAEJ;;;;"}

package/dist-es/form-field-legacy/NecessityIndicator.js

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+
+const NecessityIndicator = ({
+  required,
+  children,
+  necessityText: necessityTextProp = children,
+  displayedNecessity,
+  className,
+  ...restProps
+}) => {
+  let necessityText = "";
+  if (necessityTextProp) {
+    necessityText = necessityTextProp;
+  } else {
+    if (required && displayedNecessity === "required") {
+      necessityText = "(Required)";
+    } else if (!required && displayedNecessity === "optional") {
+      necessityText = "(Optional)";
+    }
+  }
+  if (necessityText) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className,
+        "data-testid": "necessity-indicator",
+        ...restProps,
+        children: necessityText
+      }
+    );
+  }
+  return null;
+};
+
+export { NecessityIndicator };
+//# sourceMappingURL=NecessityIndicator.js.map

package/dist-es/form-field-legacy/NecessityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NecessityIndicator.js","sources":["../src/form-field-legacy/NecessityIndicator.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport type FormLabelNecessity = \"optional\" | \"required\";\n// export type FormLabelNecessityStyle = 'full' | 'abbreviated';\n\nexport interface NecessityIndicatorOptions {\n  /**\n   * The FormField is required\n   */\n  required?: boolean;\n  /**\n   * Whether to show a label adornment for required or optional\n   */\n  displayedNecessity?: FormLabelNecessity;\n  // This API is removed as this is not flexible enough.\n  // User could always use `necessityText` to display more customized text, e.g. in other language.\n  // necessityStyle?: FormLabelNecessityStyle;\n  /**\n   * Customize text displayed for necessity. Default to `(Required)` or `(Optional)`.\n   */\n  necessityText?: ReactNode;\n  className?: string;\n}\n\nexport const NecessityIndicator = ({\n  required,\n  children,\n  necessityText: necessityTextProp = children,\n  displayedNecessity,\n  className,\n  ...restProps\n}: NecessityIndicatorOptions & HTMLAttributes<HTMLSpanElement>) => {\n  let necessityText: ReactNode = \"\";\n\n  if (necessityTextProp) {\n    necessityText = necessityTextProp;\n  } else {\n    if (required && displayedNecessity === \"required\") {\n      necessityText = \"(Required)\";\n    } else if (!required && displayedNecessity === \"optional\") {\n      necessityText = \"(Optional)\";\n    }\n  }\n\n  if (necessityText) {\n    return (\n      <span\n        className={className}\n        data-testid=\"necessity-indicator\"\n        {...restProps}\n      >\n        {necessityText}\n      </span>\n    );\n  }\n  return null;\n};\n"],"names":[],"mappings":";;AAwBO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAe,iBAAA,GAAoB,QAAA;AAAA,EACnC,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAmE;AACjE,EAAA,IAAI,aAAA,GAA2B,EAAA;AAE/B,EAAA,IAAI,iBAAA,EAAmB;AACrB,IAAA,aAAA,GAAgB,iBAAA;AAAA,EAClB,CAAA,MAAO;AACL,IAAA,IAAI,QAAA,IAAY,uBAAuB,UAAA,EAAY;AACjD,MAAA,aAAA,GAAgB,YAAA;AAAA,IAClB,CAAA,MAAA,IAAW,CAAC,QAAA,IAAY,kBAAA,KAAuB,UAAA,EAAY;AACzD,MAAA,aAAA,GAAgB,YAAA;AAAA,IAClB;AAAA,EACF;AAEA,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,aAAA,EAAY,qBAAA;AAAA,QACX,GAAG,SAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACA,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist-es/form-field-legacy/StatusIndicator.js

@@ -0,0 +1,44 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, Tooltip, StatusIndicator as StatusIndicator$1 } from '@salt-ds/core';
+import { clsx } from 'clsx';
+
+const withBaseName = makePrefixer("saltFormField");
+const StatusIndicator = (props) => {
+  const {
+    TooltipComponent = Tooltip,
+    hasTooltip = false,
+    TooltipProps,
+    tooltipText,
+    IconProps,
+    className,
+    status = "info",
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx(
+    TooltipComponent,
+    {
+      hideIcon: true,
+      status,
+      content: tooltipText,
+      placement: "top",
+      disabled: !hasTooltip,
+      ...TooltipProps,
+      children: /* @__PURE__ */ jsx(
+        StatusIndicator$1,
+        {
+          status,
+          ...restProps,
+          ...IconProps,
+          className: clsx(
+            withBaseName("statusIndicator"),
+            className,
+            IconProps == null ? void 0 : IconProps.className
+          )
+        }
+      )
+    }
+  );
+};
+
+export { StatusIndicator };
+//# sourceMappingURL=StatusIndicator.js.map

package/dist-es/form-field-legacy/StatusIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.js","sources":["../src/form-field-legacy/StatusIndicator.tsx"],"sourcesContent":["import {\n  StatusIndicator as BaseStatusIndicator,\n  makePrefixer,\n  Tooltip,\n  type TooltipProps,\n} from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport type { ElementType } from \"react\";\n\nconst withBaseName = makePrefixer(\"saltFormField\");\n\nexport type StatusIndicatorStatus = \"error\" | \"info\" | \"warning\" | \"success\";\n\nexport interface StatusIndicatorProps extends IconProps {\n  hasTooltip?: boolean;\n  IconProps?: Partial<IconProps>;\n  status?: StatusIndicatorStatus;\n  TooltipComponent?: ElementType<TooltipProps>;\n  TooltipProps?: Partial<TooltipProps>;\n  tooltipText?: string;\n}\n\nexport const StatusIndicator = (props: StatusIndicatorProps) => {\n  const {\n    TooltipComponent = Tooltip,\n    hasTooltip = false,\n    TooltipProps,\n    tooltipText,\n    IconProps,\n    className,\n    status = \"info\",\n    ...restProps\n  } = props;\n\n  return (\n    <TooltipComponent\n      hideIcon\n      status={status}\n      content={tooltipText}\n      placement=\"top\"\n      disabled={!hasTooltip}\n      {...TooltipProps}\n    >\n      <BaseStatusIndicator\n        status={status}\n        {...restProps}\n        {...IconProps}\n        className={clsx(\n          withBaseName(\"statusIndicator\"),\n          className,\n          IconProps?.className,\n        )}\n      />\n    </TooltipComponent>\n  );\n};\n"],"names":["BaseStatusIndicator"],"mappings":";;;;AAUA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAa1C,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAgC;AAC9D,EAAA,MAAM;AAAA,IACJ,gBAAA,GAAmB,OAAA;AAAA,IACnB,UAAA,GAAa,KAAA;AAAA,IACb,YAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,GAAS,MAAA;AAAA,IACT,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAQ,IAAA;AAAA,MACR,MAAA;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAU,KAAA;AAAA,MACV,UAAU,CAAC,UAAA;AAAA,MACV,GAAG,YAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAACA,iBAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACC,GAAG,SAAA;AAAA,UACH,GAAG,SAAA;AAAA,UACJ,SAAA,EAAW,IAAA;AAAA,YACT,aAAa,iBAAiB,CAAA;AAAA,YAC9B,SAAA;AAAA,YACA,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW;AAAA;AACb;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist-es/form-field-legacy/constant.js

@@ -0,0 +1,4 @@
+const classBase = "saltFormFieldLegacy";
+
+export { classBase };
+//# sourceMappingURL=constant.js.map

package/dist-es/form-field-legacy/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../src/form-field-legacy/constant.ts"],"sourcesContent":["export const classBase = \"saltFormFieldLegacy\";\n"],"names":[],"mappings":"AAAO,MAAM,SAAA,GAAY;;;;"}

package/dist-es/form-group/FormGroup.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltFormGroup {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.saltFormGroup-row {\n  flex-direction: row;\n  float: left;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=FormGroup.css.js.map

package/dist-es/form-group/FormGroup.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/form-group/FormGroup.js

@@ -0,0 +1,29 @@
+import { 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 css_248z from './FormGroup.css.js';
+
+const baseName = "saltFormGroup";
+const FormGroup = forwardRef(
+  function FormGroup2({ className, row, ...other }, ref) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-form-group",
+      css: css_248z,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(baseName, { [`${baseName}-row`]: row }, className),
+        ref,
+        ...other
+      }
+    );
+  }
+);
+
+export { FormGroup };
+//# sourceMappingURL=FormGroup.js.map

package/dist-es/form-group/FormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.js","sources":["../src/form-group/FormGroup.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\n\nimport formGroupCss from \"./FormGroup.css\";\n\nexport interface FormGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Display group of elements in a compact row.\n   */\n  row?: boolean;\n}\n\nconst baseName = \"saltFormGroup\";\n\nexport const FormGroup = forwardRef<HTMLDivElement, FormGroupProps>(\n  function FormGroup({ className, row, ...other }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-form-group\",\n      css: formGroupCss,\n      window: targetWindow,\n    });\n    return (\n      <div\n        className={clsx(baseName, { [`${baseName}-row`]: row }, className)}\n        ref={ref}\n        {...other}\n      />\n    );\n  },\n);\n"],"names":["FormGroup","formGroupCss"],"mappings":";;;;;;;AAcA,MAAM,QAAA,GAAW,eAAA;AAEV,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,SAASA,WAAU,EAAE,SAAA,EAAW,KAAK,GAAG,KAAA,IAAS,GAAA,EAAK;AACpD,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,iBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AACD,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA,CAAK,QAAA,EAAU,EAAE,CAAC,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,GAAG,GAAA,EAAI,EAAG,SAAS,CAAA;AAAA,QACjE,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;;;;"}

package/dist-es/formatted-input/FormattedInput.css.js

@@ -0,0 +1,4 @@
+var css_248z = "/* TODO check multiline styles */\n\n.saltFormattedInput {\n  --formattedInput-mask-color: var(--salt-content-secondary-foreground);\n}\n\n.saltFormattedInput-inputWrapper {\n  position: relative;\n  width: 100%;\n  display: inline-flex;\n}\n\n.saltFormattedInput-mask {\n  position: absolute;\n  color: var(--formattedInput-mask-color);\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  top: 0;\n  left: 0;\n}\n\n.saltFormattedInput-mask i {\n  color: transparent;\n  opacity: 0;\n  visibility: hidden;\n  font: inherit;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=FormattedInput.css.js.map

package/dist-es/formatted-input/FormattedInput.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedInput.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/formatted-input/FormattedInput.js

@@ -0,0 +1,72 @@
+import { jsx } from 'react/jsx-runtime';
+import { useControlled } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import { useRifm } from 'rifm';
+import { InputLegacy } from '../input-legacy/InputLegacy.js';
+import '../input-legacy/StaticInputAdornment.js';
+import css_248z from './FormattedInput.css.js';
+import { InputWithMask, baseName } from './internal/InputWithMask.js';
+
+const defaultFormatter = (string) => string;
+const defaultRifmOptions = {};
+const FormattedInput = forwardRef(
+  function FormattedInput2({
+    defaultValue = "",
+    className,
+    inputProps,
+    mask,
+    onChange,
+    rifmOptions = defaultRifmOptions,
+    value: valueProp,
+    textAlign,
+    ...other
+  }, ref) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-formatted-input",
+      css: css_248z,
+      window: targetWindow
+    });
+    const [valueState, setValueState] = useControlled({
+      default: defaultValue,
+      controlled: valueProp,
+      name: "FormattedInput",
+      state: "value"
+    });
+    const handleChange = (value) => {
+      setValueState(value);
+      onChange == null ? void 0 : onChange(value);
+    };
+    let rifmMask = false;
+    if (rifmOptions.mask) {
+      rifmMask = typeof rifmOptions.mask === "function" ? rifmOptions.mask(valueState) : rifmOptions.mask;
+    }
+    const rifm = useRifm({
+      format: defaultFormatter,
+      accept: /.*/,
+      ...rifmOptions,
+      mask: rifmMask,
+      value: valueState || "",
+      onChange: handleChange
+    });
+    return /* @__PURE__ */ jsx(
+      InputLegacy,
+      {
+        className: clsx(baseName, className),
+        inputComponent: InputWithMask,
+        inputProps: { mask, textAlign, ...inputProps },
+        onChange: rifm.onChange,
+        textAlign,
+        value: rifm.value,
+        ...other,
+        ref
+      }
+    );
+  }
+);
+
+export { FormattedInput };
+//# sourceMappingURL=FormattedInput.js.map

package/dist-es/formatted-input/FormattedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedInput.js","sources":["../src/formatted-input/FormattedInput.tsx"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { useRifm } from \"rifm\";\nimport {\n  InputLegacy as Input,\n  type InputLegacyProps as InputProps,\n} from \"../input-legacy\";\nimport formattedInputCss from \"./FormattedInput.css\";\nimport {\n  baseName,\n  InputWithMask,\n  type InputWithMaskProps,\n} from \"./internal/InputWithMask\";\n\nexport type MaskFunction = (value: string | undefined) => boolean;\n\nexport interface RifmOptions {\n  format?: (str: string) => string;\n  replace?: (str: string) => string;\n  append?: (str: string) => string;\n  mask?: boolean | MaskFunction;\n  accept?: RegExp;\n}\n\nexport interface FormattedInputProps extends Omit<InputProps, \"onChange\"> {\n  mask?: string;\n  onChange?: (value: string) => void;\n  rifmOptions?: RifmOptions;\n  value?: string;\n  defaultValue?: string;\n}\n\nconst defaultFormatter = (string: string): string => string;\nconst defaultRifmOptions: RifmOptions = {};\n\nexport const FormattedInput = forwardRef<HTMLInputElement, FormattedInputProps>(\n  function FormattedInput(\n    {\n      defaultValue = \"\",\n      className,\n      inputProps,\n      mask,\n      onChange,\n      rifmOptions = defaultRifmOptions,\n      value: valueProp,\n      textAlign,\n      ...other\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-formatted-input\",\n      css: formattedInputCss,\n      window: targetWindow,\n    });\n\n    const [valueState, setValueState] = useControlled<string | undefined>({\n      default: defaultValue,\n      controlled: valueProp,\n      name: \"FormattedInput\",\n      state: \"value\",\n    });\n\n    const handleChange = (value: string) => {\n      setValueState(value);\n      onChange?.(value);\n    };\n\n    let rifmMask = false;\n\n    if (rifmOptions.mask) {\n      rifmMask =\n        typeof rifmOptions.mask === \"function\"\n          ? rifmOptions.mask(valueState)\n          : rifmOptions.mask;\n    }\n\n    const rifm = useRifm({\n      format: defaultFormatter,\n      accept: /.*/,\n      ...rifmOptions,\n      mask: rifmMask,\n      value: valueState || \"\",\n      onChange: handleChange,\n    });\n\n    return (\n      <Input\n        className={clsx(baseName, className)}\n        inputComponent={InputWithMask}\n        inputProps={{ mask, textAlign, ...inputProps } as InputWithMaskProps}\n        onChange={rifm.onChange}\n        textAlign={textAlign}\n        value={rifm.value}\n        {...other}\n        ref={ref}\n      />\n    );\n  },\n);\n"],"names":["FormattedInput","formattedInputCss","Input"],"mappings":";;;;;;;;;;;;AAmCA,MAAM,gBAAA,GAAmB,CAAC,MAAA,KAA2B,MAAA;AACrD,MAAM,qBAAkC,EAAC;AAElC,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,SAASA,eAAAA,CACP;AAAA,IACE,YAAA,GAAe,EAAA;AAAA,IACf,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,kBAAA;AAAA,IACd,KAAA,EAAO,SAAA;AAAA,IACP,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,aAAA,CAAkC;AAAA,MACpE,OAAA,EAAS,YAAA;AAAA,MACT,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,gBAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACR,CAAA;AAED,IAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAkB;AACtC,MAAA,aAAA,CAAc,KAAK,CAAA;AACnB,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,KAAA,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,IAAI,QAAA,GAAW,KAAA;AAEf,IAAA,IAAI,YAAY,IAAA,EAAM;AACpB,MAAA,QAAA,GACE,OAAO,YAAY,IAAA,KAAS,UAAA,GACxB,YAAY,IAAA,CAAK,UAAU,IAC3B,WAAA,CAAY,IAAA;AAAA,IACpB;AAEA,IAAA,MAAM,OAAO,OAAA,CAAQ;AAAA,MACnB,MAAA,EAAQ,gBAAA;AAAA,MACR,MAAA,EAAQ,IAAA;AAAA,MACR,GAAG,WAAA;AAAA,MACH,IAAA,EAAM,QAAA;AAAA,MACN,OAAO,UAAA,IAAc,EAAA;AAAA,MACrB,QAAA,EAAU;AAAA,KACX,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA,CAAK,QAAA,EAAU,SAAS,CAAA;AAAA,QACnC,cAAA,EAAgB,aAAA;AAAA,QAChB,UAAA,EAAY,EAAE,IAAA,EAAM,SAAA,EAAW,GAAG,UAAA,EAAW;AAAA,QAC7C,UAAU,IAAA,CAAK,QAAA;AAAA,QACf,SAAA;AAAA,QACA,OAAO,IAAA,CAAK,KAAA;AAAA,QACX,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}

package/dist-es/formatted-input/internal/InputWithMask.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+
+const baseName = "saltFormattedInput";
+function getClippedMask(mask, value, textAlign) {
+  if (mask) {
+    if (textAlign === "right") {
+      return mask.substring(
+        0,
+        value ? mask.length - value.length : mask.length
+      );
+    }
+    return mask.substring(value ? value.length : 0);
+  }
+  return "";
+}
+const InputWithMask = forwardRef(
+  function InputWithMask2({
+    "aria-labelledby": ariaLabelledBy,
+    className,
+    mask = "",
+    value,
+    id: idProp,
+    style,
+    textAlign,
+    ...other
+  }, ref) {
+    const id = useId(idProp);
+    const spacerAndMask = [
+      /* @__PURE__ */ jsx("i", { children: value }, value),
+      getClippedMask(mask, value, textAlign)
+    ];
+    return /* @__PURE__ */ jsxs("div", { className: `${baseName}-inputWrapper`, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className,
+          ...other,
+          "aria-label": mask,
+          "aria-labelledby": [ariaLabelledBy, id].filter((label) => label != null).join(" "),
+          id,
+          ref,
+          style,
+          value
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(`${baseName}-mask`, className),
+          style,
+          children: textAlign !== "right" ? spacerAndMask : spacerAndMask.reverse()
+        }
+      )
+    ] });
+  }
+);
+
+export { InputWithMask, baseName };
+//# sourceMappingURL=InputWithMask.js.map

package/dist-es/formatted-input/internal/InputWithMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWithMask.js","sources":["../src/formatted-input/internal/InputWithMask.tsx"],"sourcesContent":["import { useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type InputHTMLAttributes } from \"react\";\nimport type { FormattedInputProps } from \"../FormattedInput\";\n\nexport const baseName = \"saltFormattedInput\";\n\nfunction getClippedMask(\n  mask: FormattedInputProps[\"mask\"],\n  value: FormattedInputProps[\"value\"],\n  textAlign: FormattedInputProps[\"textAlign\"],\n) {\n  if (mask) {\n    if (textAlign === \"right\") {\n      return mask.substring(\n        0,\n        value ? mask.length - value.length : mask.length,\n      );\n    }\n\n    return mask.substring(value ? value.length : 0);\n  }\n  return \"\";\n}\n\nexport interface InputWithMaskProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  mask?: FormattedInputProps[\"mask\"];\n  textAlign?: FormattedInputProps[\"textAlign\"];\n  value?: FormattedInputProps[\"value\"];\n}\n\nexport const InputWithMask = forwardRef<HTMLInputElement, InputWithMaskProps>(\n  function InputWithMask(\n    {\n      \"aria-labelledby\": ariaLabelledBy,\n      className,\n      mask = \"\",\n      value,\n      id: idProp,\n      style,\n      textAlign,\n      ...other\n    },\n    ref,\n  ) {\n    const id = useId(idProp);\n\n    const spacerAndMask = [\n      <i key={value}>{value}</i>,\n      getClippedMask(mask, value, textAlign),\n    ];\n\n    return (\n      <div className={`${baseName}-inputWrapper`}>\n        <input\n          className={className}\n          {...other}\n          aria-label={mask}\n          aria-labelledby={[ariaLabelledBy, id]\n            .filter((label) => label != null)\n            .join(\" \")}\n          id={id}\n          ref={ref}\n          style={style}\n          value={value}\n        />\n        <span\n          aria-hidden=\"true\"\n          className={clsx(`${baseName}-mask`, className)}\n          style={style}\n        >\n          {textAlign !== \"right\" ? spacerAndMask : spacerAndMask.reverse()}\n        </span>\n      </div>\n    );\n  },\n);\n"],"names":["InputWithMask"],"mappings":";;;;;AAKO,MAAM,QAAA,GAAW;AAExB,SAAS,cAAA,CACP,IAAA,EACA,KAAA,EACA,SAAA,EACA;AACA,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,IAAI,cAAc,OAAA,EAAS;AACzB,MAAA,OAAO,IAAA,CAAK,SAAA;AAAA,QACV,CAAA;AAAA,QACA,KAAA,GAAQ,IAAA,CAAK,MAAA,GAAS,KAAA,CAAM,SAAS,IAAA,CAAK;AAAA,OAC5C;AAAA,IACF;AAEA,IAAA,OAAO,IAAA,CAAK,SAAA,CAAU,KAAA,GAAQ,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,EAChD;AACA,EAAA,OAAO,EAAA;AACT;AASO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,SAASA,cAAAA,CACP;AAAA,IACE,iBAAA,EAAmB,cAAA;AAAA,IACnB,SAAA;AAAA,IACA,IAAA,GAAO,EAAA;AAAA,IACP,KAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,IAAA,MAAM,aAAA,GAAgB;AAAA,sBACpB,GAAA,CAAC,GAAA,EAAA,EAAe,QAAA,EAAA,KAAA,EAAA,EAAR,KAAc,CAAA;AAAA,MACtB,cAAA,CAAe,IAAA,EAAM,KAAA,EAAO,SAAS;AAAA,KACvC;AAEA,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAG,QAAQ,CAAA,aAAA,CAAA,EACzB,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACC,GAAG,KAAA;AAAA,UACJ,YAAA,EAAY,IAAA;AAAA,UACZ,iBAAA,EAAiB,CAAC,cAAA,EAAgB,EAAE,CAAA,CACjC,MAAA,CAAO,CAAC,KAAA,KAAU,KAAA,IAAS,IAAI,CAAA,CAC/B,IAAA,CAAK,GAAG,CAAA;AAAA,UACX,EAAA;AAAA,UACA,GAAA;AAAA,UACA,KAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,MAAA;AAAA,UACZ,SAAA,EAAW,IAAA,CAAK,CAAA,EAAG,QAAQ,SAAS,SAAS,CAAA;AAAA,UAC7C,KAAA;AAAA,UAEC,QAAA,EAAA,SAAA,KAAc,OAAA,GAAU,aAAA,GAAgB,aAAA,CAAc,OAAA;AAAQ;AAAA;AACjE,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-es/index.js

@@ -0,0 +1,144 @@
+export { AppHeader } from './app-header/AppHeader.js';
+export { Breadcrumb } from './breadcrumbs/Breadcrumb.js';
+export { Breadcrumbs } from './breadcrumbs/Breadcrumbs.js';
+export { ButtonBar, DefaultButtonsOrderByVariant } from './button-bar/ButtonBar.js';
+export { OrderedButton } from './button-bar/OrderedButton.js';
+export { Calendar, CalendarGrid, CalendarNavigation, CalendarWeekHeader, isDateRangeSelection, useCalendar, useCalendarDay, useCalendarSelection, useCalendarSelectionDay, useDateSelectionAnnouncer } from './calendar/index.js';
+export { CascadingMenu } from './cascading-menu/CascadingMenu.js';
+export { Color } from './color-chooser/Color.js';
+export { ColorChooser } from './color-chooser/ColorChooser.js';
+export { convertColorMapValueToHex, getColorNameByHexValue, getHexValue, hexValueWithoutAlpha, isValidHex } from './color-chooser/ColorHelpers.js';
+export { ColorPicker } from './color-chooser/ColorPicker.js';
+export { saltColorMap, saltlight } from './color-chooser/colorMap.js';
+export { getColorPalettes, makePalette } from './color-chooser/GetColorPalettes.js';
+export { Swatch } from './color-chooser/Swatch.js';
+export { SwatchesPicker } from './color-chooser/SwatchesPicker.js';
+export { ComboBox } from './combo-box/ComboBox.js';
+export { ComboBoxDeprecated } from './combo-box-deprecated/ComboBoxDeprecated.js';
+export { getDefaultFilter, getDefaultFilterRegex } from './combo-box-deprecated/filterHelpers.js';
+export { ContactAction } from './contact-details/ContactAction.js';
+export { ContactActions } from './contact-details/ContactActions.js';
+export { ContactAvatar } from './contact-details/ContactAvatar.js';
+export { ContactDetails } from './contact-details/ContactDetails.js';
+export { ContactFavoriteToggle } from './contact-details/ContactFavoriteToggle.js';
+export { ContactMetadata } from './contact-details/ContactMetadata.js';
+export { ContactMetadataItem } from './contact-details/ContactMetadataItem.js';
+export { ContactPrimaryInfo } from './contact-details/ContactPrimaryInfo.js';
+export { ContactSecondaryInfo } from './contact-details/ContactSecondaryInfo.js';
+export { ContactTertiaryInfo } from './contact-details/ContactTertiaryInfo.js';
+export { MailLinkComponent } from './contact-details/MailLinkComponent.js';
+export { ContentStatus } from './content-status/ContentStatus.js';
+export { DateInputRange, DateInputSingle } from './date-input/index.js';
+export { DatePicker, DatePickerActions, DatePickerHelperText, DatePickerOverlay, DatePickerOverlayProvider, DatePickerRangeGridPanel, DatePickerRangeInput, DatePickerRangePanel, DatePickerSingleGridPanel, DatePickerSingleInput, DatePickerTrigger, useDatePickerContext, useDatePickerOverlay } from './date-picker/index.js';
+export { DeckItem } from './deck-item/DeckItem.js';
+export { DeckLayout } from './deck-layout/DeckLayout.js';
+export { Dropdown } from './dropdown/Dropdown.js';
+export { DropdownBase } from './dropdown/DropdownBase.js';
+export { DropdownButton } from './dropdown/DropdownButton.js';
+export { useDropdownBase } from './dropdown/useDropdownBase.js';
+export { EditableLabel } from './editable-label/EditableLabel.js';
+export { FormFieldLegacyContext } from './form-field-context-legacy/FormFieldLegacyContext.js';
+export { useFormFieldLegacyProps } from './form-field-context-legacy/useFormFieldLegacyProps.js';
+export { FormFieldLegacy as FormField } from './form-field-legacy/FormFieldLegacy.js';
+export { FormLabel } from './form-field-legacy/FormLabel.js';
+export { FormGroup } from './form-group/FormGroup.js';
+export { FormattedInput } from './formatted-input/FormattedInput.js';
+export { InputLegacy as Input } from './input-legacy/InputLegacy.js';
+export { StaticInputAdornment } from './input-legacy/StaticInputAdornment.js';
+export { LAYER_POSITIONS, LayerLayout } from './layer-layout/LayerLayout.js';
+export { Highlighter } from './list/Highlighter.js';
+export { List } from './list/List.js';
+export { ListItem, ListItemProxy } from './list/ListItem.js';
+export { ListItemGroup } from './list/ListItemGroup.js';
+export { ListItemHeader } from './list/ListItemHeader.js';
+export { useList } from './list/useList.js';
+export { VirtualizedList } from './list/VirtualizedList.js';
+import './list-deprecated/List.js';
+import './list-deprecated/ListBase.js';
+import './list-deprecated/ListItem.js';
+export { ListItemBase as ListItemBaseDeprecated } from './list-deprecated/ListItemBase.js';
+import './list-deprecated/ListItemContext.js';
+import './list-deprecated/ListStateContext.js';
+import '@salt-ds/core';
+import 'react';
+export { useListItem as useListItemDeprecated } from './list-deprecated/useListItem.js';
+export { escapeRegExp } from './utils/escapeRegExp.js';
+export { forwardCallbackProps } from './utils/forwardCallbackProps.js';
+export { isEmail } from './utils/isEmail.js';
+export { isPlainObject } from './utils/isPlainObject.js';
+export { partition } from './utils/partition.js';
+export { useClickOutside } from './utils/useClickOutside.js';
+export { useEventCallback } from './utils/useEventCallback.js';
+export { useIsViewportLargerThanBreakpoint } from './utils/useIsViewportLargerThanBreakpoint.js';
+export { useLayoutEffectOnce } from './utils/useLayoutEffectOnce.js';
+export { useLayoutEffectSkipFirst } from './utils/useLayoutEffectSkipFirst.js';
+export { useOverflowDetection } from './utils/useOverflowDetection.js';
+export { useSlideSelection } from './utils/useSlideSelection.js';
+export { ListItemNext } from './list-next/ListItemNext.js';
+export { ListNext } from './list-next/ListNext.js';
+export { LocalizationProvider, useLocalization } from './localization-provider/index.js';
+export { Logo } from './logo/Logo.js';
+export { LogoImage } from './logo/LogoImage.js';
+export { LogoSeparator } from './logo/LogoSeparator.js';
+export { MenuButton } from './menu-button/MenuButton.js';
+export { Metric } from './metric/Metric.js';
+export { MetricContent } from './metric/MetricContent.js';
+export { MetricHeader } from './metric/MetricHeader.js';
+export { Portal } from './portal/Portal.js';
+export { QueryInput } from './query-input/QueryInput.js';
+export { useQueryInput } from './query-input/useQueryInput.js';
+export { Rating } from './rating/Rating.js';
+export { DropdownPlaceholder, NO_DATA, addAll, allExceptOverflowIndicator, byDescendingPriority, getDropdownPlaceholder, getElementForItem, getIsOverflowed, getOverflowIndicator, getRuntimePadding, isCollapsed, isCollapsedOrCollapsing, isCollapsible, isCollapsing, isOverflowed, measureContainer, measureContainerOverflow, measureElementSize, measureOverflowItems, notOverflowed, popNextItemByPriority } from './responsive/overflowUtils.js';
+export { useDynamicCollapse } from './responsive/useDynamicCollapse.js';
+export { useInstantCollapse } from './responsive/useInstantCollapse.js';
+export { useOverflow } from './responsive/useOverflow.js';
+export { useOverflowCollectionItems } from './responsive/useOverflowCollectionItems.js';
+export { useOverflowLayout } from './responsive/useOverflowLayout.js';
+export { addAllVisible, useReclaimSpace } from './responsive/useReclaimSpace.js';
+export { HeightOnly, WidthHeight, WidthOnly, useResizeObserver } from './responsive/useResizeObserver.js';
+export { useWidth } from './responsive/useWidth.js';
+export { isResponsiveAttribute, liftResponsivePropsToFormField } from './responsive/utils.js';
+export { SearchInput } from './search-input/SearchInput.js';
+export { SidePanel } from './side-panel/SidePanel.js';
+export { SidePanelContent } from './side-panel/SidePanelContent.js';
+export { SidePanelHeader } from './side-panel/SidePanelHeader.js';
+export { SidePanelProvider } from './side-panel/SidePanelProvider.js';
+export { SidePanelTitle } from './side-panel/SidePanelTitle.js';
+export { SidePanelTrigger } from './side-panel/SidePanelTrigger.js';
+export { useSidePanel } from './side-panel/useSidePanel.js';
+export { StaticList } from './static-list/StaticList.js';
+export { StaticListItem } from './static-list/StaticListItem.js';
+export { StaticListItemContent } from './static-list/StaticListItemContent.js';
+export { SystemStatus } from './system-status/SystemStatus.js';
+export { SystemStatusActions } from './system-status/SystemStatusActions.js';
+export { SystemStatusContent } from './system-status/SystemStatusContent.js';
+export { Tab } from './tabs/Tab.js';
+export { TabActivationIndicator } from './tabs/TabActivationIndicator.js';
+export { TabPanel } from './tabs/TabPanel.js';
+export { Tabs } from './tabs/Tabs.js';
+export { Tabstrip } from './tabs/Tabstrip.js';
+export { TabBar } from './tabs-next/TabBar.js';
+export { TabListNext } from './tabs-next/TabListNext.js';
+export { TabNext } from './tabs-next/TabNext.js';
+export { TabNextAction } from './tabs-next/TabNextAction.js';
+export { TabNextPanel } from './tabs-next/TabNextPanel.js';
+export { TabNextTrigger } from './tabs-next/TabNextTrigger.js';
+export { TabsNext } from './tabs-next/TabsNext.js';
+export { ToastGroup } from './toast-group/ToastGroup.js';
+export { TokenizedInput } from './tokenized-input/TokenizedInput.js';
+export { TokenizedInputBase } from './tokenized-input/TokenizedInputBase.js';
+export { useTokenizedInput } from './tokenized-input/useTokenizedInput.js';
+export { TokenizedInputNext } from './tokenized-input-next/TokenizedInputNext.js';
+export { useTokenizedInputNext } from './tokenized-input-next/useTokenizedInputNext.js';
+export { Toolbar } from './toolbar/Toolbar.js';
+export { ToolbarButton } from './toolbar/ToolbarButton.js';
+export { Tooltray } from './toolbar/Tooltray.js';
+export { ToolbarField } from './toolbar/toolbar-field/ToolbarField.js';
+export { Tree } from './tree/Tree.js';
+export { TreeNode } from './tree/TreeNode.js';
+export { TreeNodeLabel } from './tree/TreeNodeLabel.js';
+export { TreeNodeTrigger } from './tree/TreeNodeTrigger.js';
+export { ElectronWindow } from './window/ElectronWindow.js';
+export { Window, WindowContext, isDesktop, useWindow } from './window/WindowContext.js';
+export { DateRangeSelectionContext, LocalizationProviderContext, SingleDateSelectionContext } from '@salt-ds/date-components';
+//# sourceMappingURL=index.js.map

package/dist-es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-es/input-legacy/InputLegacy.css.js

@@ -0,0 +1,4 @@
+var css_248z = "/* Styles applied to the root element dependent on density */\n.salt-density-touch {\n  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit) * 0.5);\n  --inputLegacy-button-inset: 4px;\n}\n.salt-density-low {\n  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit) * 2 / 3);\n  --inputLegacy-button-inset: 4px;\n}\n.salt-density-medium {\n  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit) * 0.5);\n  --inputLegacy-button-inset: 2px;\n}\n.salt-density-high {\n  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit));\n  --inputLegacy-button-inset: 2px;\n}\n\n/* Style applied to the root element */\n.saltInputLegacy {\n  align-items: center;\n  background: var(--saltInputLegacy-background, none);\n  border: var(--saltInputLegacy-border, none);\n  border-radius: var(--saltInputLegacy-borderRadius, 0);\n  color: var(--saltInputLegacy-text-color, var(--salt-content-primary-foreground));\n  cursor: var(--saltInputLegacy-cursor, default);\n  display: inline-flex;\n  font-family: var(--saltInputLegacy-fontFamily, var(--salt-text-fontFamily));\n  font-size: var(--saltInputLegacy-fontSize, var(--salt-text-fontSize));\n  height: var(--saltInputLegacy-height, var(--salt-size-base));\n  line-height: var(--salt-text-lineHeight);\n  min-height: var(--saltInputLegacy-minHeight, var(--salt-size-base));\n  min-width: var(--saltInputLegacy-minWidth, 8em);\n  padding: var(--saltInputLegacy-padding, 0 var(--salt-size-unit));\n  position: var(--saltInputLegacy-position, relative);\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Reset in the next class */\n.saltInputLegacy-input:focus {\n  outline: none;\n}\n\n/* Pseudo-class applied to the root element when focused */\n.saltInputLegacy-focused {\n  outline-style: var(--saltInputLegacy-focused-outlineStyle, var(--salt-focused-outlineStyle));\n  outline-width: var(--saltInputLegacy-focused-outlineWidth, var(--salt-focused-outlineWidth));\n  outline-color: var(--saltInputLegacy-focused-outlineColor, var(--salt-focused-outlineColor));\n  outline-offset: var(--saltInputLegacy-focused-outlineOffset, var(--salt-focused-outlineOffset));\n}\n\n/* Style applied to inner input component */\n.saltInputLegacy-input {\n  background: var(--saltInputLegacy-background, none);\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  display: block;\n  flex: 1;\n  font: inherit;\n  letter-spacing: var(--saltInputLegacy-letterSpacing, 0);\n  margin: 0;\n  min-width: 0;\n  overflow: hidden;\n  padding: 0;\n  height: 100%;\n  width: 100%;\n}\n\n/* Style applied to input if `disabled={true}` */\n.saltInputLegacy-disabled .saltInputLegacy-input {\n  cursor: var(--salt-cursor-disabled);\n  color: var(--saltInputLegacy-text-color-disabled, var(--salt-content-primary-foreground-disabled));\n}\n\n/* Style applied to adornment containers */\n.saltInputLegacy-suffixContainer,\n.saltInputLegacy-prefixContainer {\n  display: flex;\n  align-items: center;\n\n  height: var(--inputLegacy-adornment-height);\n}\n\n/* Style applied to root element with start adornment */\n.saltInputLegacy-inputAdornedStart {\n  padding-left: var(--saltInputLegacy-adornedStart-padding, 0);\n}\n\n/* Style applied to inner input element with start adornment */\n.saltInputLegacy-inputAdornedStart .saltInputLegacy-input {\n  padding-left: var(--saltInputLegacy-adornedStart-input-padding, var(--salt-size-unit));\n}\n\n/* Style applied to root element with end adornment */\n.saltInputLegacy-inputAdornedEnd {\n  padding-right: var(--saltInputLegacy-adornedEnd-padding, 0);\n}\n\n/* Style applied to inner input element with end adornment */\n.saltInputLegacy-inputAdornedEnd .saltInputLegacy-input {\n  padding-right: var(--saltInputLegacy-adornedEnd-input-padding, var(--salt-size-unit));\n}\n\n/* Style applied to salt Button used within Input component adornments */\n.saltInputLegacy .saltInputLegacy-suffixContainer > .saltButton,\n.saltInputLegacy .saltInputLegacy-prefixContainer > .saltButton {\n  height: calc(var(--saltButton-height, var(--salt-size-base)) - (var(--inputLegacy-button-inset) * 2));\n  margin: var(--inputLegacy-button-inset);\n  padding: 0 calc(var(--salt-size-unit) - var(--inputLegacy-button-inset));\n}\n\n/* Style applied if `textAlign={\"left\"}` */\n.saltInputLegacy-leftTextAlign .saltInputLegacy-input {\n  text-align: left;\n}\n\n/* Style applied if `textAlign={\"center\"}` */\n.saltInputLegacy-centerTextAlign .saltInputLegacy-input {\n  text-align: center;\n}\n\n/* Style applied if `textAlign={\"right\"}` */\n.saltInputLegacy-rightTextAlign .saltInputLegacy-input {\n  text-align: right;\n}\n\n/* Style applied if `inFormField={true}` */\n.saltInputLegacy-formField {\n  min-width: var(--saltFormFieldLegacy-input-minWidth, 0px);\n  width: 100%;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=InputLegacy.css.js.map

package/dist-es/input-legacy/InputLegacy.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLegacy.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}