@salt-ds/lab 1.0.0-alpha.7 → 1.0.0-alpha.70

package/dist-cjs/packages/lab/src/input/Input.js

@@ -1,172 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('../form-field-context/FormFieldContext.js');
-require('../form-field-context/FormFieldContextNext.js');
-var useFormFieldProps = require('../form-field-context/useFormFieldProps.js');
-var useCursorOnFocus = require('./useCursorOnFocus.js');
-require('./Input.css.js');
-
-const withBaseName = core.makePrefixer("saltInput");
-function mergeA11yProps(a11yProps = {}, inputProps = {}, misplacedAriaProps) {
-  const ariaLabelledBy = clsx.clsx(
-    a11yProps["aria-labelledby"],
-    inputProps["aria-labelledby"]
-  );
-  return {
-    ...misplacedAriaProps,
-    ...a11yProps,
-    ...inputProps,
-    "aria-labelledby": ariaLabelledBy ? Array.from(new Set(ariaLabelledBy.split(" "))).join(" ") : null
-  };
-}
-const Input = React.forwardRef(function Input2({
-  "aria-activedescendant": ariaActiveDescendant,
-  "aria-expanded": ariaExpanded,
-  "aria-owns": ariaOwns,
-  className: classNameProp,
-  cursorPositionOnFocus,
-  disabled,
-  emptyReadOnlyMarker = "\u2014",
-  endAdornment,
-  highlightOnFocus,
-  id,
-  inputComponent: InputComponent = "input",
-  inputProps: inputPropsProp,
-  role,
-  style,
-  value: valueProp,
-  defaultValue: defaultValueProp = valueProp === void 0 ? "" : void 0,
-  onBlur,
-  onChange,
-  onFocus,
-  onKeyDown,
-  onKeyUp,
-  onMouseUp,
-  onMouseMove,
-  onMouseDown,
-  readOnly: readOnlyProp,
-  renderSuffix,
-  startAdornment,
-  textAlign = "left",
-  type = "text",
-  ...other
-}, ref) {
-  const {
-    a11yProps: {
-      readOnly: a11yReadOnly,
-      disabled: a11yDisabled,
-      ...restA11y
-    } = {},
-    setFocused: setFormFieldFocused,
-    inFormField
-  } = useFormFieldProps.useFormFieldProps();
-  const [focused, setFocused] = React.useState(false);
-  const inputRef = React.useRef(null);
-  const handleRef = core.useForkRef(inputRef, ref);
-  const cursorOnFocusHelpers = useCursorOnFocus.useCursorOnFocus(inputRef, {
-    cursorPositionOnFocus,
-    highlightOnFocus
-  });
-  const isDisabled = disabled || a11yDisabled;
-  const isReadOnly = readOnlyProp || a11yReadOnly;
-  const misplacedAriaProps = {
-    "aria-activedescendant": ariaActiveDescendant,
-    "aria-expanded": ariaExpanded,
-    "aria-owns": ariaOwns,
-    role
-  };
-  const inputProps = mergeA11yProps(
-    restA11y,
-    inputPropsProp,
-    misplacedAriaProps
-  );
-  const isEmptyReadOnly = isReadOnly && !defaultValueProp && !valueProp;
-  const defaultValue = isEmptyReadOnly ? emptyReadOnlyMarker : defaultValueProp;
-  const [value, setValue] = core.useControlled({
-    controlled: valueProp,
-    default: defaultValue,
-    name: "Input",
-    state: "value"
-  });
-  const handleChange = (event) => {
-    const value2 = event.target.value;
-    setValue(value2);
-    onChange == null ? void 0 : onChange(event, value2);
-  };
-  const handleFocus = (event) => {
-    onFocus == null ? void 0 : onFocus(event);
-    setFormFieldFocused == null ? void 0 : setFormFieldFocused(true);
-    setFocused(true);
-  };
-  const handleBlur = (event) => {
-    onBlur == null ? void 0 : onBlur(event);
-    setFormFieldFocused == null ? void 0 : setFormFieldFocused(false);
-    setFocused(false);
-  };
-  const handleMouseMove = (event) => {
-    cursorOnFocusHelpers.handleMouseMove(event);
-    onMouseMove == null ? void 0 : onMouseMove(event);
-  };
-  const handleMouseUp = (event) => {
-    cursorOnFocusHelpers.handleMouseUp();
-    onMouseUp == null ? void 0 : onMouseUp(event);
-  };
-  const handleMouseDown = (event) => {
-    cursorOnFocusHelpers.handleMouseDown();
-    onMouseDown == null ? void 0 : onMouseDown(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: clsx.clsx(
-      withBaseName(),
-      {
-        [withBaseName(`${textAlign}TextAlign`)]: textAlign,
-        [withBaseName("formField")]: inFormField,
-        [withBaseName("focused")]: focused && !inFormField,
-        [withBaseName("disabled")]: isDisabled,
-        [withBaseName("inputAdornedStart")]: startAdornment,
-        [withBaseName("inputAdornedEnd")]: endAdornment
-      },
-      classNameProp
-    ),
-    style,
-    ...other,
-    children: [
-      startAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: withBaseName("prefixContainer"),
-        children: startAdornment
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(InputComponent, {
-        type,
-        id,
-        ...inputProps,
-        className: clsx.clsx(withBaseName("input"), inputProps == null ? void 0 : inputProps.className),
-        disabled: isDisabled,
-        ref: handleRef,
-        value,
-        onBlur: handleBlur,
-        onChange: handleChange,
-        onKeyDown,
-        onKeyUp,
-        onFocus: handleFocus,
-        onMouseDown: handleMouseDown,
-        onMouseUp: handleMouseUp,
-        onMouseMove: handleMouseMove,
-        readOnly: isReadOnly
-      }),
-      endAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: withBaseName("suffixContainer"),
-        children: endAdornment
-      }),
-      renderSuffix == null ? void 0 : renderSuffix({ disabled, focused })
-    ]
-  });
-});
-
-exports.Input = Input;
-//# sourceMappingURL=Input.js.map

package/dist-cjs/packages/lab/src/input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sources":["../src/input/Input.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  AriaAttributes,\n  ChangeEvent,\n  ElementType,\n  FocusEvent,\n  FocusEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  KeyboardEventHandler,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  useRef,\n  useState,\n} from \"react\";\nimport { makePrefixer, useControlled, useForkRef } from \"@salt-ds/core\";\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { useCursorOnFocus } from \"./useCursorOnFocus\";\n\nimport \"./Input.css\";\n\nconst withBaseName = makePrefixer(\"saltInput\");\n\n// TODO: Double confirm whether this should be extending DivElement given root is `<div>`.\n// And forwarded ref is not assigned to the root like other components.\nexport interface InputProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  /**\n   * Determines the position of the text cursor on focus of the input.\n   *\n   * start = place cursor at the beginning<br>\n   * end = place cursor at the end<br>\n   * \\# = index to place the cursor<br>\n   */\n  cursorPositionOnFocus?: \"start\" | \"end\" | number;\n  /**\n   * The value of the `input` element, required for an uncontrolled component.\n   */\n  defaultValue?: HTMLInputElement[\"defaultValue\"];\n  /**\n   * If `true`, the component is disabled.\n   */\n  disabled?: HTMLInputElement[\"disabled\"];\n  /**\n   * The marker to use in an empty read only Input.\n   * Use `''` to disable this feature. Defaults to '—'.\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * Determines what gets highlighted on focus of the input.\n   *\n   * If `true` all text will be highlighted.\n   * If an array text between those indices will be highlighted\n   * e.g. [0,1] will highlight the first character.\n   */\n  highlightOnFocus?: boolean | number[];\n  /**\n   * The HTML element to render the Input, e.g. 'input', a custom React component.\n   */\n  inputComponent?: ElementType;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Callback for change event.\n   */\n  onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n  onKeyUp?: KeyboardEventHandler<HTMLInputElement>;\n  onMouseUp?: MouseEventHandler<HTMLInputElement>;\n  onMouseMove?: MouseEventHandler<HTMLInputElement>;\n  onMouseDown?: MouseEventHandler<HTMLInputElement>;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   *\n   * Determines the alignment of the input text.\n   */\n  textAlign?: \"left\" | \"right\" | \"center\";\n  type?: HTMLInputElement[\"type\"];\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: HTMLInputElement[\"value\"];\n  renderSuffix?: (state: {\n    disabled?: boolean;\n    error?: boolean;\n    focused?: boolean;\n    margin?: \"dense\" | \"none\" | \"normal\";\n    required?: boolean;\n    startAdornment?: ReactNode;\n  }) => ReactNode;\n  endAdornment?: ReactNode;\n  startAdornment?: ReactNode;\n}\n\nfunction mergeA11yProps(\n  a11yProps: Partial<ReturnType<typeof useFormFieldProps>[\"a11yProps\"]> = {},\n  inputProps: InputProps[\"inputProps\"] = {},\n  misplacedAriaProps: AriaAttributes\n) {\n  const ariaLabelledBy = clsx(\n    a11yProps[\"aria-labelledby\"],\n    inputProps[\"aria-labelledby\"]\n  );\n\n  return {\n    ...misplacedAriaProps,\n    ...a11yProps,\n    ...inputProps,\n    // The weird filtering is due to TokenizedInputBase\n    \"aria-labelledby\": ariaLabelledBy\n      ? Array.from(new Set(ariaLabelledBy.split(\" \"))).join(\" \")\n      : null,\n  };\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    \"aria-activedescendant\": ariaActiveDescendant,\n    \"aria-expanded\": ariaExpanded,\n    \"aria-owns\": ariaOwns,\n    className: classNameProp,\n    cursorPositionOnFocus,\n    disabled,\n    emptyReadOnlyMarker = \"—\",\n    endAdornment,\n    highlightOnFocus,\n    id,\n    inputComponent: InputComponent = \"input\",\n    inputProps: inputPropsProp,\n    role,\n    style,\n    value: valueProp,\n    // If we leave both value and defaultValue undefined, we will get a React warning on first edit\n    // (uncontrolled to controlled warning) from the React input\n    defaultValue: defaultValueProp = valueProp === undefined ? \"\" : undefined,\n    onBlur,\n    onChange,\n    onFocus,\n    onKeyDown,\n    onKeyUp,\n    onMouseUp,\n    onMouseMove,\n    onMouseDown,\n    readOnly: readOnlyProp,\n    renderSuffix,\n    startAdornment,\n    textAlign = \"left\",\n    type = \"text\",\n    ...other\n  },\n  ref\n) {\n  const {\n    a11yProps: {\n      readOnly: a11yReadOnly,\n      disabled: a11yDisabled,\n      ...restA11y\n    } = {},\n    setFocused: setFormFieldFocused,\n    inFormField,\n  } = useFormFieldProps();\n\n  const [focused, setFocused] = useState(false);\n  const inputRef = useRef(null);\n  const handleRef = useForkRef(inputRef, ref);\n  const cursorOnFocusHelpers = useCursorOnFocus(inputRef, {\n    cursorPositionOnFocus,\n    highlightOnFocus,\n  });\n\n  const isDisabled = disabled || a11yDisabled;\n  const isReadOnly = readOnlyProp || a11yReadOnly;\n  const misplacedAriaProps = {\n    \"aria-activedescendant\": ariaActiveDescendant,\n    \"aria-expanded\": ariaExpanded,\n    \"aria-owns\": ariaOwns,\n    role,\n  };\n  const inputProps = mergeA11yProps(\n    restA11y,\n    inputPropsProp,\n    misplacedAriaProps\n  );\n  const isEmptyReadOnly = isReadOnly && !defaultValueProp && !valueProp;\n  const defaultValue = isEmptyReadOnly ? emptyReadOnlyMarker : defaultValueProp;\n\n  const [value, setValue] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: \"Input\",\n    state: \"value\",\n  });\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const value = event.target.value;\n    setValue(value);\n    onChange?.(event, value);\n  };\n\n  const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n    onFocus?.(event);\n    setFormFieldFocused?.(true);\n    setFocused(true);\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    onBlur?.(event);\n    setFormFieldFocused?.(false);\n    setFocused(false);\n  };\n\n  const handleMouseMove = (event: MouseEvent<HTMLInputElement>) => {\n    cursorOnFocusHelpers.handleMouseMove(event);\n\n    onMouseMove?.(event);\n  };\n\n  const handleMouseUp = (event: MouseEvent<HTMLInputElement>) => {\n    cursorOnFocusHelpers.handleMouseUp();\n\n    onMouseUp?.(event);\n  };\n\n  const handleMouseDown = (event: MouseEvent<HTMLInputElement>) => {\n    cursorOnFocusHelpers.handleMouseDown();\n\n    onMouseDown?.(event);\n  };\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(`${textAlign}TextAlign`)]: textAlign,\n          [withBaseName(\"formField\")]: inFormField,\n          [withBaseName(\"focused\")]: focused && !inFormField,\n          [withBaseName(\"disabled\")]: isDisabled,\n          [withBaseName(\"inputAdornedStart\")]: startAdornment,\n          [withBaseName(\"inputAdornedEnd\")]: endAdornment,\n        },\n        classNameProp\n      )}\n      style={style}\n      {...other}\n    >\n      {startAdornment && (\n        <div className={withBaseName(\"prefixContainer\")}>{startAdornment}</div>\n      )}\n      <InputComponent\n        type={type}\n        id={id}\n        {...inputProps}\n        className={clsx(withBaseName(\"input\"), inputProps?.className)}\n        disabled={isDisabled}\n        ref={handleRef}\n        value={value}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        onKeyDown={onKeyDown}\n        onKeyUp={onKeyUp}\n        onFocus={handleFocus}\n        onMouseDown={handleMouseDown}\n        onMouseUp={handleMouseUp}\n        onMouseMove={handleMouseMove}\n        readOnly={isReadOnly}\n      />\n      {endAdornment && (\n        <div className={withBaseName(\"suffixContainer\")}>{endAdornment}</div>\n      )}\n      {/* TODO: Confirm implementation of suffix */}\n      {renderSuffix?.({ disabled, focused })}\n    </div>\n  );\n});\n"],"names":["makePrefixer","clsx","forwardRef","Input","useFormFieldProps","useState","useRef","useForkRef","useCursorOnFocus","useControlled","value","jsxs","jsx"],"mappings":"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"}

package/dist-cjs/packages/lab/src/input/StaticInputAdornment.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltStaticInputAdornment {\n  --input-staticAdornment-padding: var(--salt-size-unit);\n}\n\n.saltStaticInputAdornment {\n  display: flex;\n  align-items: center;\n}\n\n.saltInput-prefixContainer .saltStaticInputAdornment {\n  padding-left: var(--input-staticAdornment-padding);\n}\n\n.saltInput-suffixContainer .saltStaticInputAdornment {\n  padding-right: var(--input-staticAdornment-padding);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=StaticInputAdornment.css.js.map

package/dist-cjs/packages/lab/src/input/StaticInputAdornment.css.js.map

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

package/dist-cjs/packages/lab/src/input/StaticInputAdornment.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('./StaticInputAdornment.css.js');
-
-const withBaseName = core.makePrefixer("saltStaticInputAdornment");
-const StaticInputAdornment = React.forwardRef(function StaticInputAdornment2(props, ref) {
-  const { children, className, ...other } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: clsx.clsx(withBaseName(), className),
-    ref,
-    ...other,
-    children
-  });
-});
-
-exports.StaticInputAdornment = StaticInputAdornment;
-//# sourceMappingURL=StaticInputAdornment.js.map

package/dist-cjs/packages/lab/src/input/StaticInputAdornment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StaticInputAdornment.js","sources":["../src/input/StaticInputAdornment.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport \"./StaticInputAdornment.css\";\n\nexport type StaticInputAdornmentProps = HTMLAttributes<HTMLDivElement>;\n\nconst withBaseName = makePrefixer(\"saltStaticInputAdornment\");\n\nexport const StaticInputAdornment = forwardRef<\n  HTMLDivElement,\n  StaticInputAdornmentProps\n>(function StaticInputAdornment(props, ref) {\n  const { children, className, ...other } = props;\n\n  return (\n    <div className={clsx(withBaseName(), className)} ref={ref} {...other}>\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","StaticInputAdornment","jsx","clsx"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,0BAA0B,CAAA,CAAA;AAErD,MAAM,oBAAuB,GAAAC,gBAAA,CAGlC,SAASC,qBAAAA,CAAqB,OAAO,GAAK,EAAA;AAC1C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AAE1C,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAG,GAAA;AAAA,IAAW,GAAG,KAAA;AAAA,IAC5D,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/input/useCursorOnFocus.js

@@ -1,141 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@salt-ds/core');
-var React = require('react');
-
-function getSelectionRange(input, { highlightOnFocus, cursorPositionOnFocus }) {
-  if (highlightOnFocus === true) {
-    return [0, input.value.length];
-  }
-  if (Array.isArray(highlightOnFocus) && highlightOnFocus.length > 1) {
-    return [highlightOnFocus[0], highlightOnFocus[1]];
-  }
-  if (cursorPositionOnFocus === "start") {
-    return [0, 0];
-  }
-  if (cursorPositionOnFocus === "end") {
-    return [input.value.length, input.value.length];
-  }
-  if (cursorPositionOnFocus != null && !isNaN(cursorPositionOnFocus)) {
-    return [cursorPositionOnFocus, cursorPositionOnFocus];
-  }
-  return [null, null];
-}
-function isSafari() {
-  return navigator.userAgent.toLowerCase().includes("safari") && !navigator.userAgent.toLowerCase().includes("chrome");
-}
-function isFirefox() {
-  return navigator.userAgent.toLowerCase().includes("firefox");
-}
-function useCursorOnFocus(inputRef, { cursorPositionOnFocus, highlightOnFocus }) {
-  const wasClick = React.useRef(false);
-  const timeoutRef = React.useRef(-1);
-  const originalCursorPosition = React.useRef(-1);
-  const selectionInProgress = React.useRef(false);
-  const mouseMovement = React.useRef(0);
-  const selection = React.useRef([null, null]);
-  const wasWindowFocus = React.useRef(false);
-  const handleMouseDown = () => {
-    wasClick.current = true;
-  };
-  const handleMouseMove = (event) => {
-    var _a;
-    if (selectionInProgress.current) {
-      mouseMovement.current += Math.abs(event.movementX) + Math.abs(event.movementY);
-      if (mouseMovement.current < 3) {
-        event.preventDefault();
-        return;
-      }
-      if (typeof originalCursorPosition.current == "number") {
-        (_a = inputRef.current) == null ? void 0 : _a.setSelectionRange(
-          originalCursorPosition.current,
-          originalCursorPosition.current
-        );
-      }
-      selectionInProgress.current = false;
-    }
-  };
-  const handleMouseUp = () => {
-    const isValidBrowser = isFirefox() || isSafari();
-    if (selectionInProgress.current && mouseMovement.current < 3 && isValidBrowser && Array.isArray(selection.current)) {
-      const [start, end] = selection.current;
-      setTimeout(() => {
-        var _a, _b, _c;
-        if ((((_a = inputRef.current) == null ? void 0 : _a.selectionStart) !== start || ((_b = inputRef.current) == null ? void 0 : _b.selectionEnd) !== end) && typeof start === "number" && typeof end === "number") {
-          (_c = inputRef.current) == null ? void 0 : _c.setSelectionRange(start, end);
-        }
-      }, 0);
-    }
-    wasClick.current = false;
-    selectionInProgress.current = false;
-    mouseMovement.current = 0;
-  };
-  React.useEffect(() => {
-    if (cursorPositionOnFocus != null || highlightOnFocus != null) {
-      const handleFocusBehaviour = () => {
-        var _a;
-        if (!inputRef.current) {
-          return;
-        }
-        const [start, end] = getSelectionRange(inputRef.current, {
-          highlightOnFocus,
-          cursorPositionOnFocus
-        });
-        if (start !== null && end !== null) {
-          window.clearTimeout(timeoutRef.current);
-          const needsTimeout = isSafari() || wasClick.current;
-          if (wasClick.current) {
-            selectionInProgress.current = true;
-            mouseMovement.current = 0;
-          }
-          selection.current = [start, end];
-          if (needsTimeout) {
-            timeoutRef.current = window.setTimeout(() => {
-              var _a2, _b;
-              if (wasClick.current) {
-                originalCursorPosition.current = (_a2 = inputRef.current) == null ? void 0 : _a2.selectionStart;
-              }
-              (_b = inputRef.current) == null ? void 0 : _b.setSelectionRange(start, end);
-            }, 0);
-          } else {
-            (_a = inputRef.current) == null ? void 0 : _a.setSelectionRange(start, end);
-          }
-        }
-      };
-      const handleFocusIn = () => {
-        if (wasWindowFocus.current) {
-          wasWindowFocus.current = false;
-          return;
-        }
-        if (cursorPositionOnFocus != null || highlightOnFocus != null) {
-          handleFocusBehaviour();
-        }
-      };
-      const handleWindowFocus = () => {
-        const doc2 = core.ownerDocument(inputRef.current);
-        if (doc2.visibilityState === "visible" && doc2.activeElement === inputRef.current) {
-          wasClick.current = false;
-          selectionInProgress.current = false;
-          mouseMovement.current = 0;
-          wasWindowFocus.current = true;
-        }
-      };
-      const eventName = isSafari() || isFirefox() ? "focusIn" : "focus";
-      const input = inputRef.current;
-      const doc = core.ownerDocument(inputRef.current);
-      input == null ? void 0 : input.addEventListener(eventName, handleFocusIn);
-      doc.addEventListener("visibilitychange", handleWindowFocus);
-      return () => {
-        input == null ? void 0 : input.removeEventListener(eventName, handleFocusIn);
-        doc == null ? void 0 : doc.removeEventListener("visibilitychange", handleWindowFocus);
-      };
-    }
-    return void 0;
-  }, [cursorPositionOnFocus, highlightOnFocus, inputRef]);
-  return { handleMouseDown, handleMouseMove, handleMouseUp };
-}
-
-exports.useCursorOnFocus = useCursorOnFocus;
-//# sourceMappingURL=useCursorOnFocus.js.map

package/dist-cjs/packages/lab/src/input/useCursorOnFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCursorOnFocus.js","sources":["../src/input/useCursorOnFocus.ts"],"sourcesContent":["import { ownerDocument } from \"@salt-ds/core\";\nimport { MouseEvent, MutableRefObject, useEffect, useRef } from \"react\";\n\nfunction getSelectionRange(\n  input: HTMLInputElement,\n  { highlightOnFocus, cursorPositionOnFocus }: useCursorOnFocusProps\n): [number | null, number | null] {\n  // highlightOnFocus highlight first so it takes priority over position on focus\n  if (highlightOnFocus === true) {\n    return [0, input.value.length];\n  }\n  if (Array.isArray(highlightOnFocus) && highlightOnFocus.length > 1) {\n    return [highlightOnFocus[0], highlightOnFocus[1]];\n  }\n\n  if (cursorPositionOnFocus === \"start\") {\n    return [0, 0];\n  }\n\n  if (cursorPositionOnFocus === \"end\") {\n    return [input.value.length, input.value.length];\n  }\n\n  if (cursorPositionOnFocus != null && !isNaN(cursorPositionOnFocus)) {\n    return [cursorPositionOnFocus, cursorPositionOnFocus];\n  }\n  return [null, null];\n}\n\nfunction isSafari() {\n  return (\n    navigator.userAgent.toLowerCase().includes(\"safari\") &&\n    !navigator.userAgent.toLowerCase().includes(\"chrome\")\n  );\n}\n\nfunction isFirefox() {\n  return navigator.userAgent.toLowerCase().includes(\"firefox\");\n}\n\nexport interface useCursorOnFocusProps {\n  /**\n   * Determines the position of the text cursor on focus of the input.\n   *\n   * start = place cursor at the beginning\n   * end = place cursor at the end\n   * \\# = index to place the cursor\n   */\n  cursorPositionOnFocus?: \"start\" | \"end\" | number;\n  /**\n   * Determines what gets highlighted on focus of the input.\n   *\n   * If `true` all text will be highlighted.\n   * If an array text between those indices will be highlighted\n   * e.g. [0,1] will highlight the first character.\n   */\n  highlightOnFocus?: boolean | number[];\n}\n\nexport function useCursorOnFocus(\n  inputRef: MutableRefObject<HTMLInputElement | null>,\n  { cursorPositionOnFocus, highlightOnFocus }: useCursorOnFocusProps\n) {\n  const wasClick = useRef(false);\n  const timeoutRef = useRef<number>(-1);\n  const originalCursorPosition = useRef<number | null | undefined>(-1);\n  const selectionInProgress = useRef(false);\n  const mouseMovement = useRef(0);\n\n  const selection = useRef<[number | null, number | null]>([null, null]);\n  const wasWindowFocus = useRef(false);\n\n  const handleMouseDown = () => {\n    wasClick.current = true;\n  };\n\n  const handleMouseMove = (event: MouseEvent) => {\n    if (selectionInProgress.current) {\n      mouseMovement.current +=\n        Math.abs(event.movementX) + Math.abs(event.movementY);\n\n      //Prevents the slightest mouse movement triggering the cursor to be repositioned.\n      if (mouseMovement.current < 3) {\n        event.preventDefault();\n\n        return;\n      }\n\n      if (typeof originalCursorPosition.current == \"number\") {\n        // Allows continued highlighted if the mouse down is part of a selection.\n        inputRef.current?.setSelectionRange(\n          originalCursorPosition.current,\n          originalCursorPosition.current\n        );\n      }\n\n      //Reset so originalCursorPosition is only set once.\n      selectionInProgress.current = false;\n    }\n  };\n\n  const handleMouseUp = () => {\n    const isValidBrowser = isFirefox() || isSafari();\n    if (\n      selectionInProgress.current &&\n      mouseMovement.current < 3 &&\n      isValidBrowser &&\n      Array.isArray(selection.current)\n    ) {\n      const [start, end] = selection.current;\n      setTimeout(() => {\n        if (\n          (inputRef.current?.selectionStart !== start ||\n            inputRef.current?.selectionEnd !== end) &&\n          typeof start === \"number\" &&\n          typeof end === \"number\"\n        ) {\n          inputRef.current?.setSelectionRange(start, end);\n        }\n      }, 0);\n    }\n\n    wasClick.current = false;\n    selectionInProgress.current = false;\n    mouseMovement.current = 0;\n  };\n\n  useEffect(() => {\n    if (cursorPositionOnFocus != null || highlightOnFocus != null) {\n      const handleFocusBehaviour = () => {\n        if (!inputRef.current) {\n          return;\n        }\n\n        const [start, end] = getSelectionRange(inputRef.current, {\n          highlightOnFocus,\n          cursorPositionOnFocus,\n        });\n        if (start !== null && end !== null) {\n          window.clearTimeout(timeoutRef.current);\n          const needsTimeout = isSafari() || wasClick.current;\n\n          if (wasClick.current) {\n            selectionInProgress.current = true;\n            mouseMovement.current = 0;\n          }\n\n          selection.current = [start, end];\n          // Keyboard focus needs to be outside setTimeout otherwise a flash of selected text appears.\n          if (needsTimeout) {\n            // Make's sure setSelectionRange is run after browser has set cursor position.\n            timeoutRef.current = window.setTimeout(() => {\n              if (wasClick.current) {\n                originalCursorPosition.current =\n                  inputRef.current?.selectionStart;\n              }\n              inputRef.current?.setSelectionRange(start, end);\n            }, 0);\n          } else {\n            inputRef.current?.setSelectionRange(start, end);\n          }\n        }\n      };\n\n      const handleFocusIn = () => {\n        // Ignore focus of input on window focus\n        if (wasWindowFocus.current) {\n          wasWindowFocus.current = false;\n          return;\n        }\n\n        if (cursorPositionOnFocus != null || highlightOnFocus != null) {\n          handleFocusBehaviour();\n        }\n      };\n\n      //Reset everything on window re-focus\n      const handleWindowFocus = () => {\n        const doc = ownerDocument(inputRef.current);\n        if (\n          doc.visibilityState === \"visible\" &&\n          doc.activeElement === inputRef.current\n        ) {\n          wasClick.current = false;\n          selectionInProgress.current = false;\n          mouseMovement.current = 0;\n          wasWindowFocus.current = true;\n        }\n      };\n\n      const eventName = isSafari() || isFirefox() ? \"focusIn\" : \"focus\";\n      const input = inputRef.current;\n      const doc = ownerDocument(inputRef.current);\n      input?.addEventListener(eventName, handleFocusIn);\n      doc.addEventListener(\"visibilitychange\", handleWindowFocus);\n\n      return () => {\n        input?.removeEventListener(eventName, handleFocusIn);\n        doc?.removeEventListener(\"visibilitychange\", handleWindowFocus);\n      };\n    }\n\n    return undefined;\n  }, [cursorPositionOnFocus, highlightOnFocus, inputRef]);\n\n  return { handleMouseDown, handleMouseMove, handleMouseUp };\n}\n"],"names":["useRef","useEffect","_a","doc","ownerDocument"],"mappings":"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"}

package/dist-cjs/packages/lab/src/input-next/InputNext.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* Style applied to the root element */\n.saltInputNext {\n  --inputNext-borderColor: var(--salt-editable-borderColor);\n  --inputNext-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --inputNext-borderStyle: var(--salt-editable-borderStyle);\n\n  align-items: center;\n  background: var(--saltInputNext-background, var(--inputNext-background));\n  border-color: var(--saltInputNext-borderColor, var(--inputNext-borderColor));\n  border-width: var(--saltInputNext-borderWidth, 0 0 var(--salt-size-border) 0);\n  border-style: var(--saltInputNext-borderStyle, var(--inputNext-borderStyle));\n  border-radius: var(--saltInputNext-borderRadius, 0);\n  color: var(--saltInputNext-color, var(--salt-text-primary-foreground));\n  display: inline-flex;\n  font-family: var(--saltInputNext-fontFamily, var(--salt-text-fontFamily));\n  font-size: var(--saltInputNext-fontSize, var(--salt-text-fontSize));\n  height: var(--saltInputNext-height, var(--salt-size-base));\n  line-height: var(--salt-text-lineHeight);\n  min-height: var(--saltInputNext-minHeight, var(--salt-size-base));\n  min-width: var(--saltInputNext-minWidth, 8em);\n  padding: var(--saltInputNext-padding, 0 var(--salt-size-unit));\n  position: var(--saltInputNext-position, relative);\n  width: 100%;\n}\n\n.saltInputNext:hover {\n  --inputNext-background: var(--inputNext-background-hover);\n  --inputNext-borderColor: var(--inputNext-borderColor-hover);\n  --inputNext-borderStyle: var(--salt-editable-borderStyle-hover);\n  --inputNext-cursor: var(--salt-editable-cursor-hover);\n}\n\n.saltInputNext:active {\n  --inputNext-background: var(--inputNext-background-active);\n  --inputNext-borderColor: var(--salt-editable-borderColor-active);\n  --inputNext-borderStyle: var(--salt-editable-borderStyle-active);\n  --inputNext-cursor: var(--salt-editable-cursor-active);\n}\n\n/* Class applied if `variant=\"primary\"` */\n.saltInputNext-primary {\n  --inputNext-background: var(--salt-editable-primary-background);\n  --inputNext-background-active: var(--salt-editable-primary-background-active);\n  --inputNext-background-hover: var(--salt-editable-primary-background-hover);\n  --inputNext-background-disabled: var(--salt-editable-primary-background-disabled);\n  --inputNext-background-readonly: var(--salt-editable-primary-background-readonly);\n}\n\n/* Class applied if `variant=\"secondary\"` */\n.saltInputNext-secondary {\n  --inputNext-background: var(--salt-editable-secondary-background);\n  --inputNext-background-active: var(--salt-editable-secondary-background-active);\n  --inputNext-background-hover: var(--salt-editable-secondary-background-active);\n  --inputNext-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --inputNext-background-readonly: var(--salt-editable-secondary-background-readonly);\n}\n\n/* Style applied to input if `validationState=\"error\"` */\n.saltInputNext-error,\n.saltInputNext-error:hover {\n  --inputNext-background: var(--salt-status-error-background);\n  --inputNext-outlineColor: var(--salt-status-error-borderColor);\n  --inputNext-borderColor: var(--salt-status-error-borderColor);\n  --inputNext-borderColor-hover: var(--salt-status-error-borderColor);\n}\n\n/* Style applied to input if `validationState=\"warning\"` */\n.saltInputNext-warning,\n.saltInputNext-warning:hover {\n  --inputNext-background: var(--salt-status-warning-background);\n  --inputNext-outlineColor: var(--salt-status-warning-borderColor);\n  --inputNext-borderColor: var(--salt-status-warning-borderColor);\n  --inputNext-borderColor-hover: var(--salt-status-warning-borderColor);\n}\n\n/* Style applied to input if `validationState=\"success\"` */\n.saltInputNext-success,\n.saltInputNext-success:hover {\n  --inputNext-background: var(--salt-status-success-background);\n  --inputNext-outlineColor: var(--salt-status-success-borderColor);\n  --inputNext-borderColor: var(--salt-status-success-borderColor);\n  --inputNext-borderColor-hover: var(--salt-status-success-borderColor);\n}\n\n/* Style applied to inner input component */\n.saltInputNext-input {\n  background: none;\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  cursor: var(--saltInputNext-cursor, var(--inputNext-cursor));\n  display: block;\n  flex: 1;\n  font: inherit;\n  height: 100%;\n  letter-spacing: var(--saltInputNext-letterSpacing, 0);\n  margin: 0;\n  min-width: 0;\n  overflow: hidden;\n  padding: 0;\n  text-align: var(--saltInputNext-textAlign, left);\n  width: 100%;\n}\n\n/* Reset in the next class */\n.saltInputNext-input:focus {\n  outline: none;\n}\n\n/* Style applied to selected input */\n.saltInputNext-input::selection {\n  background: var(--saltInputNext-highlight-color, var(--salt-text-background-selected));\n}\n\n/* Styling when focused */\n.saltInputNext-focused {\n  --inputNext-outlineColor: var(--salt-focused-outlineColor);\n\n  outline-style: var(--saltInputNext-focused-outlineStyle, var(--salt-focused-outlineStyle));\n  outline-width: var(--saltInputNext-focused-outlineWidth, var(--salt-focused-outlineWidth));\n  outline-color: var(--saltInputNext-focused-outlineColor, var(--inputNext-outlineColor));\n  outline-offset: var(--saltInputNext-focused-outlineOffset, var(--salt-focused-outlineOffset));\n}\n\n/* Style applied if `readOnly={true}` */\n.saltInputNext.saltInputNext-readOnly {\n  --inputNext-background: var(--inputNext-background-readonly);\n  --inputNext-background-hover: var(--inputNext-background-readonly);\n  --inputNext-borderColor: var(--salt-editable-borderColor-readonly);\n  --inputNext-borderColor-hover: var(--salt-editable-borderColor-readonly);\n  --inputNext-borderStyle: var(--salt-editable-borderStyle-readonly);\n  --inputNext-cursor: var(--salt-editable-cursor-readonly);\n}\n\n/* Styling when focused if `disabled={true}` or `readOnly={true}` */\n.saltInputNext-focused.saltInputNext-readOnly,\n.saltInputNext-disabled .saltInputNext-focused {\n  outline: none;\n}\n\n/* Style applied to selected input if `disabled={true}` */\n.saltInputNext-disabled .saltInputNext-input::selection {\n  background: none;\n}\n\n/* Style applied to input if `disabled={true}` */\n.saltInputNext-disabled .saltInputNext-input,\n.saltInputNext.saltInputNext-disabled,\n.saltInputNext.saltInputNext-disabled:hover,\n.saltInputNext.saltInputNext-disabled:active {\n  --inputNext-background: var(--inputNext-background-disabled);\n  --inputNext-borderColor: var(--salt-editable-borderColor-disabled);\n  --inputNext-borderColor-hover: var(--salt-editable-borderColor-disabled);\n  --inputNext-borderStyle: var(--salt-editable-borderStyle-disabled);\n\n  cursor: var(--salt-editable-cursor-disabled);\n  color: var(--saltInputNext-text-color-disabled, var(--salt-text-primary-foreground-disabled));\n}\n\n/* Style applied to input if adornment provided */\n.saltInputNext-withAdornment {\n  padding-right: var(--salt-size-adornmentGap);\n}\n\n/* Style applied to start adornments */\n.saltInputNext-startAdornmentContainer {\n  align-items: center;\n  display: inline-flex;\n  padding-right: var(--salt-size-adornmentGap);\n  column-gap: var(--salt-size-adornmentGap);\n}\n\n/* Style applied to end adornments */\n.saltInputNext-endAdornmentContainer {\n  align-items: center;\n  display: inline-flex;\n  padding-left: var(--salt-size-adornmentGap);\n  column-gap: var(--salt-size-adornmentGap);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=InputNext.css.js.map

package/dist-cjs/packages/lab/src/input-next/InputNext.css.js.map

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

package/dist-cjs/packages/lab/src/input-next/InputNext.js

@@ -1,136 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('../form-field-context/FormFieldContext.js');
-require('../form-field-context/FormFieldContextNext.js');
-var useFormFieldPropsNext = require('../form-field-context/useFormFieldPropsNext.js');
-var StatusAdornment = require('../status-adornment/StatusAdornment.js');
-require('./InputNext.css.js');
-
-const withBaseName = core.makePrefixer("saltInputNext");
-function mergeA11yProps(a11yProps = {}, inputProps = {}, misplacedAriaProps) {
-  const ariaLabelledBy = clsx.clsx(
-    a11yProps["aria-labelledby"],
-    inputProps["aria-labelledby"]
-  );
-  return {
-    ...misplacedAriaProps,
-    ...a11yProps,
-    ...inputProps,
-    "aria-label": ariaLabelledBy ? Array.from(new Set(ariaLabelledBy.split(" "))).join(" ") : void 0
-  };
-}
-const Input = React.forwardRef(function Input2({
-  "aria-activedescendant": ariaActiveDescendant,
-  "aria-expanded": ariaExpanded,
-  "aria-owns": ariaOwns,
-  className: classNameProp,
-  disabled,
-  endAdornment,
-  id,
-  inputProps: inputPropsProp,
-  readOnly: readOnlyProp,
-  role,
-  startAdornment,
-  style,
-  value: valueProp,
-  defaultValue: defaultValueProp = valueProp === void 0 ? "" : void 0,
-  validationStatus: validationStatusProp,
-  variant = "primary",
-  ...other
-}, ref) {
-  const {
-    disabled: formFieldDisabled,
-    readOnly: formFieldReadOnly,
-    validationStatus: formFieldValidationStatus,
-    a11yProps
-  } = useFormFieldPropsNext.useFormFieldPropsNext();
-  const isDisabled = disabled || formFieldDisabled;
-  const isReadOnly = readOnlyProp || formFieldReadOnly;
-  const validationStatus = formFieldValidationStatus != null ? formFieldValidationStatus : validationStatusProp;
-  const [focused, setFocused] = React.useState(false);
-  const misplacedAriaProps = {
-    "aria-activedescendant": ariaActiveDescendant,
-    "aria-expanded": ariaExpanded,
-    "aria-owns": ariaOwns,
-    role
-  };
-  const inputProps = mergeA11yProps(
-    a11yProps,
-    inputPropsProp,
-    misplacedAriaProps
-  );
-  const { onBlur, onChange, onFocus, ...restInputProps } = inputProps;
-  const [value, setValue] = core.useControlled({
-    controlled: valueProp,
-    default: defaultValueProp,
-    name: "Input",
-    state: "value"
-  });
-  const handleChange = (event) => {
-    const value2 = event.target.value;
-    setValue(value2);
-    onChange == null ? void 0 : onChange(event);
-  };
-  const handleBlur = (event) => {
-    onBlur == null ? void 0 : onBlur(event);
-    setFocused(false);
-  };
-  const handleFocus = (event) => {
-    onFocus == null ? void 0 : onFocus(event);
-    setFocused(true);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: clsx.clsx(
-      withBaseName(),
-      {
-        [withBaseName("focused")]: !isDisabled && focused,
-        [withBaseName("disabled")]: isDisabled,
-        [withBaseName("readOnly")]: isReadOnly,
-        [withBaseName(validationStatus || "")]: validationStatus,
-        [withBaseName(variant)]: variant
-      },
-      classNameProp
-    ),
-    style,
-    ...other,
-    children: [
-      startAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: withBaseName("startAdornmentContainer"),
-        children: startAdornment
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("input", {
-        id,
-        className: clsx.clsx(
-          withBaseName("input"),
-          { [withBaseName("withAdornment")]: validationStatus },
-          inputProps == null ? void 0 : inputProps.className
-        ),
-        disabled: isDisabled,
-        readOnly: isReadOnly,
-        ref,
-        value,
-        tabIndex: isReadOnly || isDisabled ? -1 : 0,
-        onBlur: handleBlur,
-        onChange: handleChange,
-        onFocus: !isDisabled ? handleFocus : void 0,
-        ...restInputProps
-      }),
-      !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsxRuntime.jsx(StatusAdornment.StatusAdornment, {
-        status: validationStatus
-      }),
-      endAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: withBaseName("endAdornmentContainer"),
-        children: endAdornment
-      })
-    ]
-  });
-});
-
-exports.Input = Input;
-//# sourceMappingURL=InputNext.js.map

package/dist-cjs/packages/lab/src/input-next/InputNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputNext.js","sources":["../src/input-next/InputNext.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  AriaAttributes,\n  ChangeEvent,\n  FocusEvent,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  ReactNode,\n  useState,\n} from \"react\";\nimport { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { useFormFieldPropsNext } from \"../form-field-context\";\nimport { StatusAdornment } from \"../status-adornment\";\n\nimport \"./InputNext.css\";\n\nconst withBaseName = makePrefixer(\"saltInputNext\");\n\n// TODO: Double confirm whether this should be extending DivElement given root is `<div>`.\n// And forwarded ref is not assigned to the root like other components.\nexport interface InputProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"defaultValue\"> {\n  /**\n   * The value of the `input` element, required for an uncontrolled component.\n   */\n  defaultValue?: HTMLInputElement[\"defaultValue\"];\n  /**\n   * If `true`, the component is disabled.\n   */\n  disabled?: HTMLInputElement[\"disabled\"];\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Start adornment component\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: HTMLInputElement[\"value\"];\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n}\n\nfunction mergeA11yProps(\n  a11yProps: Partial<\n    ReturnType<typeof useFormFieldPropsNext>[\"a11yProps\"]\n  > = {},\n  inputProps: InputProps[\"inputProps\"] = {},\n  misplacedAriaProps: AriaAttributes\n) {\n  const ariaLabelledBy = clsx(\n    a11yProps[\"aria-labelledby\"],\n    inputProps[\"aria-labelledby\"]\n  );\n\n  return {\n    ...misplacedAriaProps,\n    ...a11yProps,\n    ...inputProps,\n    // TODO: look at this - The weird filtering is due to TokenizedInputBase\n    \"aria-label\": ariaLabelledBy\n      ? Array.from(new Set(ariaLabelledBy.split(\" \"))).join(\" \")\n      : undefined,\n  };\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    \"aria-activedescendant\": ariaActiveDescendant,\n    \"aria-expanded\": ariaExpanded,\n    \"aria-owns\": ariaOwns,\n    className: classNameProp,\n    disabled,\n    endAdornment,\n    id,\n    inputProps: inputPropsProp,\n    readOnly: readOnlyProp,\n    role,\n    startAdornment,\n    style,\n    value: valueProp,\n    // If we leave both value and defaultValue undefined, we will get a React warning on first edit\n    // (uncontrolled to controlled warning) from the React input\n    defaultValue: defaultValueProp = valueProp === undefined ? \"\" : undefined,\n    validationStatus: validationStatusProp,\n    variant = \"primary\",\n    ...other\n  },\n  ref\n) {\n  const {\n    disabled: formFieldDisabled,\n    readOnly: formFieldReadOnly,\n    validationStatus: formFieldValidationStatus,\n    a11yProps,\n  } = useFormFieldPropsNext();\n\n  const isDisabled = disabled || formFieldDisabled;\n  const isReadOnly = readOnlyProp || formFieldReadOnly;\n\n  const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n  const [focused, setFocused] = useState(false);\n\n  const misplacedAriaProps = {\n    \"aria-activedescendant\": ariaActiveDescendant,\n    \"aria-expanded\": ariaExpanded,\n    \"aria-owns\": ariaOwns,\n    role,\n  };\n  const inputProps = mergeA11yProps(\n    a11yProps,\n    inputPropsProp,\n    misplacedAriaProps\n  );\n\n  const { onBlur, onChange, onFocus, ...restInputProps } = inputProps;\n\n  const [value, setValue] = useControlled({\n    controlled: valueProp,\n    default: defaultValueProp,\n    name: \"Input\",\n    state: \"value\",\n  });\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const value = event.target.value;\n    setValue(value);\n    onChange?.(event);\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    onBlur?.(event);\n    setFocused(false);\n  };\n\n  const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n    onFocus?.(event);\n    setFocused(true);\n  };\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"focused\")]: !isDisabled && focused,\n          [withBaseName(\"disabled\")]: isDisabled,\n          [withBaseName(\"readOnly\")]: isReadOnly,\n          [withBaseName(validationStatus || \"\")]: validationStatus,\n          [withBaseName(variant)]: variant,\n        },\n        classNameProp\n      )}\n      style={style}\n      {...other}\n    >\n      {startAdornment && (\n        <div className={withBaseName(\"startAdornmentContainer\")}>\n          {startAdornment}\n        </div>\n      )}\n      <input\n        id={id}\n        className={clsx(\n          withBaseName(\"input\"),\n          { [withBaseName(\"withAdornment\")]: validationStatus },\n          inputProps?.className\n        )}\n        disabled={isDisabled}\n        readOnly={isReadOnly}\n        ref={ref}\n        value={value}\n        tabIndex={isReadOnly || isDisabled ? -1 : 0}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        onFocus={!isDisabled ? handleFocus : undefined}\n        {...restInputProps}\n      />\n      {!isDisabled && !isReadOnly && validationStatus && (\n        <StatusAdornment status={validationStatus} />\n      )}\n      {endAdornment && (\n        <div className={withBaseName(\"endAdornmentContainer\")}>\n          {endAdornment}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["makePrefixer","clsx","forwardRef","Input","useFormFieldPropsNext","useState","useControlled","value","jsxs","jsx","StatusAdornment"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA,CAAA;AA4CjD,SAAS,eACP,SAEI,GAAA,IACJ,UAAuC,GAAA,IACvC,kBACA,EAAA;AACA,EAAA,MAAM,cAAiB,GAAAC,SAAA;AAAA,IACrB,SAAU,CAAA,iBAAA,CAAA;AAAA,IACV,UAAW,CAAA,iBAAA,CAAA;AAAA,GACb,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,GAAG,kBAAA;AAAA,IACH,GAAG,SAAA;AAAA,IACH,GAAG,UAAA;AAAA,IAEH,YAAc,EAAA,cAAA,GACV,KAAM,CAAA,IAAA,CAAK,IAAI,GAAI,CAAA,cAAA,CAAe,KAAM,CAAA,GAAG,CAAC,CAAC,CAAE,CAAA,IAAA,CAAK,GAAG,CACvD,GAAA,KAAA,CAAA;AAAA,GACN,CAAA;AACF,CAAA;AAEa,MAAA,KAAA,GAAQC,gBAAyC,CAAA,SAASC,MACrE,CAAA;AAAA,EACE,uBAAyB,EAAA,oBAAA;AAAA,EACzB,eAAiB,EAAA,YAAA;AAAA,EACjB,WAAa,EAAA,QAAA;AAAA,EACb,SAAW,EAAA,aAAA;AAAA,EACX,QAAA;AAAA,EACA,YAAA;AAAA,EACA,EAAA;AAAA,EACA,UAAY,EAAA,cAAA;AAAA,EACZ,QAAU,EAAA,YAAA;AAAA,EACV,IAAA;AAAA,EACA,cAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EAGP,YAAc,EAAA,gBAAA,GAAmB,SAAc,KAAA,KAAA,CAAA,GAAY,EAAK,GAAA,KAAA,CAAA;AAAA,EAChE,gBAAkB,EAAA,oBAAA;AAAA,EAClB,OAAU,GAAA,SAAA;AAAA,EACP,GAAA,KAAA;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,QAAU,EAAA,iBAAA;AAAA,IACV,QAAU,EAAA,iBAAA;AAAA,IACV,gBAAkB,EAAA,yBAAA;AAAA,IAClB,SAAA;AAAA,MACEC,2CAAsB,EAAA,CAAA;AAE1B,EAAA,MAAM,aAAa,QAAY,IAAA,iBAAA,CAAA;AAC/B,EAAA,MAAM,aAAa,YAAgB,IAAA,iBAAA,CAAA;AAEnC,EAAA,MAAM,mBAAmB,yBAA6B,IAAA,IAAA,GAAA,yBAAA,GAAA,oBAAA,CAAA;AAEtD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAE5C,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,uBAAyB,EAAA,oBAAA;AAAA,IACzB,eAAiB,EAAA,YAAA;AAAA,IACjB,WAAa,EAAA,QAAA;AAAA,IACb,IAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,UAAa,GAAA,cAAA;AAAA,IACjB,SAAA;AAAA,IACA,cAAA;AAAA,IACA,kBAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,EAAE,MAAA,EAAQ,QAAU,EAAA,OAAA,EAAA,GAAY,gBAAmB,GAAA,UAAA,CAAA;AAEzD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIC,kBAAc,CAAA;AAAA,IACtC,UAAY,EAAA,SAAA;AAAA,IACZ,OAAS,EAAA,gBAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,KAAO,EAAA,OAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAM,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AAC7D,IAAMC,MAAAA,MAAAA,GAAQ,MAAM,MAAO,CAAA,KAAA,CAAA;AAC3B,IAAA,QAAA,CAASA,MAAK,CAAA,CAAA;AACd,IAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACb,CAAA;AAEA,EAAM,MAAA,UAAA,GAAa,CAAC,KAAwC,KAAA;AAC1D,IAAS,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AACT,IAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,GAClB,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,KAAwC,KAAA;AAC3D,IAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AACV,IAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAAA,GACjB,CAAA;AAEA,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAAP,SAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAA,CAAa,SAAS,CAAA,GAAI,CAAC,UAAc,IAAA,OAAA;AAAA,QAC1C,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,UAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,UAAA;AAAA,QAC5B,CAAC,YAAA,CAAa,gBAAoB,IAAA,EAAE,CAAI,GAAA,gBAAA;AAAA,QACxC,CAAC,YAAa,CAAA,OAAO,CAAI,GAAA,OAAA;AAAA,OAC3B;AAAA,MACA,aAAA;AAAA,KACF;AAAA,IACA,KAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,cAAA,oBACEQ,cAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,yBAAyB,CAAA;AAAA,QACnD,QAAA,EAAA,cAAA;AAAA,OACH,CAAA;AAAA,sBAEDA,cAAA,CAAA,OAAA,EAAA;AAAA,QACC,EAAA;AAAA,QACA,SAAW,EAAAR,SAAA;AAAA,UACT,aAAa,OAAO,CAAA;AAAA,UACpB,EAAE,CAAC,YAAa,CAAA,eAAe,IAAI,gBAAiB,EAAA;AAAA,UACpD,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,SAAA;AAAA,SACd;AAAA,QACA,QAAU,EAAA,UAAA;AAAA,QACV,QAAU,EAAA,UAAA;AAAA,QACV,GAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA,EAAU,UAAc,IAAA,UAAA,GAAa,CAAK,CAAA,GAAA,CAAA;AAAA,QAC1C,MAAQ,EAAA,UAAA;AAAA,QACR,QAAU,EAAA,YAAA;AAAA,QACV,OAAA,EAAS,CAAC,UAAA,GAAa,WAAc,GAAA,KAAA,CAAA;AAAA,QACpC,GAAG,cAAA;AAAA,OACN,CAAA;AAAA,MACC,CAAC,UAAA,IAAc,CAAC,UAAA,IAAc,oCAC5BQ,cAAA,CAAAC,+BAAA,EAAA;AAAA,QAAgB,MAAQ,EAAA,gBAAA;AAAA,OAAkB,CAAA;AAAA,MAE5C,gCACED,cAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,uBAAuB,CAAA;AAAA,QACjD,QAAA,EAAA,YAAA;AAAA,OACH,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/layer-layout/LayerLayout.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltLayerLayout {\n  --layerLayout-boxShadow: var(--saltLayerLayout-boxShadow, var(--salt-overlayable-shadow-modal));\n  --layerLayout-background: var(--saltLayerLayout-background, var(--salt-container-primary-background));\n  --layerLayout-padding: var(--saltLayerLayout-padding, var(--salt-size-container-spacing));\n  --layerLayout-margin: var(--saltLayerLayout-margin, var(--salt-size-container-spacing));\n}\n\n.saltLayerLayout {\n  background: var(--layerLayout-background);\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  max-width: 100%;\n  overflow: auto;\n  padding: var(--layerLayout-padding);\n  box-shadow: var(--saltLayerLayout-boxShadow, var(--layerLayout-boxShadow));\n  z-index: calc(var(--salt-zIndex-appHeader) - 1);\n}\n\n.saltLayerLayout-fullScreen {\n  width: 100vw;\n  height: 100vh;\n  margin: 0;\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.saltLayerLayout-center {\n  margin: var(--saltLayerLayout-margin, var(--layerLayout-margin));\n}\n\n.saltLayerLayout-center.saltLayerLayout-enter-animation,\n.saltLayerLayout-fullScreen.saltLayerLayout-enter-animation,\n.saltScrim.saltLayerLayout-enter-animation {\n  animation: var(--salt-animation-fade-in-center);\n}\n\n.saltLayerLayout-center.saltLayerLayout-exit-animation,\n.saltLayerLayout-fullScreen.saltLayerLayout-exit-animation,\n.saltScrim.saltLayerLayout-exit-animation {\n  animation: var(--salt-animation-fade-out-back);\n}\n\n.saltLayerLayout-anchor {\n  position: fixed;\n  max-height: 100%;\n  top: 0;\n}\n\n.saltLayerLayout-top {\n  left: 0;\n  right: 0;\n  bottom: auto;\n}\n\n.saltLayerLayout-top.saltLayerLayout-enter-animation {\n  animation: var(--salt-animation-slide-in-bottom);\n}\n\n.saltLayerLayout-top.saltLayerLayout-exit-animation {\n  animation: var(--salt-animation-slide-out-bottom);\n}\n\n.saltLayerLayout-right {\n  left: auto;\n  right: 0;\n  height: 100%;\n}\n\n.saltLayerLayout-right.saltLayerLayout-enter-animation {\n  animation: var(--salt-animation-slide-in-right);\n}\n\n.saltLayerLayout-right.saltLayerLayout-exit-animation {\n  animation: var(--salt-animation-slide-out-right);\n}\n\n.saltLayerLayout-left {\n  left: 0;\n  right: auto;\n  height: 100%;\n}\n\n.saltLayerLayout-left.saltLayerLayout-enter-animation {\n  animation: var(--salt-animation-slide-in-left);\n}\n\n.saltLayerLayout-left.saltLayerLayout-exit-animation {\n  animation: var(--salt-animation-slide-out-left);\n}\n\n.saltLayerLayout-bottom {\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: auto;\n}\n\n.saltLayerLayout-bottom.saltLayerLayout-enter-animation {\n  animation: var(--salt-animation-slide-in-top);\n}\n\n.saltLayerLayout-bottom.saltLayerLayout-exit-animation {\n  animation: var(--salt-animation-slide-out-top);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=LayerLayout.css.js.map

package/dist-cjs/packages/lab/src/layer-layout/LayerLayout.css.js.map

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