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

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 { type InputHTMLAttributes, forwardRef } 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,QAAW,GAAA;AAExB,SAAS,cAAA,CACP,IACA,EAAA,KAAA,EACA,SACA,EAAA;AACA,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,IAAI,cAAc,OAAS,EAAA;AACzB,MAAA,OAAO,IAAK,CAAA,SAAA;AAAA,QACV,CAAA;AAAA,QACA,KAAQ,GAAA,IAAA,CAAK,MAAS,GAAA,KAAA,CAAM,SAAS,IAAK,CAAA;AAAA,OAC5C;AAAA;AAGF,IAAA,OAAO,IAAK,CAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA;AAEhD,EAAO,OAAA,EAAA;AACT;AASO,MAAM,aAAgB,GAAAA,gBAAA;AAAA,EAC3B,SAASC,cACP,CAAA;AAAA,IACE,iBAAmB,EAAA,cAAA;AAAA,IACnB,SAAA;AAAA,IACA,IAAO,GAAA,EAAA;AAAA,IACP,KAAA;AAAA,IACA,EAAI,EAAA,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GACA,EAAA;AACA,IAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA;AAEvB,IAAA,MAAM,aAAgB,GAAA;AAAA,sBACpBC,cAAA,CAAC,GAAe,EAAA,EAAA,QAAA,EAAA,KAAA,EAAA,EAAR,KAAc,CAAA;AAAA,MACtB,cAAA,CAAe,IAAM,EAAA,KAAA,EAAO,SAAS;AAAA,KACvC;AAEA,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,QAAQ,CACzB,aAAA,CAAA,EAAA,QAAA,EAAA;AAAA,sBAAAD,cAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACC,GAAG,KAAA;AAAA,UACJ,YAAY,EAAA,IAAA;AAAA,UACZ,iBAAiB,EAAA,CAAC,cAAgB,EAAA,EAAE,CACjC,CAAA,MAAA,CAAO,CAAC,KAAA,KAAU,KAAS,IAAA,IAAI,CAC/B,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,UACX,EAAA;AAAA,UACA,GAAA;AAAA,UACA,KAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,sBACAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,aAAY,EAAA,MAAA;AAAA,UACZ,SAAW,EAAAE,SAAA,CAAK,CAAG,EAAA,QAAQ,SAAS,SAAS,CAAA;AAAA,UAC7C,KAAA;AAAA,UAEC,QAAc,EAAA,SAAA,KAAA,OAAA,GAAU,aAAgB,GAAA,aAAA,CAAc,OAAQ;AAAA;AAAA;AACjE,KACF,EAAA,CAAA;AAAA;AAGN;;;;;"}

package/dist-cjs/index.js

@@ -0,0 +1,353 @@
+'use strict';
+
+require('./list-deprecated/List.js');
+require('./list-deprecated/ListBase.js');
+var ListItemBase = require('./list-deprecated/ListItemBase.js');
+require('./list-deprecated/ListItem.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 isEmail = require('./utils/isEmail.js');
+var forwardCallbackProps = require('./utils/forwardCallbackProps.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 AppHeader = require('./app-header/AppHeader.js');
+var Breadcrumb = require('./breadcrumbs/Breadcrumb.js');
+var Breadcrumbs = require('./breadcrumbs/Breadcrumbs.js');
+var ButtonBar = require('./button-bar/ButtonBar.js');
+var OrderedButton = require('./button-bar/OrderedButton.js');
+var Calendar = require('./calendar/Calendar.js');
+var CalendarNavigation = require('./calendar/CalendarNavigation.js');
+var CalendarWeekHeader = require('./calendar/CalendarWeekHeader.js');
+var CalendarGrid = require('./calendar/CalendarGrid.js');
+var useCalendarDay = require('./calendar/useCalendarDay.js');
+var useCalendar = require('./calendar/useCalendar.js');
+var useCalendarSelection = require('./calendar/useCalendarSelection.js');
+var CascadingMenu = require('./cascading-menu/CascadingMenu.js');
+var ColorChooser = require('./color-chooser/ColorChooser.js');
+var Color = require('./color-chooser/Color.js');
+var ColorPicker = require('./color-chooser/ColorPicker.js');
+var GetColorPalettes = require('./color-chooser/GetColorPalettes.js');
+var ColorHelpers = require('./color-chooser/ColorHelpers.js');
+var SwatchesPicker = require('./color-chooser/SwatchesPicker.js');
+var Swatch = require('./color-chooser/Swatch.js');
+var colorMap = require('./color-chooser/colorMap.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 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 ContactFavoriteToggle = require('./contact-details/ContactFavoriteToggle.js');
+var MailLinkComponent = require('./contact-details/MailLinkComponent.js');
+var ContentStatus = require('./content-status/ContentStatus.js');
+var DateInputSingle = require('./date-input/DateInputSingle.js');
+var DateInputRange = require('./date-input/DateInputRange.js');
+var DatePicker = require('./date-picker/DatePicker.js');
+var DatePickerActions = require('./date-picker/DatePickerActions.js');
+var DatePickerContext = require('./date-picker/DatePickerContext.js');
+var DatePickerHelperText = require('./date-picker/DatePickerHelperText.js');
+var DatePickerOverlay = require('./date-picker/DatePickerOverlay.js');
+var DatePickerOverlayProvider = require('./date-picker/DatePickerOverlayProvider.js');
+var DatePickerRangeInput = require('./date-picker/DatePickerRangeInput.js');
+var DatePickerRangeGridPanel = require('./date-picker/DatePickerRangeGridPanel.js');
+var DatePickerRangePanel = require('./date-picker/DatePickerRangePanel.js');
+var DatePickerSingleInput = require('./date-picker/DatePickerSingleInput.js');
+var DatePickerSingleGridPanel = require('./date-picker/DatePickerSingleGridPanel.js');
+var DatePickerTrigger = require('./date-picker/DatePickerTrigger.js');
+var DatePickerSinglePanel = require('./date-picker/DatePickerSinglePanel.js');
+var DeckItem = require('./deck-item/DeckItem.js');
+var DeckLayout = require('./deck-layout/DeckLayout.js');
+var DropdownBase = require('./dropdown/DropdownBase.js');
+var DropdownButton = require('./dropdown/DropdownButton.js');
+var Dropdown = require('./dropdown/Dropdown.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 ListItem = require('./list/ListItem.js');
+var List = require('./list/List.js');
+var ListItemHeader = require('./list/ListItemHeader.js');
+var ListItemGroup = require('./list/ListItemGroup.js');
+var useList = require('./list/useList.js');
+var VirtualizedList = require('./list/VirtualizedList.js');
+var ListNext = require('./list-next/ListNext.js');
+var ListItemNext = require('./list-next/ListItemNext.js');
+var LocalizationProvider = require('./localization-provider/LocalizationProvider.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 MetricHeader = require('./metric/MetricHeader.js');
+var MetricContent = require('./metric/MetricContent.js');
+var useNumberInput = require('./number-input/useNumberInput.js');
+var NumberInput = require('./number-input/NumberInput.js');
+var Portal = require('./portal/Portal.js');
+var QueryInput = require('./query-input/QueryInput.js');
+var useQueryInput = require('./query-input/useQueryInput.js');
+var useInstantCollapse = require('./responsive/useInstantCollapse.js');
+var useDynamicCollapse = require('./responsive/useDynamicCollapse.js');
+var useReclaimSpace = require('./responsive/useReclaimSpace.js');
+var useResizeObserver = require('./responsive/useResizeObserver.js');
+var useOverflow = require('./responsive/useOverflow.js');
+var useOverflowCollectionItems = require('./responsive/useOverflowCollectionItems.js');
+var useOverflowLayout = require('./responsive/useOverflowLayout.js');
+var useWidth = require('./responsive/useWidth.js');
+var overflowUtils = require('./responsive/overflowUtils.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 SystemStatusContent = require('./system-status/SystemStatusContent.js');
+var SystemStatusActions = require('./system-status/SystemStatusActions.js');
+var TabActivationIndicator = require('./tabs/TabActivationIndicator.js');
+var Tabstrip = require('./tabs/Tabstrip.js');
+var Tab = require('./tabs/Tab.js');
+var TabPanel = require('./tabs/TabPanel.js');
+var Tabs = require('./tabs/Tabs.js');
+var TabNext = require('./tabs-next/TabNext.js');
+var TabListNext = require('./tabs-next/TabListNext.js');
+var TabsNext = require('./tabs-next/TabsNext.js');
+var TabNextPanel = require('./tabs-next/TabNextPanel.js');
+var TabBar = require('./tabs-next/TabBar.js');
+var TabNextTrigger = require('./tabs-next/TabNextTrigger.js');
+var TabNextAction = require('./tabs-next/TabNextAction.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 Tooltray = require('./toolbar/Tooltray.js');
+var ToolbarButton = require('./toolbar/ToolbarButton.js');
+var ToolbarField = require('./toolbar/toolbar-field/ToolbarField.js');
+var Tree = require('./tree/Tree.js');
+var WindowContext = require('./window/WindowContext.js');
+var ElectronWindow = require('./window/ElectronWindow.js');
+
+
+
+exports.ListItemBaseDeprecated = ListItemBase.ListItemBase;
+exports.useListItemDeprecated = useListItem.useListItem;
+exports.escapeRegExp = escapeRegExp.escapeRegExp;
+exports.isEmail = isEmail.isEmail;
+exports.forwardCallbackProps = forwardCallbackProps.forwardCallbackProps;
+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.AppHeader = AppHeader.AppHeader;
+exports.Breadcrumb = Breadcrumb.Breadcrumb;
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
+exports.ButtonBar = ButtonBar.ButtonBar;
+exports.DefaultButtonsOrderByVariant = ButtonBar.DefaultButtonsOrderByVariant;
+exports.OrderedButton = OrderedButton.OrderedButton;
+exports.Calendar = Calendar.Calendar;
+exports.CalendarNavigation = CalendarNavigation.CalendarNavigation;
+exports.CalendarWeekHeader = CalendarWeekHeader.CalendarWeekHeader;
+exports.CalendarGrid = CalendarGrid.CalendarGrid;
+exports.useCalendarDay = useCalendarDay.useCalendarDay;
+exports.useCalendar = useCalendar.useCalendar;
+exports.isDateRangeSelection = useCalendarSelection.isDateRangeSelection;
+exports.isMultipleDateSelection = useCalendarSelection.isMultipleDateSelection;
+exports.isSingleSelectionValueType = useCalendarSelection.isSingleSelectionValueType;
+exports.useCalendarSelection = useCalendarSelection.useCalendarSelection;
+exports.useCalendarSelectionDay = useCalendarSelection.useCalendarSelectionDay;
+exports.CascadingMenu = CascadingMenu.CascadingMenu;
+exports.ColorChooser = ColorChooser.ColorChooser;
+exports.Color = Color.Color;
+exports.ColorPicker = ColorPicker.ColorPicker;
+exports.getColorPalettes = GetColorPalettes.getColorPalettes;
+exports.makePalette = GetColorPalettes.makePalette;
+exports.convertColorMapValueToHex = ColorHelpers.convertColorMapValueToHex;
+exports.getColorNameByHexValue = ColorHelpers.getColorNameByHexValue;
+exports.getHexValue = ColorHelpers.getHexValue;
+exports.hexValueWithoutAlpha = ColorHelpers.hexValueWithoutAlpha;
+exports.isValidHex = ColorHelpers.isValidHex;
+exports.SwatchesPicker = SwatchesPicker.SwatchesPicker;
+exports.Swatch = Swatch.Swatch;
+exports.saltColorMap = colorMap.saltColorMap;
+exports.saltlight = colorMap.saltlight;
+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.ContactMetadata = ContactMetadata.ContactMetadata;
+exports.ContactMetadataItem = ContactMetadataItem.ContactMetadataItem;
+exports.ContactPrimaryInfo = ContactPrimaryInfo.ContactPrimaryInfo;
+exports.ContactSecondaryInfo = ContactSecondaryInfo.ContactSecondaryInfo;
+exports.ContactTertiaryInfo = ContactTertiaryInfo.ContactTertiaryInfo;
+exports.ContactFavoriteToggle = ContactFavoriteToggle.ContactFavoriteToggle;
+exports.MailLinkComponent = MailLinkComponent.MailLinkComponent;
+exports.ContentStatus = ContentStatus.ContentStatus;
+exports.DateInputSingle = DateInputSingle.DateInputSingle;
+exports.DateInputRange = DateInputRange.DateInputRange;
+exports.DateParserField = DateInputRange.DateParserField;
+exports.DatePicker = DatePicker.DatePicker;
+exports.DatePickerMain = DatePicker.DatePickerMain;
+exports.DatePickerActions = DatePickerActions.DatePickerActions;
+exports.DateRangeSelectionContext = DatePickerContext.DateRangeSelectionContext;
+exports.SingleDateSelectionContext = DatePickerContext.SingleDateSelectionContext;
+exports.useDatePickerContext = DatePickerContext.useDatePickerContext;
+exports.DatePickerHelperText = DatePickerHelperText.DatePickerHelperText;
+exports.DatePickerOverlay = DatePickerOverlay.DatePickerOverlay;
+exports.DatePickerOverlayProvider = DatePickerOverlayProvider.DatePickerOverlayProvider;
+exports.useDatePickerOverlay = DatePickerOverlayProvider.useDatePickerOverlay;
+exports.DatePickerRangeInput = DatePickerRangeInput.DatePickerRangeInput;
+exports.defaultRangeValidator = DatePickerRangeInput.defaultRangeValidator;
+exports.DatePickerRangeGridPanel = DatePickerRangeGridPanel.DatePickerRangeGridPanel;
+exports.DatePickerRangePanel = DatePickerRangePanel.DatePickerRangePanel;
+exports.DatePickerSingleInput = DatePickerSingleInput.DatePickerSingleInput;
+exports.DatePickerSingleGridPanel = DatePickerSingleGridPanel.DatePickerSingleGridPanel;
+exports.DatePickerTrigger = DatePickerTrigger.DatePickerTrigger;
+exports.DatePickerSinglePanel = DatePickerSinglePanel.DatePickerSinglePanel;
+exports.DeckItem = DeckItem.DeckItem;
+exports.DeckLayout = DeckLayout.DeckLayout;
+exports.DropdownBase = DropdownBase.DropdownBase;
+exports.DropdownButton = DropdownButton.DropdownButton;
+exports.Dropdown = Dropdown.Dropdown;
+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.ListItem = ListItem.ListItem;
+exports.ListItemProxy = ListItem.ListItemProxy;
+exports.List = List.List;
+exports.ListItemHeader = ListItemHeader.ListItemHeader;
+exports.ListItemGroup = ListItemGroup.ListItemGroup;
+exports.useList = useList.useList;
+exports.VirtualizedList = VirtualizedList.VirtualizedList;
+exports.ListNext = ListNext.ListNext;
+exports.ListItemNext = ListItemNext.ListItemNext;
+exports.LocalizationProvider = LocalizationProvider.LocalizationProvider;
+exports.LocalizationProviderContext = LocalizationProvider.LocalizationProviderContext;
+exports.useLocalization = LocalizationProvider.useLocalization;
+exports.Logo = Logo.Logo;
+exports.LogoImage = LogoImage.LogoImage;
+exports.LogoSeparator = LogoSeparator.LogoSeparator;
+exports.MenuButton = MenuButton.MenuButton;
+exports.Metric = Metric.Metric;
+exports.MetricHeader = MetricHeader.MetricHeader;
+exports.MetricContent = MetricContent.MetricContent;
+exports.useNumberInput = useNumberInput.useNumberInput;
+exports.NumberInput = NumberInput.NumberInput;
+exports.Portal = Portal.Portal;
+exports.QueryInput = QueryInput.QueryInput;
+exports.useQueryInput = useQueryInput.useQueryInput;
+exports.useInstantCollapse = useInstantCollapse.useInstantCollapse;
+exports.useDynamicCollapse = useDynamicCollapse.useDynamicCollapse;
+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.useOverflow = useOverflow.useOverflow;
+exports.useOverflowCollectionItems = useOverflowCollectionItems.useOverflowCollectionItems;
+exports.useOverflowLayout = useOverflowLayout.useOverflowLayout;
+exports.useWidth = useWidth.useWidth;
+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.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.SystemStatusContent = SystemStatusContent.SystemStatusContent;
+exports.SystemStatusActions = SystemStatusActions.SystemStatusActions;
+exports.TabActivationIndicator = TabActivationIndicator.TabActivationIndicator;
+exports.Tabstrip = Tabstrip.Tabstrip;
+exports.Tab = Tab.Tab;
+exports.TabPanel = TabPanel.TabPanel;
+exports.Tabs = Tabs.Tabs;
+exports.TabNext = TabNext.TabNext;
+exports.TabListNext = TabListNext.TabListNext;
+exports.TabsNext = TabsNext.TabsNext;
+exports.TabNextPanel = TabNextPanel.TabNextPanel;
+exports.TabBar = TabBar.TabBar;
+exports.TabNextTrigger = TabNextTrigger.TabNextTrigger;
+exports.TabNextAction = TabNextAction.TabNextAction;
+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.Tooltray = Tooltray.Tooltray;
+exports.ToolbarButton = ToolbarButton.ToolbarButton;
+exports.ToolbarField = ToolbarField.ToolbarField;
+exports.Tree = Tree.Tree;
+exports.Window = WindowContext.Window;
+exports.WindowContext = WindowContext.WindowContext;
+exports.isDesktop = WindowContext.isDesktop;
+exports.useWindow = WindowContext.useWindow;
+exports.ElectronWindow = ElectronWindow.ElectronWindow;
+//# 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 selected input */\n.saltInputLegacy-input::selection {\n  background-color: var(--saltInputLegacy-highlight-color, var(--salt-content-foreground-highlight));\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 clsx = require('clsx');
+var react = require('react');
+require('../form-field-context-legacy/FormFieldLegacyContext.js');
+var useFormFieldLegacyProps = require('../form-field-context-legacy/useFormFieldLegacyProps.js');
+var useCursorOnFocus = require('./useCursorOnFocus.js');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var InputLegacy$1 = require('./InputLegacy.css.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