@salt-ds/lab 1.0.0-alpha.1 → 1.0.0-alpha.100

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

@@ -0,0 +1,66 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var clsx = require('clsx');
+var react = require('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 = react.forwardRef(
+  function InputWithMask2({
+    "aria-labelledby": ariaLabelledBy,
+    className,
+    mask = "",
+    value,
+    id: idProp,
+    style,
+    textAlign,
+    ...other
+  }, ref) {
+    const id = core.useId(idProp);
+    const spacerAndMask = [
+      /* @__PURE__ */ jsxRuntime.jsx("i", { children: value }, value),
+      getClippedMask(mask, value, textAlign)
+    ];
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${baseName}-inputWrapper`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          className,
+          ...other,
+          "aria-label": mask,
+          "aria-labelledby": [ariaLabelledBy, id].filter((label) => label != null).join(" "),
+          id,
+          ref,
+          style,
+          value
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx.clsx(`${baseName}-mask`, className),
+          style,
+          children: textAlign !== "right" ? spacerAndMask : spacerAndMask.reverse()
+        }
+      )
+    ] });
+  }
+);
+
+exports.InputWithMask = InputWithMask;
+exports.baseName = baseName;
+//# sourceMappingURL=InputWithMask.js.map

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

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

package/dist-cjs/index.js

@@ -0,0 +1,283 @@
+'use strict';
+
+var AppHeader = require('./app-header/AppHeader.js');
+var Breadcrumb = require('./breadcrumbs/Breadcrumb.js');
+var Breadcrumbs = require('./breadcrumbs/Breadcrumbs.js');
+var BreadcrumbNext = require('./breadcrumbs-next/BreadcrumbNext.js');
+var BreadcrumbNextLabel = require('./breadcrumbs-next/BreadcrumbNextLabel.js');
+var BreadcrumbNextTrigger = require('./breadcrumbs-next/BreadcrumbNextTrigger.js');
+var BreadcrumbsNext = require('./breadcrumbs-next/BreadcrumbsNext.js');
+var ButtonBar = require('./button-bar/ButtonBar.js');
+var OrderedButton = require('./button-bar/OrderedButton.js');
+var CascadingMenu = require('./cascading-menu/CascadingMenu.js');
+var Color = require('./color-chooser/Color.js');
+var ColorChooser = require('./color-chooser/ColorChooser.js');
+var ColorHelpers = require('./color-chooser/ColorHelpers.js');
+var ColorPicker = require('./color-chooser/ColorPicker.js');
+var colorMap = require('./color-chooser/colorMap.js');
+var GetColorPalettes = require('./color-chooser/GetColorPalettes.js');
+var Swatch = require('./color-chooser/Swatch.js');
+var SwatchesPicker = require('./color-chooser/SwatchesPicker.js');
+var ComboBox = require('./combo-box/ComboBox.js');
+var ComboBoxDeprecated = require('./combo-box-deprecated/ComboBoxDeprecated.js');
+var filterHelpers = require('./combo-box-deprecated/filterHelpers.js');
+var ContactAction = require('./contact-details/ContactAction.js');
+var ContactActions = require('./contact-details/ContactActions.js');
+var ContactAvatar = require('./contact-details/ContactAvatar.js');
+var ContactDetails = require('./contact-details/ContactDetails.js');
+var ContactFavoriteToggle = require('./contact-details/ContactFavoriteToggle.js');
+var ContactMetadata = require('./contact-details/ContactMetadata.js');
+var ContactMetadataItem = require('./contact-details/ContactMetadataItem.js');
+var ContactPrimaryInfo = require('./contact-details/ContactPrimaryInfo.js');
+var ContactSecondaryInfo = require('./contact-details/ContactSecondaryInfo.js');
+var ContactTertiaryInfo = require('./contact-details/ContactTertiaryInfo.js');
+var MailLinkComponent = require('./contact-details/MailLinkComponent.js');
+var ContentStatus = require('./content-status/ContentStatus.js');
+var DeckItem = require('./deck-item/DeckItem.js');
+var DeckLayout = require('./deck-layout/DeckLayout.js');
+var Dropdown = require('./dropdown/Dropdown.js');
+var DropdownBase = require('./dropdown/DropdownBase.js');
+var DropdownButton = require('./dropdown/DropdownButton.js');
+var useDropdownBase = require('./dropdown/useDropdownBase.js');
+var EditableLabel = require('./editable-label/EditableLabel.js');
+var FormFieldLegacyContext = require('./form-field-context-legacy/FormFieldLegacyContext.js');
+var useFormFieldLegacyProps = require('./form-field-context-legacy/useFormFieldLegacyProps.js');
+var FormFieldLegacy = require('./form-field-legacy/FormFieldLegacy.js');
+var FormLabel = require('./form-field-legacy/FormLabel.js');
+var FormGroup = require('./form-group/FormGroup.js');
+var FormattedInput = require('./formatted-input/FormattedInput.js');
+var InputLegacy = require('./input-legacy/InputLegacy.js');
+var StaticInputAdornment = require('./input-legacy/StaticInputAdornment.js');
+var LayerLayout = require('./layer-layout/LayerLayout.js');
+var Highlighter = require('./list/Highlighter.js');
+var List = require('./list/List.js');
+var ListItem = require('./list/ListItem.js');
+var ListItemGroup = require('./list/ListItemGroup.js');
+var ListItemHeader = require('./list/ListItemHeader.js');
+var useList = require('./list/useList.js');
+var VirtualizedList = require('./list/VirtualizedList.js');
+require('./list-deprecated/List.js');
+require('./list-deprecated/ListBase.js');
+require('./list-deprecated/ListItem.js');
+var ListItemBase = require('./list-deprecated/ListItemBase.js');
+require('./list-deprecated/ListItemContext.js');
+require('./list-deprecated/ListStateContext.js');
+require('@salt-ds/core');
+require('react');
+var useListItem = require('./list-deprecated/useListItem.js');
+var escapeRegExp = require('./utils/escapeRegExp.js');
+var forwardCallbackProps = require('./utils/forwardCallbackProps.js');
+var isEmail = require('./utils/isEmail.js');
+var isPlainObject = require('./utils/isPlainObject.js');
+var partition = require('./utils/partition.js');
+var useClickOutside = require('./utils/useClickOutside.js');
+var useEventCallback = require('./utils/useEventCallback.js');
+var useIsViewportLargerThanBreakpoint = require('./utils/useIsViewportLargerThanBreakpoint.js');
+var useLayoutEffectOnce = require('./utils/useLayoutEffectOnce.js');
+var useLayoutEffectSkipFirst = require('./utils/useLayoutEffectSkipFirst.js');
+var useOverflowDetection = require('./utils/useOverflowDetection.js');
+var useSlideSelection = require('./utils/useSlideSelection.js');
+var ListItemNext = require('./list-next/ListItemNext.js');
+var ListNext = require('./list-next/ListNext.js');
+var Logo = require('./logo/Logo.js');
+var LogoImage = require('./logo/LogoImage.js');
+var LogoSeparator = require('./logo/LogoSeparator.js');
+var MenuButton = require('./menu-button/MenuButton.js');
+var Metric = require('./metric/Metric.js');
+var MetricContent = require('./metric/MetricContent.js');
+var MetricHeader = require('./metric/MetricHeader.js');
+var Portal = require('./portal/Portal.js');
+var QueryInput = require('./query-input/QueryInput.js');
+var useQueryInput = require('./query-input/useQueryInput.js');
+var overflowUtils = require('./responsive/overflowUtils.js');
+var useDynamicCollapse = require('./responsive/useDynamicCollapse.js');
+var useInstantCollapse = require('./responsive/useInstantCollapse.js');
+var useOverflow = require('./responsive/useOverflow.js');
+var useOverflowCollectionItems = require('./responsive/useOverflowCollectionItems.js');
+var useOverflowLayout = require('./responsive/useOverflowLayout.js');
+var useReclaimSpace = require('./responsive/useReclaimSpace.js');
+var useResizeObserver = require('./responsive/useResizeObserver.js');
+var useWidth = require('./responsive/useWidth.js');
+var utils = require('./responsive/utils.js');
+var SearchInput = require('./search-input/SearchInput.js');
+var StaticList = require('./static-list/StaticList.js');
+var StaticListItem = require('./static-list/StaticListItem.js');
+var StaticListItemContent = require('./static-list/StaticListItemContent.js');
+var SystemStatus = require('./system-status/SystemStatus.js');
+var SystemStatusActions = require('./system-status/SystemStatusActions.js');
+var SystemStatusContent = require('./system-status/SystemStatusContent.js');
+var Tab = require('./tabs/Tab.js');
+var TabActivationIndicator = require('./tabs/TabActivationIndicator.js');
+var TabPanel = require('./tabs/TabPanel.js');
+var Tabs = require('./tabs/Tabs.js');
+var Tabstrip = require('./tabs/Tabstrip.js');
+var ToastGroup = require('./toast-group/ToastGroup.js');
+var TokenizedInput = require('./tokenized-input/TokenizedInput.js');
+var TokenizedInputBase = require('./tokenized-input/TokenizedInputBase.js');
+var useTokenizedInput = require('./tokenized-input/useTokenizedInput.js');
+var TokenizedInputNext = require('./tokenized-input-next/TokenizedInputNext.js');
+var useTokenizedInputNext = require('./tokenized-input-next/useTokenizedInputNext.js');
+var Toolbar = require('./toolbar/Toolbar.js');
+var ToolbarButton = require('./toolbar/ToolbarButton.js');
+var Tooltray = require('./toolbar/Tooltray.js');
+var ToolbarField = require('./toolbar/toolbar-field/ToolbarField.js');
+var ElectronWindow = require('./window/ElectronWindow.js');
+var WindowContext = require('./window/WindowContext.js');
+
+
+
+exports.AppHeader = AppHeader.AppHeader;
+exports.Breadcrumb = Breadcrumb.Breadcrumb;
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
+exports.BreadcrumbNext = BreadcrumbNext.BreadcrumbNext;
+exports.BreadcrumbNextLabel = BreadcrumbNextLabel.BreadcrumbNextLabel;
+exports.BreadcrumbNextTrigger = BreadcrumbNextTrigger.BreadcrumbNextTrigger;
+exports.BreadcrumbsNext = BreadcrumbsNext.BreadcrumbsNext;
+exports.ButtonBar = ButtonBar.ButtonBar;
+exports.DefaultButtonsOrderByVariant = ButtonBar.DefaultButtonsOrderByVariant;
+exports.OrderedButton = OrderedButton.OrderedButton;
+exports.CascadingMenu = CascadingMenu.CascadingMenu;
+exports.Color = Color.Color;
+exports.ColorChooser = ColorChooser.ColorChooser;
+exports.convertColorMapValueToHex = ColorHelpers.convertColorMapValueToHex;
+exports.getColorNameByHexValue = ColorHelpers.getColorNameByHexValue;
+exports.getHexValue = ColorHelpers.getHexValue;
+exports.hexValueWithoutAlpha = ColorHelpers.hexValueWithoutAlpha;
+exports.isValidHex = ColorHelpers.isValidHex;
+exports.ColorPicker = ColorPicker.ColorPicker;
+exports.saltColorMap = colorMap.saltColorMap;
+exports.saltlight = colorMap.saltlight;
+exports.getColorPalettes = GetColorPalettes.getColorPalettes;
+exports.makePalette = GetColorPalettes.makePalette;
+exports.Swatch = Swatch.Swatch;
+exports.SwatchesPicker = SwatchesPicker.SwatchesPicker;
+exports.ComboBox = ComboBox.ComboBox;
+exports.ComboBoxDeprecated = ComboBoxDeprecated.ComboBoxDeprecated;
+exports.getDefaultFilter = filterHelpers.getDefaultFilter;
+exports.getDefaultFilterRegex = filterHelpers.getDefaultFilterRegex;
+exports.ContactAction = ContactAction.ContactAction;
+exports.ContactActions = ContactActions.ContactActions;
+exports.ContactAvatar = ContactAvatar.ContactAvatar;
+exports.ContactDetails = ContactDetails.ContactDetails;
+exports.ContactFavoriteToggle = ContactFavoriteToggle.ContactFavoriteToggle;
+exports.ContactMetadata = ContactMetadata.ContactMetadata;
+exports.ContactMetadataItem = ContactMetadataItem.ContactMetadataItem;
+exports.ContactPrimaryInfo = ContactPrimaryInfo.ContactPrimaryInfo;
+exports.ContactSecondaryInfo = ContactSecondaryInfo.ContactSecondaryInfo;
+exports.ContactTertiaryInfo = ContactTertiaryInfo.ContactTertiaryInfo;
+exports.MailLinkComponent = MailLinkComponent.MailLinkComponent;
+exports.ContentStatus = ContentStatus.ContentStatus;
+exports.DeckItem = DeckItem.DeckItem;
+exports.DeckLayout = DeckLayout.DeckLayout;
+exports.Dropdown = Dropdown.Dropdown;
+exports.DropdownBase = DropdownBase.DropdownBase;
+exports.DropdownButton = DropdownButton.DropdownButton;
+exports.useDropdownBase = useDropdownBase.useDropdownBase;
+exports.EditableLabel = EditableLabel.EditableLabel;
+exports.FormFieldLegacyContext = FormFieldLegacyContext.FormFieldLegacyContext;
+exports.useFormFieldLegacyProps = useFormFieldLegacyProps.useFormFieldLegacyProps;
+exports.FormField = FormFieldLegacy.FormFieldLegacy;
+exports.FormLabel = FormLabel.FormLabel;
+exports.FormGroup = FormGroup.FormGroup;
+exports.FormattedInput = FormattedInput.FormattedInput;
+exports.Input = InputLegacy.InputLegacy;
+exports.StaticInputAdornment = StaticInputAdornment.StaticInputAdornment;
+exports.LAYER_POSITIONS = LayerLayout.LAYER_POSITIONS;
+exports.LayerLayout = LayerLayout.LayerLayout;
+exports.Highlighter = Highlighter.Highlighter;
+exports.List = List.List;
+exports.ListItem = ListItem.ListItem;
+exports.ListItemProxy = ListItem.ListItemProxy;
+exports.ListItemGroup = ListItemGroup.ListItemGroup;
+exports.ListItemHeader = ListItemHeader.ListItemHeader;
+exports.useList = useList.useList;
+exports.VirtualizedList = VirtualizedList.VirtualizedList;
+exports.ListItemBaseDeprecated = ListItemBase.ListItemBase;
+exports.useListItemDeprecated = useListItem.useListItem;
+exports.escapeRegExp = escapeRegExp.escapeRegExp;
+exports.forwardCallbackProps = forwardCallbackProps.forwardCallbackProps;
+exports.isEmail = isEmail.isEmail;
+exports.isPlainObject = isPlainObject.isPlainObject;
+exports.partition = partition.partition;
+exports.useClickOutside = useClickOutside.useClickOutside;
+exports.useEventCallback = useEventCallback.useEventCallback;
+exports.useIsViewportLargerThanBreakpoint = useIsViewportLargerThanBreakpoint.useIsViewportLargerThanBreakpoint;
+exports.useLayoutEffectOnce = useLayoutEffectOnce.useLayoutEffectOnce;
+exports.useLayoutEffectSkipFirst = useLayoutEffectSkipFirst.useLayoutEffectSkipFirst;
+exports.useOverflowDetection = useOverflowDetection.useOverflowDetection;
+exports.useSlideSelection = useSlideSelection.useSlideSelection;
+exports.ListItemNext = ListItemNext.ListItemNext;
+exports.ListNext = ListNext.ListNext;
+exports.Logo = Logo.Logo;
+exports.LogoImage = LogoImage.LogoImage;
+exports.LogoSeparator = LogoSeparator.LogoSeparator;
+exports.MenuButton = MenuButton.MenuButton;
+exports.Metric = Metric.Metric;
+exports.MetricContent = MetricContent.MetricContent;
+exports.MetricHeader = MetricHeader.MetricHeader;
+exports.Portal = Portal.Portal;
+exports.QueryInput = QueryInput.QueryInput;
+exports.useQueryInput = useQueryInput.useQueryInput;
+exports.DropdownPlaceholder = overflowUtils.DropdownPlaceholder;
+exports.NO_DATA = overflowUtils.NO_DATA;
+exports.addAll = overflowUtils.addAll;
+exports.allExceptOverflowIndicator = overflowUtils.allExceptOverflowIndicator;
+exports.byDescendingPriority = overflowUtils.byDescendingPriority;
+exports.getDropdownPlaceholder = overflowUtils.getDropdownPlaceholder;
+exports.getElementForItem = overflowUtils.getElementForItem;
+exports.getIsOverflowed = overflowUtils.getIsOverflowed;
+exports.getOverflowIndicator = overflowUtils.getOverflowIndicator;
+exports.getRuntimePadding = overflowUtils.getRuntimePadding;
+exports.isCollapsed = overflowUtils.isCollapsed;
+exports.isCollapsedOrCollapsing = overflowUtils.isCollapsedOrCollapsing;
+exports.isCollapsible = overflowUtils.isCollapsible;
+exports.isCollapsing = overflowUtils.isCollapsing;
+exports.isOverflowed = overflowUtils.isOverflowed;
+exports.measureContainer = overflowUtils.measureContainer;
+exports.measureContainerOverflow = overflowUtils.measureContainerOverflow;
+exports.measureElementSize = overflowUtils.measureElementSize;
+exports.measureOverflowItems = overflowUtils.measureOverflowItems;
+exports.notOverflowed = overflowUtils.notOverflowed;
+exports.popNextItemByPriority = overflowUtils.popNextItemByPriority;
+exports.useDynamicCollapse = useDynamicCollapse.useDynamicCollapse;
+exports.useInstantCollapse = useInstantCollapse.useInstantCollapse;
+exports.useOverflow = useOverflow.useOverflow;
+exports.useOverflowCollectionItems = useOverflowCollectionItems.useOverflowCollectionItems;
+exports.useOverflowLayout = useOverflowLayout.useOverflowLayout;
+exports.addAllVisible = useReclaimSpace.addAllVisible;
+exports.useReclaimSpace = useReclaimSpace.useReclaimSpace;
+exports.HeightOnly = useResizeObserver.HeightOnly;
+exports.WidthHeight = useResizeObserver.WidthHeight;
+exports.WidthOnly = useResizeObserver.WidthOnly;
+exports.useResizeObserver = useResizeObserver.useResizeObserver;
+exports.useWidth = useWidth.useWidth;
+exports.isResponsiveAttribute = utils.isResponsiveAttribute;
+exports.liftResponsivePropsToFormField = utils.liftResponsivePropsToFormField;
+exports.SearchInput = SearchInput.SearchInput;
+exports.StaticList = StaticList.StaticList;
+exports.StaticListItem = StaticListItem.StaticListItem;
+exports.StaticListItemContent = StaticListItemContent.StaticListItemContent;
+exports.SystemStatus = SystemStatus.SystemStatus;
+exports.SystemStatusActions = SystemStatusActions.SystemStatusActions;
+exports.SystemStatusContent = SystemStatusContent.SystemStatusContent;
+exports.Tab = Tab.Tab;
+exports.TabActivationIndicator = TabActivationIndicator.TabActivationIndicator;
+exports.TabPanel = TabPanel.TabPanel;
+exports.Tabs = Tabs.Tabs;
+exports.Tabstrip = Tabstrip.Tabstrip;
+exports.ToastGroup = ToastGroup.ToastGroup;
+exports.TokenizedInput = TokenizedInput.TokenizedInput;
+exports.TokenizedInputBase = TokenizedInputBase.TokenizedInputBase;
+exports.useTokenizedInput = useTokenizedInput.useTokenizedInput;
+exports.TokenizedInputNext = TokenizedInputNext.TokenizedInputNext;
+exports.useTokenizedInputNext = useTokenizedInputNext.useTokenizedInputNext;
+exports.Toolbar = Toolbar.Toolbar;
+exports.ToolbarButton = ToolbarButton.ToolbarButton;
+exports.Tooltray = Tooltray.Tooltray;
+exports.ToolbarField = ToolbarField.ToolbarField;
+exports.ElectronWindow = ElectronWindow.ElectronWindow;
+exports.Window = WindowContext.Window;
+exports.WindowContext = WindowContext.WindowContext;
+exports.isDesktop = WindowContext.isDesktop;
+exports.useWindow = WindowContext.useWindow;
+//# sourceMappingURL=index.js.map

package/dist-cjs/index.js.map

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

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

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

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

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

package/dist-cjs/input-legacy/InputLegacy.js

@@ -0,0 +1,182 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var react = require('react');
+require('../form-field-context-legacy/FormFieldLegacyContext.js');
+var useFormFieldLegacyProps = require('../form-field-context-legacy/useFormFieldLegacyProps.js');
+var InputLegacy$1 = require('./InputLegacy.css.js');
+var useCursorOnFocus = require('./useCursorOnFocus.js');
+
+const withBaseName = core.makePrefixer("saltInputLegacy");
+function mergeA11yProps(a11yProps, inputProps, misplacedAriaProps) {
+  const ariaLabelledBy = clsx.clsx(
+    a11yProps == null ? void 0 : a11yProps["aria-labelledby"],
+    inputProps == null ? void 0 : inputProps["aria-labelledby"]
+  );
+  return {
+    ...misplacedAriaProps,
+    ...a11yProps,
+    ...inputProps,
+    // The weird filtering is due to TokenizedInputBase
+    "aria-labelledby": ariaLabelledBy ? Array.from(new Set(ariaLabelledBy.split(" "))).join(" ") : null
+  };
+}
+const InputLegacy = react.forwardRef(
+  function Input({
+    "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,
+    // If we leave both value and defaultValue undefined, we will get a React warning on first edit
+    // (uncontrolled to controlled warning) from the React input
+    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 targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-input-legacy",
+      css: InputLegacy$1,
+      window: targetWindow
+    });
+    const {
+      a11yProps: {
+        readOnly: a11yReadOnly,
+        disabled: a11yDisabled,
+        ...restA11y
+      } = {},
+      setFocused: setFormFieldFocused,
+      inFormField
+    } = useFormFieldLegacyProps.useFormFieldLegacyProps();
+    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.InputLegacy = InputLegacy;
+//# sourceMappingURL=InputLegacy.js.map

package/dist-cjs/input-legacy/InputLegacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLegacy.js","sources":["../src/input-legacy/InputLegacy.tsx"],"sourcesContent":["import { makePrefixer, useControlled, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type AriaAttributes,\n  type ChangeEvent,\n  type ElementType,\n  type FocusEvent,\n  type FocusEventHandler,\n  forwardRef,\n  type HTMLAttributes,\n  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type MouseEvent,\n  type MouseEventHandler,\n  type ReactNode,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\nimport inputLegacyCss from \"./InputLegacy.css\";\nimport { useCursorOnFocus } from \"./useCursorOnFocus\";\n\nconst withBaseName = makePrefixer(\"saltInputLegacy\");\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 InputLegacyProps\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 useFormFieldLegacyProps>[\"a11yProps\"]>,\n  inputProps: InputLegacyProps[\"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 InputLegacy = forwardRef<HTMLInputElement, InputLegacyProps>(\n  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 targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-input-legacy\",\n      css: inputLegacyCss,\n      window: targetWindow,\n    });\n\n    const {\n      a11yProps: {\n        readOnly: a11yReadOnly,\n        disabled: a11yDisabled,\n        ...restA11y\n      } = {},\n      setFocused: setFormFieldFocused,\n      inFormField,\n    } = useFormFieldLegacyProps();\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\n      ? emptyReadOnlyMarker\n      : 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\")}>\n            {startAdornment}\n          </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);\n"],"names":["makePrefixer","clsx","forwardRef","useWindow","useComponentCssInjection","inputLegacyCss","useFormFieldLegacyProps","useState","useRef","useForkRef","useCursorOnFocus","useControlled","value","jsxs","jsx"],"mappings":"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"}

package/dist-cjs/input-legacy/StaticInputAdornment.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStaticInputAdornment {\n  --inputLegacy-staticAdornment-padding: var(--salt-size-unit);\n}\n\n.saltStaticInputAdornment {\n  display: flex;\n  align-items: center;\n}\n\n.saltInputLegacy-prefixContainer .saltStaticInputAdornment {\n  padding-left: var(--inputLegacy-staticAdornment-padding);\n}\n\n.saltInputLegacy-suffixContainer .saltStaticInputAdornment {\n  padding-right: var(--inputLegacy-staticAdornment-padding);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=StaticInputAdornment.css.js.map

package/dist-cjs/input-legacy/StaticInputAdornment.css.js.map

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

package/dist-cjs/input-legacy/StaticInputAdornment.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var react = require('react');
+var StaticInputAdornment$1 = require('./StaticInputAdornment.css.js');
+
+const withBaseName = core.makePrefixer("saltStaticInputAdornment");
+const StaticInputAdornment = react.forwardRef(function StaticInputAdornment2(props, ref) {
+  const { children, className, ...other } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-static-input-adornments",
+    css: StaticInputAdornment$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(withBaseName(), className), ref, ...other, children });
+});
+
+exports.StaticInputAdornment = StaticInputAdornment;
+//# sourceMappingURL=StaticInputAdornment.js.map

package/dist-cjs/input-legacy/StaticInputAdornment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticInputAdornment.js","sources":["../src/input-legacy/StaticInputAdornment.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport staticInputAdornmentCss from \"./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  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-static-input-adornments\",\n    css: staticInputAdornmentCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={clsx(withBaseName(), className)} ref={ref} {...other}>\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","StaticInputAdornment","useWindow","useComponentCssInjection","staticInputAdornmentCss","jsx","clsx"],"mappings":";;;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,0BAA0B,CAAA;AAErD,MAAM,oBAAA,GAAuBC,gBAAA,CAGlC,SAASC,qBAAAA,CAAqB,OAAO,GAAA,EAAK;AAC1C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,OAAM,GAAI,KAAA;AAE1C,EAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,EAAAC,+BAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,8BAAA;AAAA,IACR,GAAA,EAAKC,sBAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA,EAAG,GAAA,EAAW,GAAG,KAAA,EAC5D,QAAA,EACH,CAAA;AAEJ,CAAC;;;;"}