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

package/dist-cjs/index.js

@@ -1,51 +1,26 @@
 '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 CalendarGrid = require('./calendar/CalendarGrid.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 useCalendarDay = require('./calendar/useCalendarDay.js');
 var useCalendarSelection = require('./calendar/useCalendarSelection.js');
-var Carousel = require('./carousel/Carousel.js');
-var CarouselSlide = require('./carousel/CarouselSlide.js');
-var CarouselSlider = require('./carousel/CarouselSlider.js');
-var CarouselControls = require('./carousel/CarouselControls.js');
 var CascadingMenu = require('./cascading-menu/CascadingMenu.js');
-var ColorChooser = require('./color-chooser/ColorChooser.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 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 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');
@@ -53,34 +28,34 @@ 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 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 DateInputSingle = require('./date-input/DateInputSingle.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 DatePickerRangeInput = require('./date-picker/DatePickerRangeInput.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 DatePickerSingleInput = require('./date-picker/DatePickerSingleInput.js');
 var DatePickerSinglePanel = require('./date-picker/DatePickerSinglePanel.js');
+var DatePickerTrigger = require('./date-picker/DatePickerTrigger.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 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');
@@ -93,56 +68,77 @@ 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 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');
-var ListNext = require('./list-next/ListNext.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 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 MetricHeader = require('./metric/MetricHeader.js');
 var NumberInput = require('./number-input/NumberInput.js');
+var useNumberInput = require('./number-input/useNumberInput.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 overflowUtils = require('./responsive/overflowUtils.js');
 var useDynamicCollapse = require('./responsive/useDynamicCollapse.js');
-var useReclaimSpace = require('./responsive/useReclaimSpace.js');
-var useResizeObserver = require('./responsive/useResizeObserver.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 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 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 TabNext = require('./tabs-next/TabNext.js');
+var Tabstrip = require('./tabs/Tabstrip.js');
+var TabBar = require('./tabs-next/TabBar.js');
 var TabListNext = require('./tabs-next/TabListNext.js');
-var TabsNext = require('./tabs-next/TabsNext.js');
+var TabNext = require('./tabs-next/TabNext.js');
+var TabNextAction = require('./tabs-next/TabNextAction.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 TabsNext = require('./tabs-next/TabsNext.js');
 var ToastGroup = require('./toast-group/ToastGroup.js');
 var TokenizedInput = require('./tokenized-input/TokenizedInput.js');
 var TokenizedInputBase = require('./tokenized-input/TokenizedInputBase.js');
@@ -150,29 +146,15 @@ 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 Tooltray = require('./toolbar/Tooltray.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');
+var WindowContext = require('./window/WindowContext.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;
@@ -180,35 +162,29 @@ exports.ButtonBar = ButtonBar.ButtonBar;
 exports.DefaultButtonsOrderByVariant = ButtonBar.DefaultButtonsOrderByVariant;
 exports.OrderedButton = OrderedButton.OrderedButton;
 exports.Calendar = Calendar.Calendar;
+exports.CalendarGrid = CalendarGrid.CalendarGrid;
 exports.CalendarNavigation = CalendarNavigation.CalendarNavigation;
 exports.CalendarWeekHeader = CalendarWeekHeader.CalendarWeekHeader;
-exports.CalendarGrid = CalendarGrid.CalendarGrid;
-exports.useCalendarDay = useCalendarDay.useCalendarDay;
 exports.useCalendar = useCalendar.useCalendar;
+exports.useCalendarDay = useCalendarDay.useCalendarDay;
 exports.isDateRangeSelection = useCalendarSelection.isDateRangeSelection;
-exports.isMultipleDateSelection = useCalendarSelection.isMultipleDateSelection;
-exports.isSingleSelectionValueType = useCalendarSelection.isSingleSelectionValueType;
 exports.useCalendarSelection = useCalendarSelection.useCalendarSelection;
 exports.useCalendarSelectionDay = useCalendarSelection.useCalendarSelectionDay;
-exports.Carousel = Carousel.Carousel;
-exports.CarouselSlide = CarouselSlide.CarouselSlide;
-exports.CarouselSlider = CarouselSlider.CarouselSlider;
-exports.CarouselControls = CarouselControls.CarouselControls;
 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.ColorChooser = ColorChooser.ColorChooser;
 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.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;
@@ -217,17 +193,17 @@ 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.ContactFavoriteToggle = ContactFavoriteToggle.ContactFavoriteToggle;
 exports.MailLinkComponent = MailLinkComponent.MailLinkComponent;
 exports.ContentStatus = ContentStatus.ContentStatus;
-exports.DateInputSingle = DateInputSingle.DateInputSingle;
 exports.DateInputRange = DateInputRange.DateInputRange;
 exports.DateParserField = DateInputRange.DateParserField;
+exports.DateInputSingle = DateInputSingle.DateInputSingle;
 exports.DatePicker = DatePicker.DatePicker;
 exports.DatePickerMain = DatePicker.DatePickerMain;
 exports.DatePickerActions = DatePickerActions.DatePickerActions;
@@ -238,19 +214,19 @@ exports.DatePickerHelperText = DatePickerHelperText.DatePickerHelperText;
 exports.DatePickerOverlay = DatePickerOverlay.DatePickerOverlay;
 exports.DatePickerOverlayProvider = DatePickerOverlayProvider.DatePickerOverlayProvider;
 exports.useDatePickerOverlay = DatePickerOverlayProvider.useDatePickerOverlay;
+exports.DatePickerRangeGridPanel = DatePickerRangeGridPanel.DatePickerRangeGridPanel;
 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.DatePickerSingleInput = DatePickerSingleInput.DatePickerSingleInput;
 exports.DatePickerSinglePanel = DatePickerSinglePanel.DatePickerSinglePanel;
+exports.DatePickerTrigger = DatePickerTrigger.DatePickerTrigger;
 exports.DeckItem = DeckItem.DeckItem;
 exports.DeckLayout = DeckLayout.DeckLayout;
+exports.Dropdown = Dropdown.Dropdown;
 exports.DropdownBase = DropdownBase.DropdownBase;
 exports.DropdownButton = DropdownButton.DropdownButton;
-exports.Dropdown = Dropdown.Dropdown;
 exports.useDropdownBase = useDropdownBase.useDropdownBase;
 exports.EditableLabel = EditableLabel.EditableLabel;
 exports.FormFieldLegacyContext = FormFieldLegacyContext.FormFieldLegacyContext;
@@ -264,15 +240,29 @@ 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.List = List.List;
-exports.ListItemHeader = ListItemHeader.ListItemHeader;
 exports.ListItemGroup = ListItemGroup.ListItemGroup;
+exports.ListItemHeader = ListItemHeader.ListItemHeader;
 exports.useList = useList.useList;
 exports.VirtualizedList = VirtualizedList.VirtualizedList;
-exports.ListNext = ListNext.ListNext;
+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.LocalizationProvider = LocalizationProvider.LocalizationProvider;
 exports.LocalizationProviderContext = LocalizationProvider.LocalizationProviderContext;
 exports.useLocalization = LocalizationProvider.useLocalization;
@@ -281,25 +271,13 @@ 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.MetricHeader = MetricHeader.MetricHeader;
 exports.NumberInput = NumberInput.NumberInput;
+exports.useNumberInput = useNumberInput.useNumberInput;
 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;
@@ -321,6 +299,18 @@ 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;
@@ -328,20 +318,20 @@ 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.SystemStatusContent = SystemStatusContent.SystemStatusContent;
 exports.Tab = Tab.Tab;
+exports.TabActivationIndicator = TabActivationIndicator.TabActivationIndicator;
 exports.TabPanel = TabPanel.TabPanel;
 exports.Tabs = Tabs.Tabs;
-exports.TabNext = TabNext.TabNext;
+exports.Tabstrip = Tabstrip.Tabstrip;
+exports.TabBar = TabBar.TabBar;
 exports.TabListNext = TabListNext.TabListNext;
-exports.TabsNext = TabsNext.TabsNext;
+exports.TabNext = TabNext.TabNext;
+exports.TabNextAction = TabNextAction.TabNextAction;
 exports.TabNextPanel = TabNextPanel.TabNextPanel;
-exports.TabBar = TabBar.TabBar;
 exports.TabNextTrigger = TabNextTrigger.TabNextTrigger;
-exports.TabNextAction = TabNextAction.TabNextAction;
+exports.TabsNext = TabsNext.TabsNext;
 exports.ToastGroup = ToastGroup.ToastGroup;
 exports.TokenizedInput = TokenizedInput.TokenizedInput;
 exports.TokenizedInputBase = TokenizedInputBase.TokenizedInputBase;
@@ -349,13 +339,13 @@ 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.Tooltray = Tooltray.Tooltray;
 exports.ToolbarField = ToolbarField.ToolbarField;
 exports.Tree = Tree.Tree;
+exports.ElectronWindow = ElectronWindow.ElectronWindow;
 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

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

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

@@ -1,6 +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-editable-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";
+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.js

@@ -2,14 +2,14 @@
 
 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 useCursorOnFocus = require('./useCursorOnFocus.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
 var InputLegacy$1 = require('./InputLegacy.css.js');
+var useCursorOnFocus = require('./useCursorOnFocus.js');
 
 const withBaseName = core.makePrefixer("saltInputLegacy");
 function mergeA11yProps(a11yProps, inputProps, misplacedAriaProps) {

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

@@ -1 +1 @@
-{"version":3,"file":"InputLegacy.js","sources":["../src/input-legacy/InputLegacy.tsx"],"sourcesContent":["import { makePrefixer, useControlled, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type AriaAttributes,\n  type ChangeEvent,\n  type ElementType,\n  type FocusEvent,\n  type FocusEventHandler,\n  type HTMLAttributes,\n  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type MouseEvent,\n  type MouseEventHandler,\n  type ReactNode,\n  forwardRef,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\nimport { useCursorOnFocus } from \"./useCursorOnFocus\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport inputLegacyCss from \"./InputLegacy.css\";\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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"}
+{"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.js

@@ -2,10 +2,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var react = require('react');
 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");

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

@@ -1 +1 @@
-{"version":3,"file":"StaticInputAdornment.js","sources":["../src/input-legacy/StaticInputAdornment.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\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":";;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,kBAAa,0BAA0B,CAAA;AAErD,MAAM,oBAAuB,GAAAC,gBAAA,CAGlC,SAASC,qBAAAA,CAAqB,OAAO,GAAK,EAAA;AAC1C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,OAAU,GAAA,KAAA;AAE1C,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,8BAAA;AAAA,IACR,GAAK,EAAAC,sBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA,SAAS,CAAG,EAAA,GAAA,EAAW,GAAG,KAAA,EAC5D,QACH,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"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,oBAAuB,GAAAC,gBAAA,CAGlC,SAASC,qBAAAA,CAAqB,OAAO,GAAK,EAAA;AAC1C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,OAAU,GAAA,KAAA;AAE1C,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,8BAAA;AAAA,IACR,GAAK,EAAAC,sBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA,SAAS,CAAG,EAAA,GAAA,EAAW,GAAG,KAAA,EAC5D,QACH,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/layer-layout/LayerLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerLayout.js","sources":["../src/layer-layout/LayerLayout.tsx"],"sourcesContent":["import {\n  type Breakpoints,\n  Scrim,\n  type ScrimProps,\n  makePrefixer,\n  usePrevious,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef, useEffect, useState } from \"react\";\nimport { useIsViewportLargerThanBreakpoint } from \"../utils\";\n\nimport layerLayoutCss from \"./LayerLayout.css\";\n\nexport const LAYER_POSITIONS = [\n  \"center\",\n  \"left\",\n  \"top\",\n  \"right\",\n  \"bottom\",\n] as const;\n\nexport type LayerPositions = (typeof LAYER_POSITIONS)[number];\n\nexport interface LayerLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Disable the scrim.\n   */\n  disableScrim?: boolean;\n  /**\n   * Defines the layer position within the screen.\n   */\n  position?: LayerPositions;\n  /**\n   * Breakpoint at which the layer will become fullscreen.\n   */\n  fullScreenAtBreakpoint?: keyof Breakpoints;\n  /**\n   * Disable all animations.\n   */\n  disableAnimations?: boolean;\n  /**\n   * Display or hide the component.\n   */\n  isOpen?: boolean;\n  /**\n   * Props to be passed to the Scrim component.\n   */\n  scrimProps?: Partial<ScrimProps>;\n}\n\nconst withBaseName = makePrefixer(\"saltLayerLayout\");\n\nconst ariaAttributes = { role: \"dialog\", \"aria-modal\": true };\n\nexport const LayerLayout = forwardRef<HTMLDivElement, LayerLayoutProps>(\n  function LayerLayout(props, ref) {\n    const {\n      children,\n      className,\n      disableScrim = false,\n      position = \"center\",\n      fullScreenAtBreakpoint = \"sm\",\n      disableAnimations = false,\n      scrimProps,\n      isOpen = true,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-layer-layout\",\n      css: layerLayoutCss,\n      window: targetWindow,\n    });\n\n    const previousDisableAnimationsProp = usePrevious(\n      disableAnimations,\n      [disableAnimations],\n      false,\n    ); // we check the previous value for this prop to prevent the animations from triggering again when it changes\n\n    const [showComponent, setShowComponent] = useState(false);\n\n    const [isAnimating, setIsAnimating] = useState(false);\n\n    useEffect(() => {\n      if ((!isOpen && disableAnimations) || (!isOpen && !isAnimating)) {\n        setShowComponent(false);\n      }\n\n      if (isOpen && !showComponent) {\n        setShowComponent(true);\n      }\n    }, [isOpen, showComponent, disableAnimations, isAnimating]);\n\n    const fullScreen = useIsViewportLargerThanBreakpoint(\n      fullScreenAtBreakpoint,\n    );\n\n    const anchored = position !== \"center\" && !fullScreen;\n\n    const enterAnimation =\n      !disableAnimations && isOpen && !previousDisableAnimationsProp;\n\n    const exitAnimation = !disableAnimations && !isOpen;\n\n    const layerLayout = showComponent ? (\n      <div\n        ref={ref}\n        className={clsx(withBaseName(), className, {\n          [withBaseName(\"anchor\")]: anchored,\n          [withBaseName(\"fullScreen\")]: fullScreen,\n          [withBaseName(position)]: !fullScreen,\n          [withBaseName(\"enter-animation\")]: enterAnimation,\n          [withBaseName(\"exit-animation\")]: exitAnimation,\n        })}\n        onAnimationStart={() => setIsAnimating(true)}\n        onAnimationEnd={() => {\n          if (!isOpen && showComponent) {\n            setShowComponent(false);\n          }\n        }}\n        {...(disableScrim && ariaAttributes)}\n        {...rest}\n      >\n        {children}\n      </div>\n    ) : null;\n\n    return disableScrim ? (\n      layerLayout\n    ) : (\n      <Scrim\n        open={showComponent}\n        className={clsx({\n          [withBaseName(\"enter-animation\")]: enterAnimation,\n          [withBaseName(\"exit-animation\")]: exitAnimation,\n        })}\n        {...scrimProps}\n      >\n        {layerLayout}\n      </Scrim>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","LayerLayout","useWindow","useComponentCssInjection","layerLayoutCss","usePrevious","useState","useEffect","useIsViewportLargerThanBreakpoint","jsx","clsx","Scrim"],"mappings":"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"}
+{"version":3,"file":"LayerLayout.js","sources":["../src/layer-layout/LayerLayout.tsx"],"sourcesContent":["import {\n  type Breakpoints,\n  makePrefixer,\n  Scrim,\n  type ScrimProps,\n  usePrevious,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes, useEffect, useState } from \"react\";\nimport { useIsViewportLargerThanBreakpoint } from \"../utils\";\n\nimport layerLayoutCss from \"./LayerLayout.css\";\n\nexport const LAYER_POSITIONS = [\n  \"center\",\n  \"left\",\n  \"top\",\n  \"right\",\n  \"bottom\",\n] as const;\n\nexport type LayerPositions = (typeof LAYER_POSITIONS)[number];\n\nexport interface LayerLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Disable the scrim.\n   */\n  disableScrim?: boolean;\n  /**\n   * Defines the layer position within the screen.\n   */\n  position?: LayerPositions;\n  /**\n   * Breakpoint at which the layer will become fullscreen.\n   */\n  fullScreenAtBreakpoint?: keyof Breakpoints;\n  /**\n   * Disable all animations.\n   */\n  disableAnimations?: boolean;\n  /**\n   * Display or hide the component.\n   */\n  isOpen?: boolean;\n  /**\n   * Props to be passed to the Scrim component.\n   */\n  scrimProps?: Partial<ScrimProps>;\n}\n\nconst withBaseName = makePrefixer(\"saltLayerLayout\");\n\nconst ariaAttributes = { role: \"dialog\", \"aria-modal\": true };\n\nexport const LayerLayout = forwardRef<HTMLDivElement, LayerLayoutProps>(\n  function LayerLayout(props, ref) {\n    const {\n      children,\n      className,\n      disableScrim = false,\n      position = \"center\",\n      fullScreenAtBreakpoint = \"sm\",\n      disableAnimations = false,\n      scrimProps,\n      isOpen = true,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-layer-layout\",\n      css: layerLayoutCss,\n      window: targetWindow,\n    });\n\n    const previousDisableAnimationsProp = usePrevious(\n      disableAnimations,\n      [disableAnimations],\n      false,\n    ); // we check the previous value for this prop to prevent the animations from triggering again when it changes\n\n    const [showComponent, setShowComponent] = useState(false);\n\n    const [isAnimating, setIsAnimating] = useState(false);\n\n    useEffect(() => {\n      if ((!isOpen && disableAnimations) || (!isOpen && !isAnimating)) {\n        setShowComponent(false);\n      }\n\n      if (isOpen && !showComponent) {\n        setShowComponent(true);\n      }\n    }, [isOpen, showComponent, disableAnimations, isAnimating]);\n\n    const fullScreen = useIsViewportLargerThanBreakpoint(\n      fullScreenAtBreakpoint,\n    );\n\n    const anchored = position !== \"center\" && !fullScreen;\n\n    const enterAnimation =\n      !disableAnimations && isOpen && !previousDisableAnimationsProp;\n\n    const exitAnimation = !disableAnimations && !isOpen;\n\n    const layerLayout = showComponent ? (\n      <div\n        ref={ref}\n        className={clsx(withBaseName(), className, {\n          [withBaseName(\"anchor\")]: anchored,\n          [withBaseName(\"fullScreen\")]: fullScreen,\n          [withBaseName(position)]: !fullScreen,\n          [withBaseName(\"enter-animation\")]: enterAnimation,\n          [withBaseName(\"exit-animation\")]: exitAnimation,\n        })}\n        onAnimationStart={() => setIsAnimating(true)}\n        onAnimationEnd={() => {\n          if (!isOpen && showComponent) {\n            setShowComponent(false);\n          }\n        }}\n        {...(disableScrim && ariaAttributes)}\n        {...rest}\n      >\n        {children}\n      </div>\n    ) : null;\n\n    return disableScrim ? (\n      layerLayout\n    ) : (\n      <Scrim\n        open={showComponent}\n        className={clsx({\n          [withBaseName(\"enter-animation\")]: enterAnimation,\n          [withBaseName(\"exit-animation\")]: exitAnimation,\n        })}\n        {...scrimProps}\n      >\n        {layerLayout}\n      </Scrim>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","LayerLayout","useWindow","useComponentCssInjection","layerLayoutCss","usePrevious","useState","useEffect","useIsViewportLargerThanBreakpoint","jsx","clsx","Scrim"],"mappings":"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"}