@salt-ds/lab 1.0.0-alpha.6 → 1.0.0-alpha.60

package/dist-es/packages/lab/src/form-field-context/FormFieldContext.js

@@ -1,9 +0,0 @@
-import { createContext } from '@salt-ds/core';
-
-const FormFieldContext = createContext(
-  "FormFieldContext",
-  {}
-);
-
-export { FormFieldContext };
-//# sourceMappingURL=FormFieldContext.js.map

package/dist-es/packages/lab/src/form-field-context/FormFieldContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldContext.js","sources":["../src/form-field-context/FormFieldContext.ts"],"sourcesContent":["import { Dispatch, FocusEventHandler, RefObject, SetStateAction } from \"react\";\nimport { createContext } from \"@salt-ds/core\";\nimport { useA11yValueValue } from \"../form-field\";\nexport interface FormFieldContextValue {\n  inFormField: true;\n  ref: RefObject<HTMLDivElement>;\n  a11yProps: useA11yValueValue;\n  focused: boolean;\n  setFocused: Dispatch<SetStateAction<boolean>>;\n  onBlur: FocusEventHandler<HTMLElement>;\n  onFocus: FocusEventHandler<HTMLElement>;\n}\n\nexport const FormFieldContext = createContext(\n  \"FormFieldContext\",\n  {} as FormFieldContextValue\n);\n"],"names":[],"mappings":";;AAaO,MAAM,gBAAmB,GAAA,aAAA;AAAA,EAC9B,kBAAA;AAAA,EACA,EAAC;AACH;;;;"}

package/dist-es/packages/lab/src/form-field-context/FormFieldContextNext.js

@@ -1,9 +0,0 @@
-import { createContext } from '@salt-ds/core';
-
-const FormFieldContextNext = createContext(
-  "FormFieldContext",
-  {}
-);
-
-export { FormFieldContextNext };
-//# sourceMappingURL=FormFieldContextNext.js.map

package/dist-es/packages/lab/src/form-field-context/FormFieldContextNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldContextNext.js","sources":["../src/form-field-context/FormFieldContextNext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport { useA11yValueValue } from \"../form-field-next\";\n\nexport interface FormFieldContextNextValue {\n  a11yProps: useA11yValueValue;\n}\n\nexport const FormFieldContextNext = createContext(\n  \"FormFieldContext\",\n  {} as FormFieldContextNextValue\n);\n"],"names":[],"mappings":";;AAOO,MAAM,oBAAuB,GAAA,aAAA;AAAA,EAClC,kBAAA;AAAA,EACA,EAAC;AACH;;;;"}

package/dist-es/packages/lab/src/form-field-context/useFormFieldProps.js

@@ -1,21 +0,0 @@
-import { useContext } from 'react';
-import { useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { FormFieldContext } from './FormFieldContext.js';
-
-function useFormFieldProps({
-  focusVisible
-} = {}) {
-  const { setFocused, ...formFieldProps } = useContext(FormFieldContext) || {};
-  useIsomorphicLayoutEffect(() => {
-    if (focusVisible !== void 0 && setFocused) {
-      setFocused(focusVisible);
-    }
-  }, [focusVisible, setFocused]);
-  return {
-    setFocused,
-    ...formFieldProps
-  };
-}
-
-export { useFormFieldProps };
-//# sourceMappingURL=useFormFieldProps.js.map

package/dist-es/packages/lab/src/form-field-context/useFormFieldProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormFieldProps.js","sources":["../src/form-field-context/useFormFieldProps.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { FormFieldContext, FormFieldContextValue } from \"./FormFieldContext\";\n\ninterface useFormFieldPropsProps {\n  focusVisible?: boolean;\n}\n\nexport function useFormFieldProps({\n  focusVisible,\n}: useFormFieldPropsProps = {}): Partial<FormFieldContextValue> {\n  // TODO should this be a separate value for FocusVisible\n  const { setFocused, ...formFieldProps } = useContext(FormFieldContext) || {};\n\n  useIsomorphicLayoutEffect(() => {\n    if (focusVisible !== undefined && setFocused) {\n      setFocused(focusVisible);\n    }\n  }, [focusVisible, setFocused]);\n\n  return {\n    setFocused,\n    ...formFieldProps,\n  };\n}\n"],"names":[],"mappings":";;;;AAQO,SAAS,iBAAkB,CAAA;AAAA,EAChC,YAAA;AACF,CAAA,GAA4B,EAAoC,EAAA;AAE9D,EAAA,MAAM,EAAE,UAAe,EAAA,GAAA,cAAA,KAAmB,UAAW,CAAA,gBAAgB,KAAK,EAAC,CAAA;AAE3E,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,YAAA,KAAiB,UAAa,UAAY,EAAA;AAC5C,MAAA,UAAA,CAAW,YAAY,CAAA,CAAA;AAAA,KACzB;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA,CAAA;AAE7B,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,GAAG,cAAA;AAAA,GACL,CAAA;AACF;;;;"}

package/dist-es/packages/lab/src/form-field-context/useFormFieldPropsNext.js

@@ -1,9 +0,0 @@
-import { useContext } from 'react';
-import { FormFieldContextNext } from './FormFieldContextNext.js';
-
-function useFormFieldPropsNext() {
-  return useContext(FormFieldContextNext) || {};
-}
-
-export { useFormFieldPropsNext };
-//# sourceMappingURL=useFormFieldPropsNext.js.map

package/dist-es/packages/lab/src/form-field-context/useFormFieldPropsNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormFieldPropsNext.js","sources":["../src/form-field-context/useFormFieldPropsNext.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport {\n  FormFieldContextNext,\n  FormFieldContextNextValue,\n} from \"./FormFieldContextNext\";\n\nexport function useFormFieldPropsNext(): Partial<FormFieldContextNextValue> {\n  return useContext(FormFieldContextNext) || {};\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,qBAA4D,GAAA;AAC1E,EAAO,OAAA,UAAA,CAAW,oBAAoB,CAAA,IAAK,EAAC,CAAA;AAC9C;;;;"}

package/dist-es/packages/lab/src/form-field-next/FormFieldHelperText.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltFormFieldHelperText.saltText {\n  font-style: var(--saltFormField-helperText-fontStyle, var(--salt-editable-help-fontStyle));\n  width: 100%;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=FormFieldHelperText.css.js.map

package/dist-es/packages/lab/src/form-field-next/FormFieldHelperText.css.js.map

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

package/dist-es/packages/lab/src/form-field-next/FormFieldHelperText.js

@@ -1,24 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { makePrefixer, Text } from '@salt-ds/core';
-import './FormFieldHelperText.css.js';
-
-const withBaseName = makePrefixer("saltFormFieldHelperText");
-const FormFieldHelperText = ({
-  className,
-  disabled,
-  helperText,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsx(Text, {
-    className: clsx(withBaseName(), className),
-    disabled,
-    variant: "secondary",
-    styleAs: "label",
-    ...restProps,
-    children: helperText
-  });
-};
-
-export { FormFieldHelperText };
-//# sourceMappingURL=FormFieldHelperText.js.map

package/dist-es/packages/lab/src/form-field-next/FormFieldHelperText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldHelperText.js","sources":["../src/form-field-next/FormFieldHelperText.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { makePrefixer, Text, TextProps } from \"@salt-ds/core\";\nimport { FormFieldProps } from \"./FormFieldNext\";\n\nimport \"./FormFieldHelperText.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldHelperText\");\n\nexport interface FormFieldHelperTextProps\n  extends Omit<TextProps<\"label\">, \"variant\" | \"styleAs\"> {\n  helperText: FormFieldProps[\"helperText\"];\n  disabled?: boolean;\n}\n\nexport const FormFieldHelperText = ({\n  className,\n  disabled,\n  helperText,\n  ...restProps\n}: FormFieldHelperTextProps) => {\n  return (\n    <Text\n      className={clsx(withBaseName(), className)}\n      disabled={disabled}\n      variant=\"secondary\"\n      styleAs=\"label\"\n      {...restProps}\n    >\n      {helperText}\n    </Text>\n  );\n};\n"],"names":[],"mappings":";;;;;AAMA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA,CAAA;AAQpD,MAAM,sBAAsB,CAAC;AAAA,EAClC,SAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACG,GAAA,SAAA;AACL,CAAgC,KAAA;AAC9B,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,QAAA;AAAA,IACA,OAAQ,EAAA,WAAA;AAAA,IACR,OAAQ,EAAA,OAAA;AAAA,IACP,GAAG,SAAA;AAAA,IAEH,QAAA,EAAA,UAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/lab/src/form-field-next/FormFieldLabel.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltFormFieldLabel.saltText {\n  align-self: center;\n  font-weight: var(--saltFormField-label-fontWeight, var(--salt-text-fontWeight-strong));\n  width: 100%;\n}\n\n.saltFormFieldLabel:hover + .saltFormFieldNext-controls * {\n  --inputNext-borderColor: var(--salt-editable-borderColor-hover);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=FormFieldLabel.css.js.map

package/dist-es/packages/lab/src/form-field-next/FormFieldLabel.css.js.map

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

package/dist-es/packages/lab/src/form-field-next/FormFieldLabel.js

@@ -1,22 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { makePrefixer, Label } from '@salt-ds/core';
-import './FormFieldLabel.css.js';
-
-const withBaseName = makePrefixer("saltFormFieldLabel");
-const FormFieldLabel = ({
-  className,
-  disabled,
-  label,
-  ...restProps
-}) => /* @__PURE__ */ jsx(Label, {
-  as: "label",
-  className: clsx(withBaseName(), className),
-  disabled,
-  variant: "secondary",
-  ...restProps,
-  children: label
-});
-
-export { FormFieldLabel };
-//# sourceMappingURL=FormFieldLabel.js.map

package/dist-es/packages/lab/src/form-field-next/FormFieldLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldLabel.js","sources":["../src/form-field-next/FormFieldLabel.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Label, makePrefixer, TextProps } from \"@salt-ds/core\";\n\nimport \"./FormFieldLabel.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldLabel\");\nexport interface FormFieldLabelProps\n  extends Omit<TextProps<\"label\">, \"variant\" | \"styleAs\"> {\n  /**\n   * Whether the Form Field is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The label value for the FormFieldLabel\n   */\n  label?: string;\n}\n\nexport const FormFieldLabel = ({\n  className,\n  disabled,\n  label,\n  ...restProps\n}: FormFieldLabelProps) => (\n  <Label\n    as=\"label\"\n    className={clsx(withBaseName(), className)}\n    disabled={disabled}\n    variant=\"secondary\"\n    {...restProps}\n  >\n    {label}\n  </Label>\n);\n"],"names":[],"mappings":";;;;;AAKA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAa/C,MAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACG,GAAA,SAAA;AACL,CAAA,qBACG,GAAA,CAAA,KAAA,EAAA;AAAA,EACC,EAAG,EAAA,OAAA;AAAA,EACH,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,EACzC,QAAA;AAAA,EACA,OAAQ,EAAA,WAAA;AAAA,EACP,GAAG,SAAA;AAAA,EAEH,QAAA,EAAA,KAAA;AAAA,CACH;;;;"}

package/dist-es/packages/lab/src/form-field-next/FormFieldNext.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltFormFieldNext {\n  display: inline-grid;\n  position: relative;\n  column-gap: var(--salt-size-adornmentGap);\n  row-gap: var(--salt-size-adornmentGap);\n  vertical-align: top;\n  width: var(--saltFormFieldNext-width, 100%);\n}\n\n.saltFormFieldNext-labelLeft {\n  align-self: center;\n  grid-template-columns: auto 1fr;\n}\n\n.saltFormFieldNext-labelTop {\n}\n\n.saltFormFieldNext-controls {\n  align-items: center;\n  display: grid;\n  grid-auto-columns: minmax(0, 1fr);\n  grid-auto-flow: column;\n  grid-column-gap: var(--salt-size-adornmentGap);\n}\n\n.saltFormFieldNext > * {\n  grid-row-start: 2;\n  grid-row-end: 3;\n}\n\n.saltFormFieldNext > .saltFormFieldLabel {\n  grid-row-start: 1;\n  grid-row-end: 2;\n}\n\n.saltFormFieldNext-labelLeft > * {\n  grid-row-start: 1;\n  grid-row-end: 2;\n}\n\n.saltFormFieldNext > .saltFormFieldHelperText {\n  grid-row-start: 3;\n  grid-row-end: 4;\n}\n\n.saltFormFieldNext.saltFormFieldNext-labelLeft > .saltFormFieldHelperText {\n  grid-row-start: 2;\n  grid-row-end: 3;\n}\n\n.saltFormFieldNext-labelLeft > .saltFormFieldLabel ~ * {\n  grid-column-start: 2;\n  grid-column-end: 2;\n}\n\n.saltFormFieldNext-disabled .saltInputNext-focused {\n  outline: none;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=FormFieldNext.css.js.map

package/dist-es/packages/lab/src/form-field-next/FormFieldNext.css.js.map

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

package/dist-es/packages/lab/src/form-field-next/FormFieldNext.js

@@ -1,86 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef, useMemo } from 'react';
-import { makePrefixer, useId, capitalize } from '@salt-ds/core';
-import '../form-field-context/FormFieldContext.js';
-import { FormFieldContextNext } from '../form-field-context/FormFieldContextNext.js';
-import { FormFieldLabel } from './FormFieldLabel.js';
-import { FormFieldHelperText } from './FormFieldHelperText.js';
-import './FormFieldNext.css.js';
-
-const useA11yValue = ({
-  disabled,
-  labelId,
-  helperTextId,
-  readOnly
-}) => {
-  return useMemo(
-    () => ({
-      "aria-labelledby": labelId,
-      "aria-describedby": helperTextId,
-      disabled,
-      readOnly
-    }),
-    [labelId, disabled, helperTextId, readOnly]
-  );
-};
-const withBaseName = makePrefixer("saltFormFieldNext");
-const FormField = forwardRef(
-  ({
-    children,
-    className,
-    disabled = false,
-    helperText,
-    label,
-    labelPlacement = "top",
-    onBlur,
-    onFocus,
-    readOnly = false,
-    id: idProp,
-    ...restProps
-  }, ref) => {
-    const labelId = useId();
-    const helperTextId = useId();
-    const a11yValue = useA11yValue({
-      labelId,
-      helperTextId,
-      disabled,
-      readOnly
-    });
-    return /* @__PURE__ */ jsx("div", {
-      ref,
-      className: clsx(
-        withBaseName(),
-        {
-          [withBaseName("disabled")]: disabled,
-          [withBaseName("readOnly")]: readOnly,
-          [withBaseName(`label${capitalize(labelPlacement)}`)]: labelPlacement
-        },
-        className
-      ),
-      ...restProps,
-      children: /* @__PURE__ */ jsxs(FormFieldContextNext.Provider, {
-        value: { a11yProps: a11yValue },
-        children: [
-          label && /* @__PURE__ */ jsx(FormFieldLabel, {
-            id: labelId,
-            disabled,
-            label
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: withBaseName("controls"),
-            children
-          }),
-          helperText && /* @__PURE__ */ jsx(FormFieldHelperText, {
-            id: helperTextId,
-            disabled,
-            helperText
-          })
-        ]
-      })
-    });
-  }
-);
-
-export { FormField };
-//# sourceMappingURL=FormFieldNext.js.map

package/dist-es/packages/lab/src/form-field-next/FormFieldNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldNext.js","sources":["../src/form-field-next/FormFieldNext.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ForwardedRef, forwardRef, HTMLAttributes, useMemo } from \"react\";\nimport { makePrefixer, useId, capitalize } from \"@salt-ds/core\";\nimport { FormFieldContextNext } from \"../form-field-context\";\nimport { FormFieldLabel } from \"./FormFieldLabel\";\nimport { FormFieldHelperText } from \"./FormFieldHelperText\";\n\nimport \"./FormFieldNext.css\";\n\nexport type FormFieldLabelPlacement = \"top\" | \"left\";\n\nexport interface FormFieldProps\n  extends HTMLAttributes<HTMLDivElement>,\n    A11yValueProps {\n  /**\n   * Disabled prop\n   */\n  disabled?: boolean;\n  /**\n   * The helper text content\n   */\n  helperText?: string;\n  /**\n   * The label value for the FormField\n   */\n  label?: string;\n  /**\n   * Location the label, values: 'top' (default) or 'left'\n   */\n  labelPlacement?: FormFieldLabelPlacement;\n  /**\n   * Readonly prop\n   */\n  readOnly?: boolean;\n  /**\n   * Optional id prop\n   */\n  id?: string;\n}\n\nexport interface A11yValueProps {\n  /**\n   * If `true`, the FormField will be disabled.\n   */\n  disabled?: boolean;\n  /** Helper Text */\n  helperTextId?: string;\n  /** id of the label node */\n  labelId?: string;\n  /**\n   * If `true`, the FormField will be readonly.\n   */\n  readOnly?: boolean;\n}\nexport interface useA11yValueValue {\n  \"aria-labelledby\": A11yValueProps[\"labelId\"];\n  \"aria-describedby\": A11yValueProps[\"helperTextId\"] | undefined;\n  disabled: A11yValueProps[\"disabled\"];\n  readOnly: A11yValueProps[\"readOnly\"];\n}\n\nconst useA11yValue = ({\n  disabled,\n  labelId,\n  helperTextId,\n  readOnly,\n}: A11yValueProps) => {\n  return useMemo(\n    () => ({\n      \"aria-labelledby\": labelId,\n      \"aria-describedby\": helperTextId,\n      disabled,\n      readOnly,\n    }),\n    [labelId, disabled, helperTextId, readOnly]\n  );\n};\n\nconst withBaseName = makePrefixer(\"saltFormFieldNext\");\n\nexport const FormField = forwardRef(\n  (\n    {\n      children,\n      className,\n      disabled = false,\n      helperText,\n      label,\n      labelPlacement = \"top\",\n      onBlur,\n      onFocus,\n      readOnly = false,\n      id: idProp,\n      ...restProps\n    }: FormFieldProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const labelId = useId();\n    const helperTextId = useId();\n\n    const a11yValue = useA11yValue({\n      labelId,\n      helperTextId,\n      disabled,\n      readOnly,\n    });\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"disabled\")]: disabled,\n            [withBaseName(\"readOnly\")]: readOnly,\n            [withBaseName(`label${capitalize(labelPlacement)}`)]:\n              labelPlacement,\n          },\n          className\n        )}\n        {...restProps}\n      >\n        <FormFieldContextNext.Provider value={{ a11yProps: a11yValue }}>\n          {label && (\n            <FormFieldLabel id={labelId} disabled={disabled} label={label} />\n          )}\n          <div className={withBaseName(\"controls\")}>{children}</div>\n          {helperText && (\n            <FormFieldHelperText\n              id={helperTextId}\n              disabled={disabled}\n              helperText={helperText}\n            />\n          )}\n        </FormFieldContextNext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;AA6DA,MAAM,eAAe,CAAC;AAAA,EACpB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AACF,CAAsB,KAAA;AACpB,EAAO,OAAA,OAAA;AAAA,IACL,OAAO;AAAA,MACL,iBAAmB,EAAA,OAAA;AAAA,MACnB,kBAAoB,EAAA,YAAA;AAAA,MACpB,QAAA;AAAA,MACA,QAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,QAAU,EAAA,YAAA,EAAc,QAAQ,CAAA;AAAA,GAC5C,CAAA;AACF,CAAA,CAAA;AAEA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAE9C,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CACE;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,UAAA;AAAA,IACA,KAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,EAAI,EAAA,MAAA;AAAA,IACD,GAAA,SAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,UAAU,KAAM,EAAA,CAAA;AACtB,IAAA,MAAM,eAAe,KAAM,EAAA,CAAA;AAE3B,IAAA,MAAM,YAAY,YAAa,CAAA;AAAA,MAC7B,OAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,UAC5B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,UAC5B,CAAC,YAAa,CAAA,CAAA,KAAA,EAAQ,UAAW,CAAA,cAAc,GAAG,CAChD,GAAA,cAAA;AAAA,SACJ;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAAC,qBAAqB,QAArB,EAAA;AAAA,QAA8B,KAAA,EAAO,EAAE,SAAA,EAAW,SAAU,EAAA;AAAA,QAC1D,QAAA,EAAA;AAAA,UAAA,KAAA,oBACE,GAAA,CAAA,cAAA,EAAA;AAAA,YAAe,EAAI,EAAA,OAAA;AAAA,YAAS,QAAA;AAAA,YAAoB,KAAA;AAAA,WAAc,CAAA;AAAA,0BAEhE,GAAA,CAAA,KAAA,EAAA;AAAA,YAAI,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,YAAI,QAAA;AAAA,WAAS,CAAA;AAAA,UACnD,8BACE,GAAA,CAAA,mBAAA,EAAA;AAAA,YACC,EAAI,EAAA,YAAA;AAAA,YACJ,QAAA;AAAA,YACA,UAAA;AAAA,WACF,CAAA;AAAA,SAAA;AAAA,OAEJ,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/lab/src/form-group/FormGroup.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-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";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=FormGroup.css.js.map

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

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

package/dist-es/packages/lab/src/form-group/FormGroup.js

@@ -1,18 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import './FormGroup.css.js';
-
-const baseName = "saltFormGroup";
-const FormGroup = forwardRef(
-  function FormGroup2({ className, row, ...other }, ref) {
-    return /* @__PURE__ */ jsx("div", {
-      className: clsx(baseName, { [`${baseName}-row`]: row }, className),
-      ref,
-      ...other
-    });
-  }
-);
-
-export { FormGroup };
-//# sourceMappingURL=FormGroup.js.map

package/dist-es/packages/lab/src/form-group/FormGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormGroup.js","sources":["../src/form-group/FormGroup.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport \"./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    return (\n      <div\n        className={clsx(baseName, { [`${baseName}-row`]: row }, className)}\n        ref={ref}\n        {...other}\n      />\n    );\n  }\n);\n"],"names":["FormGroup"],"mappings":";;;;;AAYA,MAAM,QAAW,GAAA,eAAA,CAAA;AAEV,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,SAASA,UAAU,CAAA,EAAE,WAAW,GAAQ,EAAA,GAAA,KAAA,IAAS,GAAK,EAAA;AACpD,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAA,EAAW,KAAK,QAAU,EAAA,EAAE,CAAC,CAAG,EAAA,QAAA,CAAA,IAAA,CAAA,GAAiB,GAAI,EAAA,EAAG,SAAS,CAAA;AAAA,MACjE,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/lab/src/formatted-input/FormattedInput.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* TODO check multiline styles */\n\n.saltFormattedInput {\n  --formattedInput-mask-color: var(--salt-text-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";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=FormattedInput.css.js.map

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

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

package/dist-es/packages/lab/src/formatted-input/FormattedInput.js

@@ -1,61 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { useRifm } from 'rifm';
-import { useControlled } from '@salt-ds/core';
-import { Input } from '../input/Input.js';
-import '../input/StaticInputAdornment.js';
-import { baseName, InputWithMask } from './internal/InputWithMask.js';
-import './FormattedInput.css.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 [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(Input, {
-      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/packages/lab/src/formatted-input/FormattedInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormattedInput.js","sources":["../src/formatted-input/FormattedInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { useRifm } from \"rifm\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { Input, InputProps } from \"../input\";\nimport {\n  baseName,\n  InputWithMask,\n  InputWithMaskProps,\n} from \"./internal/InputWithMask\";\n\nimport \"./FormattedInput.css\";\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 [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"],"mappings":";;;;;;;;;;AA+BA,MAAM,gBAAA,GAAmB,CAAC,MAA2B,KAAA,MAAA,CAAA;AACrD,MAAM,qBAAkC,EAAC,CAAA;AAElC,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,SAASA,eACP,CAAA;AAAA,IACE,YAAe,GAAA,EAAA;AAAA,IACf,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAc,GAAA,kBAAA;AAAA,IACd,KAAO,EAAA,SAAA;AAAA,IACP,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,aAAkC,CAAA;AAAA,MACpE,OAAS,EAAA,YAAA;AAAA,MACT,UAAY,EAAA,SAAA;AAAA,MACZ,IAAM,EAAA,gBAAA;AAAA,MACN,KAAO,EAAA,OAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,CAAC,KAAkB,KAAA;AACtC,MAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AACnB,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,IAAA,IAAI,YAAY,IAAM,EAAA;AACpB,MACE,QAAA,GAAA,OAAO,YAAY,IAAS,KAAA,UAAA,GACxB,YAAY,IAAK,CAAA,UAAU,IAC3B,WAAY,CAAA,IAAA,CAAA;AAAA,KACpB;AAEA,IAAA,MAAM,OAAO,OAAQ,CAAA;AAAA,MACnB,MAAQ,EAAA,gBAAA;AAAA,MACR,MAAQ,EAAA,IAAA;AAAA,MACR,GAAG,WAAA;AAAA,MACH,IAAM,EAAA,QAAA;AAAA,MACN,OAAO,UAAc,IAAA,EAAA;AAAA,MACrB,QAAU,EAAA,YAAA;AAAA,KACX,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAA,EAAW,IAAK,CAAA,QAAA,EAAU,SAAS,CAAA;AAAA,MACnC,cAAgB,EAAA,aAAA;AAAA,MAChB,UAAY,EAAA,EAAE,IAAM,EAAA,SAAA,EAAW,GAAG,UAAW,EAAA;AAAA,MAC7C,UAAU,IAAK,CAAA,QAAA;AAAA,MACf,SAAA;AAAA,MACA,OAAO,IAAK,CAAA,KAAA;AAAA,MACX,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/lab/src/formatted-input/internal/InputWithMask.js

@@ -1,62 +0,0 @@
-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/packages/lab/src/formatted-input/internal/InputWithMask.js.map

@@ -1 +0,0 @@
-{"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, InputHTMLAttributes } from \"react\";\nimport { 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,QAAW,GAAA,qBAAA;AAExB,SAAS,cAAA,CACP,IACA,EAAA,KAAA,EACA,SACA,EAAA;AACA,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,IAAI,cAAc,OAAS,EAAA;AACzB,MAAA,OAAO,IAAK,CAAA,SAAA;AAAA,QACV,CAAA;AAAA,QACA,KAAQ,GAAA,IAAA,CAAK,MAAS,GAAA,KAAA,CAAM,SAAS,IAAK,CAAA,MAAA;AAAA,OAC5C,CAAA;AAAA,KACF;AAEA,IAAA,OAAO,IAAK,CAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAAA,GAChD;AACA,EAAO,OAAA,EAAA,CAAA;AACT,CAAA;AASO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cACP,CAAA;AAAA,IACE,iBAAmB,EAAA,cAAA;AAAA,IACnB,SAAA;AAAA,IACA,IAAO,GAAA,EAAA;AAAA,IACP,KAAA;AAAA,IACA,EAAI,EAAA,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,IAAA,MAAM,aAAgB,GAAA;AAAA,sBACnB,GAAA,CAAA,GAAA,EAAA;AAAA,QAAe,QAAA,EAAA,KAAA;AAAA,OAAA,EAAR,KAAc,CAAA;AAAA,MACtB,cAAA,CAAe,IAAM,EAAA,KAAA,EAAO,SAAS,CAAA;AAAA,KACvC,CAAA;AAEA,IAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,MAAI,WAAW,CAAG,EAAA,QAAA,CAAA,aAAA,CAAA;AAAA,MACjB,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,OAAA,EAAA;AAAA,UACC,SAAA;AAAA,UACC,GAAG,KAAA;AAAA,UACJ,YAAY,EAAA,IAAA;AAAA,UACZ,iBAAiB,EAAA,CAAC,cAAgB,EAAA,EAAE,CACjC,CAAA,MAAA,CAAO,CAAC,KAAA,KAAU,KAAS,IAAA,IAAI,CAC/B,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,UACX,EAAA;AAAA,UACA,GAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,SACF,CAAA;AAAA,wBACC,GAAA,CAAA,MAAA,EAAA;AAAA,UACC,aAAY,EAAA,MAAA;AAAA,UACZ,SAAW,EAAA,IAAA,CAAK,CAAG,EAAA,QAAA,CAAA,KAAA,CAAA,EAAiB,SAAS,CAAA;AAAA,UAC7C,KAAA;AAAA,UAEC,QAAc,EAAA,SAAA,KAAA,OAAA,GAAU,aAAgB,GAAA,aAAA,CAAc,OAAQ,EAAA;AAAA,SACjE,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/lab/src/index.js

@@ -1,157 +0,0 @@
-import './list-deprecated/List.js';
-import './list-deprecated/ListBase.js';
-export { ListItemBase as ListItemBaseDeprecated } from './list-deprecated/ListItemBase.js';
-import './list-deprecated/ListItem.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 { isEmail } from './utils/isEmail.js';
-export { forwardCallbackProps } from './utils/forwardCallbackProps.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 { DEFAULT_FLOATING_UI_MIDDLEWARE, useFloatingUI } from './utils/useFloatingUI.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 { AccordionSection } from './accordion/AccordionSection.js';
-export { AccordionSectionContext, useAccordionSectionContext } from './accordion/AccordionSectionContext.js';
-export { Accordion } from './accordion/Accordion.js';
-export { AccordionSummary } from './accordion/AccordionSummary.js';
-export { AccordionDetails } from './accordion/AccordionDetails.js';
-export { AppHeader } from './app-header/AppHeader.js';
-export { Badge } from './badge/Badge.js';
-export { Banner } from './banner/Banner.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 } from './calendar/Calendar.js';
-export { useCalendarDay } from './calendar/useCalendarDay.js';
-export { useCalendar } from './calendar/useCalendar.js';
-export { useSelectionCalendar, useSelectionDay } from './calendar/useSelection.js';
-export { Carousel } from './carousel/Carousel.js';
-export { CarouselSlide } from './carousel/CarouselSlide.js';
-export { CascadingMenu } from './cascading-menu/CascadingMenu.js';
-export { ColorChooser } from './color-chooser/ColorChooser.js';
-export { Color } from './color-chooser/Color.js';
-export { ColorPicker } from './color-chooser/ColorPicker.js';
-export { getColorPalettes, makePalette } from './color-chooser/GetColorPalettes.js';
-export { convertColorMapValueToHex, getColorNameByHexValue, getHexValue, hexValueWithoutAlpha, isValidHex } from './color-chooser/ColorHelpers.js';
-export { SwatchesPicker } from './color-chooser/SwatchesPicker.js';
-export { Swatch } from './color-chooser/Swatch.js';
-export { saltColorMap, saltlight } from './color-chooser/colorMap.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 { 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 { ContactFavoriteToggle } from './contact-details/ContactFavoriteToggle.js';
-export { MailLinkComponent } from './contact-details/MailLinkComponent.js';
-export { ContentStatus } from './content-status/ContentStatus.js';
-export { ControlLabel, baseName } from './control-label/ControlLabel.js';
-export { DeckItem } from './deck-item/DeckItem.js';
-export { DeckLayout } from './deck-layout/DeckLayout.js';
-export { DialogActions } from './dialog/DialogActions.js';
-export { DialogContent } from './dialog/DialogContent.js';
-export { DialogTitle } from './dialog/DialogTitle.js';
-export { Dialog } from './dialog/Dialog.js';
-export { DropdownBase } from './dropdown/DropdownBase.js';
-export { DropdownButton } from './dropdown/DropdownButton.js';
-export { Dropdown } from './dropdown/Dropdown.js';
-export { useDropdownBase } from './dropdown/useDropdownBase.js';
-export { EditableLabel } from './editable-label/EditableLabel.js';
-export { FileDropZone } from './file-drop-zone/FileDropZone.js';
-export { createFileTypeValidator, createTotalSizeValidator } from './file-drop-zone/validators.js';
-export { FormField, useFormField } from './form-field/FormField.js';
-export { FormLabel } from './form-field/FormLabel.js';
-export { FormField as FormFieldNext } from './form-field-next/FormFieldNext.js';
-import './form-field-next/FormFieldHelperText.js';
-import './form-field-next/FormFieldLabel.js';
-export { FormFieldContext } from './form-field-context/FormFieldContext.js';
-export { FormFieldContextNext } from './form-field-context/FormFieldContextNext.js';
-export { useFormFieldProps } from './form-field-context/useFormFieldProps.js';
-export { useFormFieldPropsNext } from './form-field-context/useFormFieldPropsNext.js';
-export { FormGroup } from './form-group/FormGroup.js';
-export { FormattedInput } from './formatted-input/FormattedInput.js';
-export { Input } from './input/Input.js';
-export { StaticInputAdornment } from './input/StaticInputAdornment.js';
-export { Input as InputNext } from './input-next/InputNext.js';
-export { LAYER_POSITIONS, LayerLayout } from './layer-layout/LayerLayout.js';
-export { Highlighter } from './list/Highlighter.js';
-export { ListItem, ListItemProxy } from './list/ListItem.js';
-export { List } from './list/List.js';
-export { ListItemHeader } from './list/ListItemHeader.js';
-export { ListItemGroup } from './list/ListItemGroup.js';
-export { useList } from './list/useList.js';
-export { VirtualizedList } from './list/VirtualizedList.js';
-export { Logo } from './logo/Logo.js';
-export { MenuButton } from './menu-button/MenuButton.js';
-export { Metric } from './metric/Metric.js';
-export { MetricHeader } from './metric/MetricHeader.js';
-export { MetricContent } from './metric/MetricContent.js';
-export { Overlay } from './overlay/Overlay.js';
-export { useOverlay } from './overlay/useOverlay.js';
-export { Pagination } from './pagination/Pagination.js';
-export { Paginator } from './pagination/Paginator.js';
-export { GoToInput } from './pagination/GoToInput.js';
-export { ParentChildItem } from './parent-child-item/ParentChildItem.js';
-export { ParentChildLayout } from './parent-child-layout/ParentChildLayout.js';
-export { Pill } from './pill/Pill.js';
-export { ClosablePill } from './pill/ClosablePill.js';
-export { SelectablePill } from './pill/SelectablePill.js';
-export { Portal } from './portal/Portal.js';
-export { CircularProgress, SIZE_OPTIONS } from './progress/CircularProgress/CircularProgress.js';
-export { LinearProgress } from './progress/LinearProgress/LinearProgress.js';
-export { QueryInput } from './query-input/QueryInput.js';
-export { useQueryInput } from './query-input/useQueryInput.js';
-export { useInstantCollapse } from './responsive/useInstantCollapse.js';
-export { useDynamicCollapse } from './responsive/useDynamicCollapse.js';
-export { addAllVisible, useReclaimSpace } from './responsive/useReclaimSpace.js';
-export { HeightOnly, WidthHeight, WidthOnly, useResizeObserver } from './responsive/useResizeObserver.js';
-export { useOverflow } from './responsive/useOverflow.js';
-export { useOverflowCollectionItems } from './responsive/useOverflowCollectionItems.js';
-export { useOverflowLayout } from './responsive/useOverflowLayout.js';
-export { useWidth } from './responsive/useWidth.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 { isResponsiveAttribute, liftResponsivePropsToFormField } from './responsive/utils.js';
-export { Scrim } from './scrim/Scrim.js';
-export { ScrimContext } from './scrim/ScrimContext.js';
-export { SearchInput } from './search-input/SearchInput.js';
-export { SkipLink } from './skip-link/SkipLink.js';
-export { SkipLinks } from './skip-link/SkipLinks.js';
-export { Slider } from './slider/Slider.js';
-export { useStepperInput } from './stepper-input/useStepperInput.js';
-export { StepperInput } from './stepper-input/StepperInput.js';
-export { Switch } from './switch/Switch.js';
-export { TabActivationIndicator } from './tabs/TabActivationIndicator.js';
-export { Tabstrip } from './tabs/Tabstrip.js';
-export { Tab } from './tabs/Tab.js';
-export { TabPanel } from './tabs/TabPanel.js';
-export { Tabs } from './tabs/Tabs.js';
-export { ToggleButton } from './toggle-button/ToggleButton.js';
-export { ToggleButtonGroup } from './toggle-button/ToggleButtonGroup.js';
-export { TokenizedInput } from './tokenized-input/TokenizedInput.js';
-export { TokenizedInputBase } from './tokenized-input/TokenizedInputBase.js';
-export { useTokenizedInput } from './tokenized-input/useTokenizedInput.js';
-export { Toolbar } from './toolbar/Toolbar.js';
-export { Tooltray } from './toolbar/Tooltray.js';
-export { ToolbarButton } from './toolbar/ToolbarButton.js';
-export { ToolbarField } from './toolbar/toolbar-field/ToolbarField.js';
-export { Tree } from './tree/Tree.js';
-export { Window, WindowContext, isDesktop, useWindow } from './window/WindowContext.js';
-export { ElectronWindow } from './window/ElectronWindow.js';
-//# sourceMappingURL=index.js.map