@onereach/ui-components 19.2.0-beta.5011.0 → 19.2.0-beta.5013.0

package/dist/bundled/index.js

@@ -1,134 +1,134 @@
 import { s as styleInject } from './components/OrAvatar-96c4b4c5.js';
 export { O as OR_AVATAR_SIZE, a as OrAvatar } from './components/OrAvatar-96c4b4c5.js';
-export { C as OrAutocompleteV3 } from './components/OrAutocompleteV3-839e5aa2.js';
+export { C as OrAutocompleteV3 } from './components/OrAutocompleteV3-693d8511.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './components/OrAvatarV3-38ad6980.js';
 export { OrButton, OrButtonColors, OrButtonSizes, OrButtonViews } from './components/OrButton/index.js';
-export { s as OrButtonGroupV3 } from './components/OrButtonGroupV3-93240854.js';
+export { s as OrButtonGroupV3 } from './components/OrButtonGroupV3-4401e620.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './components/OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-d025c94a.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-43267355.js';
 export { C as CardPadding, s as OrCardV3 } from './components/OrCardV3-307b3bf4.js';
 export { default as OrCheckboxGroupV3 } from './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
 export { s as OrChip, a as OrChips } from './components/OrChips-f560e85b.js';
-export { a as EditorState, E as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './components/OrCode-7e577d46.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-b33466b5.js';
-export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './components/OrColorPicker-f1e730ab.js';
-export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-7aa0d255.js';
-export { s as OrConfirm } from './components/OrConfirm-3de90b03.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-82b876b1.js';
+export { a as EditorState, E as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './components/OrCode-091c4960.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-ccd08ae0.js';
+export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './components/OrColorPicker-2e1e02b6.js';
+export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-0a50eec6.js';
+export { s as OrConfirm } from './components/OrConfirm-ca91ff42.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-0d637165.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-68fc4d4a.js';
-export { s as OrDateFormatV3 } from './components/OrDateFormatV3-a754f32e.js';
-export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-021ef0fe.js';
-export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-e936bf16.js';
-export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './components/OrDateTimePicker-374b1e4c.js';
-export { D as DrawerPlacement, s as OrDrawerV3 } from './components/OrDrawerV3-82c79922.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-972d07c1.js';
+export { s as OrDateFormatV3 } from './components/OrDateFormatV3-919e8def.js';
+export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-f2d21124.js';
+export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-185b196a.js';
+export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './components/OrDateTimePicker-d1f935ea.js';
+export { D as DrawerPlacement, s as OrDrawerV3 } from './components/OrDrawerV3-66e3534f.js';
 export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from './components/OrDropAreaV3-f5cf734e.js';
-export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './components/OrEditorTabsV3-0266a3ce.js';
+export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './components/OrEditorTabsV3-b7ca318b.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './components/OrEmptyStateV3-9f88aee1.js';
 export { s as OrErrorTagV3 } from './components/OrErrorTagV3-18bad9f9.js';
 export { F as FabColor, s as OrFabV3 } from './components/OrFabV3-4a3b8d1f.js';
-export { s as OrFilterV3 } from './components/OrFilterV3-1b96697d.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './components/OrInlineInputV3-e3e77dc0.js';
+export { s as OrFilterV3 } from './components/OrFilterV3-52b9090a.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './components/OrInlineInputV3-3d8fad20.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes, OrInlineTextEdit } from './components/OrInlineTextEdit/index.js';
-export { s as OrInlineTextareaV3 } from './components/OrInlineTextareaV3-3e9d1878.js';
+export { s as OrInlineTextareaV3 } from './components/OrInlineTextareaV3-a7cc3681.js';
 export { L as LinkColor, s as OrLinkV3 } from './components/OrLinkV3-8e49ace4.js';
 export { default as OrListOfInputs } from './components/OrListOfInputs/OrListOfInputs.js';
-export { a as OrListItem, s as OrListV3 } from './components/OrListV3-a37df821.js';
+export { a as OrListItem, s as OrListV3 } from './components/OrListV3-b96934c7.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE, OrNotification } from './components/OrNotification/index.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './components/OrNotificationV3-0f57cb66.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './components/OrNotificationV3-24a95adf.js';
 export { default as OrNumberInput } from './components/OrNumberInput/OrNumberInput.js';
 export { default as OrOverflowMenu } from './components/OrOverflowMenu/OrOverflowMenu.js';
 export { default as OrPassword } from './components/OrPassword/OrPassword.js';
-export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './components/OrProgressV3-9b832eda.js';
-export { s as OrRadio } from './components/OrRadio-4e3612d6.js';
+export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './components/OrProgressV3-0067e734.js';
+export { s as OrRadio } from './components/OrRadio-30e01fc0.js';
 export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
-export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-7b059ac6.js';
-export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './components/OrRichTextEditorV3-3bb42e20.js';
-export { s as OrRichTooltipV3, R as RichTooltipBehavior } from './components/OrRichTooltipV3-9495646c.js';
+export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-0954d4ec.js';
+export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './components/OrRichTextEditorV3-4664ec6d.js';
+export { s as OrRichTooltipV3, R as RichTooltipBehavior } from './components/OrRichTooltipV3-1c3321db.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-5db203ab.js';
-export { s as OrSelect } from './components/OrSelect-dfe24901.js';
+export { s as OrSelect } from './components/OrSelect-2966f641.js';
 export { OrSidebar, OrSidebarSide } from './components/OrSidebar/index.js';
-export { s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-2a5a9ce3.js';
-export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-70ce71f7.js';
-export { a as OrSkeletonCircleV3, b as OrSkeletonRectV3, s as OrSkeletonTextV3 } from './components/OrSkeletonV3-87624a0b.js';
+export { s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-38faaef4.js';
+export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-05c5f259.js';
+export { a as OrSkeletonCircleV3, b as OrSkeletonRectV3, s as OrSkeletonTextV3 } from './components/OrSkeletonV3-6b98d23c.js';
 export { default as OrSlider } from './components/OrSlider/OrSlider.js';
-export { s as OrSliderV3, a as SliderColor, S as SliderOrientation } from './components/OrSliderV3-cd90d990.js';
-export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './components/OrStatusV3-f9cfb63f.js';
+export { s as OrSliderV3, a as SliderColor, S as SliderOrientation } from './components/OrSliderV3-74e90860.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './components/OrStatusV3-70689499.js';
 export { default as OrStepper } from './components/OrStepper/OrStepper.js';
 export { default as OrSwitch } from './components/OrSwitch/OrSwitch.js';
 export { default as OrTab } from './components/OrTab/OrTab.js';
 export { default as OrTabs } from './components/OrTabs/OrTabs.js';
-export { s as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-96743986.js';
+export { s as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-f88f57f3.js';
 export { default as OrTag } from './components/OrTag/OrTag.js';
 export { default as OrTextarea } from './components/OrTextarea/OrTextarea.js';
-export { s as OrTextareaV3 } from './components/OrTextareaV3-55191866.js';
+export { s as OrTextareaV3 } from './components/OrTextareaV3-f084a844.js';
 export { OrTextbox, TextboxTypes } from './components/OrTextbox/index.js';
-export { s as OrTimeFormatV3 } from './components/OrTimeFormatV3-c1ffba45.js';
-export { s as OrTimeRangePickerV3 } from './components/OrTimeRangePickerV3-b16a5b71.js';
-export { s as OrToast, a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from './components/OrToast-4f7d2737.js';
-export { a as OrToastContainerV3, s as OrToastV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from './components/OrToastV3-2636ad96.js';
+export { s as OrTimeFormatV3 } from './components/OrTimeFormatV3-05407073.js';
+export { s as OrTimeRangePickerV3 } from './components/OrTimeRangePickerV3-2978e0b8.js';
+export { s as OrToast, a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from './components/OrToast-4c68fa32.js';
+export { a as OrToastContainerV3, s as OrToastV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from './components/OrToastV3-6e469c26.js';
 export { OrTreeV3, TreeNodeDropPosition } from './components/OrTreeV3/index.js';
-export { B as BottomSheetVariant, s as OrBottomSheetV3 } from './components/OrBottomSheetV3-1ed08bb3.js';
+export { B as BottomSheetVariant, s as OrBottomSheetV3 } from './components/OrBottomSheetV3-9216701f.js';
 export { B as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, c as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from './components/OrButtonV2-2e8fc42f.js';
 export { default as OrIconButton, default as OrIconButtonV2 } from './components/OrIconButtonV2/OrIconButton.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './components/OrButtonV3-932d0a40.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './components/OrButtonV3-d251d09a.js';
 export { default as OrCard } from './components/OrCard/OrCard.js';
 export { default as OrCheckbox } from './components/OrCheckbox/OrCheckbox.js';
-export { s as OrCheckboxTreeV3 } from './components/OrCheckboxTreeV3-c3c6067e.js';
+export { s as OrCheckboxTreeV3 } from './components/OrCheckboxTreeV3-1dface82.js';
 export { s as OrCheckboxV3 } from './components/OrCheckboxV3-775b2227.js';
 export { default as OrCollapse } from './components/OrCollapse/OrCollapse.js';
-export { s as OrDatePickerV3 } from './components/OrDatePickerV3-645dbd2b.js';
-export { a as OrDateTimePickerDateControl, b as OrDateTimePickerDateSelect, c as OrDateTimePickerMobileControl, d as OrDateTimePickerMonthSelect, e as OrDateTimePickerPopoverFooter, g as OrDateTimePickerPopoverHeader, l as OrDateTimePickerTimeControl, m as OrDateTimePickerTimeSelect, s as OrDateTimePickerV3, f as formatDate, i as formatMobileDate, n as formatMobileTime, k as formatTime, h as getCurrentDate, j as getNextMonthDate } from './components/OrDateTimePickerV3-948d583e.js';
+export { s as OrDatePickerV3 } from './components/OrDatePickerV3-cdc087cc.js';
+export { a as OrDateTimePickerDateControl, b as OrDateTimePickerDateSelect, c as OrDateTimePickerMobileControl, d as OrDateTimePickerMonthSelect, e as OrDateTimePickerPopoverFooter, g as OrDateTimePickerPopoverHeader, l as OrDateTimePickerTimeControl, m as OrDateTimePickerTimeSelect, s as OrDateTimePickerV3, f as formatDate, i as formatMobileDate, n as formatMobileTime, k as formatTime, h as getCurrentDate, j as getNextMonthDate, o as scrollToElementWithinContainer } from './components/OrDateTimePickerV3-9b073d6c.js';
 export { default as OrError } from './components/OrError/OrError.js';
 export { s as OrErrorV3 } from './components/OrErrorV3-cff3a70c.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './components/OrExpansionPanelV3-d4b16458.js';
-export { s as OrFilterPopoverV3 } from './components/OrFilterPopoverV3-6ee45314.js';
-export { s as OrFilterTriggerV3 } from './components/OrFilterTriggerV3-b2ef2302.js';
+export { s as OrFilterPopoverV3 } from './components/OrFilterPopoverV3-1f2cba39.js';
+export { s as OrFilterTriggerV3 } from './components/OrFilterTriggerV3-00727950.js';
 export { s as OrFloating, e as OrFloatingHideStrategy, O as OrFloatingPlacements } from './components/OrFloating-ce384cc1.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from './components/OrFormGroupV3-7e463dea.js';
 export { default as OrHint } from './components/OrHint/OrHint.js';
 export { s as OrHintV3 } from './components/OrHintV3-a9a95858.js';
 export { OrIcon, OrIconColors, OrIconType } from './components/OrIcon/index.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from './components/OrIconButtonV3-aba977dc.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from './components/OrIconButtonV3-5077c4d6.js';
 export { I as IconSize, a as IconVariant, s as OrIconV3 } from './components/OrIconV3-9807ee48.js';
 export { I as InlineInputBoxSize, s as OrInlineInputBoxV3 } from './components/OrInlineInputBoxV3-591609a8.js';
 export { default as OrInput } from './components/OrInput/OrInput.js';
-export { b as InputBoxDirection, a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from './components/OrInputBoxV3-c7249660.js';
-export { a as InputMode, I as InputType, s as OrInputV3 } from './components/OrInputV3-08632ecc.js';
+export { b as InputBoxDirection, a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from './components/OrInputBoxV3-de80a423.js';
+export { a as InputMode, I as InputType, s as OrInputV3 } from './components/OrInputV3-4c46ab5d.js';
 export { default as OrLabel } from './components/OrLabel/OrLabel.js';
 export { L as LabelVariant, s as OrLabelV3 } from './components/OrLabelV3-22cc3e09.js';
-export { s as OrList } from './components/OrList-1e903af2.js';
+export { s as OrList } from './components/OrList-93c6b262.js';
 export { LoaderViews, OrLoader } from './components/OrLoader/index.js';
-export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './components/OrLoaderV3-24779aae.js';
-export { s as OrMenuItemV3 } from './components/OrMenuItemV3-e5b6e8cf.js';
-export { s as OrMenuV3 } from './components/OrMenuV3-c93c2c23.js';
-export { s as OrModal, O as OrModalSizes } from './components/OrModal-d58921f4.js';
-export { M as ModalSize, s as OrModalV3 } from './components/OrModalV3-736ce773.js';
+export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './components/OrLoaderV3-9be97590.js';
+export { s as OrMenuItemV3 } from './components/OrMenuItemV3-21602f36.js';
+export { s as OrMenuV3 } from './components/OrMenuV3-e5b7f3b5.js';
+export { s as OrModal, O as OrModalSizes } from './components/OrModal-9fb30013.js';
+export { M as ModalSize, s as OrModalV3 } from './components/OrModalV3-4ef3e340.js';
 export { default as OrOverlay } from './components/OrOverlay/OrOverlay.js';
-export { s as OrOverlayV3 } from './components/OrOverlayV3-9f31a2ed.js';
-export { s as OrPaginationV3 } from './components/OrPaginationV3-d4c44779.js';
-export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, i as isPrevented } from './components/OrPopoverV3-0ff17513.js';
-export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './components/OrProgress-55d52f86.js';
+export { s as OrOverlayV3 } from './components/OrOverlayV3-a4e597eb.js';
+export { s as OrPaginationV3 } from './components/OrPaginationV3-df07fe99.js';
+export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, i as isPrevented } from './components/OrPopoverV3-ef3a50db.js';
+export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './components/OrProgress-6ec38c32.js';
 export { s as OrRadioV3 } from './components/OrRadioV3-24091b7e.js';
 export { s as OrRatingV3, R as RatingVariant } from './components/OrRatingV3-2a906a67.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './components/OrResizeablePanelV3-e547be54.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './components/OrResizeablePanelV3-8098fbf3.js';
 export { default as OrSearch } from './components/OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './components/OrSearchV3/OrSearch.js';
-export { s as OrSelectV3 } from './components/OrSelectV3-8c297b29.js';
-export { s as OrSortingV3 } from './components/OrSortingV3-da3071a7.js';
-export { s as OrSwitchV3 } from './components/OrSwitchV3-9dff8d01.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-54d1c522.js';
+export { s as OrSortingV3 } from './components/OrSortingV3-1ffe9d1f.js';
+export { s as OrSwitchV3 } from './components/OrSwitchV3-89b34d58.js';
 export { default as OrTabHeaderItem } from './components/OrTabHeaderItem/OrTabHeaderItem.js';
 export { s as OrTabV3 } from './components/OrTabV3-475f1276.js';
-export { s as OrTagInputV3 } from './components/OrTagInputV3-05553dc2.js';
-export { s as OrTagV3, T as TagColor, a as TagVariant } from './components/OrTagV3-794245a8.js';
-export { s as OrTagsV3, T as TagsOverflow } from './components/OrTagsV3-f888ee0e.js';
+export { s as OrTagInputV3 } from './components/OrTagInputV3-cb94103b.js';
+export { s as OrTagV3, T as TagColor, a as TagVariant } from './components/OrTagV3-9e089c18.js';
+export { s as OrTagsV3, T as TagsOverflow } from './components/OrTagsV3-c9500a75.js';
 export { s as OrTeleport } from './components/OrTeleport-2cb93adf.js';
 export { default as OrTeleportV3 } from './components/OrTeleportV3/OrTeleport.js';
 export { s as OrTextV3 } from './components/OrTextV3-3d9e530f.js';
-export { s as OrTimePickerV3 } from './components/OrTimePickerV3-29f9bdfa.js';
+export { s as OrTimePickerV3 } from './components/OrTimePickerV3-bef9be96.js';
 export { OrTooltip, OrTooltipContent } from './components/OrTooltip/index.js';
-export { s as OrTooltipV3 } from './components/OrTooltipV3-956d9020.js';
+export { s as OrTooltipV3 } from './components/OrTooltipV3-c6f787ec.js';
 export { DropdownClose } from './directives/dropdown-close.js';
 export { DropdownOpen } from './directives/dropdown-open.js';
 export { getItemByValue } from './helpers/getItemByValue.js';

package/dist/bundled/utils/functions/dom.js

@@ -1,6 +1,6 @@
-import { g as get_1 } from '../../components/OrRadio-4e3612d6.js';
-import { _ as _baseGetTag, b as isObjectLike_1 } from '../../components/OrDateTimePicker-374b1e4c.js';
-import { j as _getPrototype } from '../../components/OrList-1e903af2.js';
+import { g as get_1 } from '../../components/OrRadio-30e01fc0.js';
+import { _ as _baseGetTag, b as isObjectLike_1 } from '../../components/OrDateTimePicker-d1f935ea.js';
+import { j as _getPrototype } from '../../components/OrList-93c6b262.js';
 
 var baseGetTag = _baseGetTag,
   getPrototype = _getPrototype,

package/dist/esm/components/index.js

@@ -41,7 +41,7 @@ export { OrDateTimeFormatV3 } from './or-date-time-format-v3/index.js';
 export { DEFAULT_TEXT, OrDateTimePicker, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './or-date-time-picker/index.js';
 export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-2bdd4140.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './or-date-time-picker-v3/partials/index.js';
-export { f as formatDate, a as formatTime } from '../formatTime-a1de80d6.js';
+export { f as formatDate, a as formatTime, s as scrollToElementWithinContainer } from '../scrollToElementWithinContainer-f5107b92.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../getCurrentDate-9b88f8a8.js';
 export { getNextMonthDate } from './or-date-time-picker-v3/utils/index.js';
 export { DrawerPlacement, OrDrawerV3 } from './or-drawer-v3/index.js';

package/dist/esm/components/or-data-grid-v3/index.js

@@ -55,7 +55,7 @@ import '../../tokens/index.js';
 import '../../OrDateTimePicker-2bdd4140.js';
 import '../or-date-time-picker-v3/partials/index.js';
 import '../../useTimeMask-a5856b1a.js';
-import '../../formatTime-a1de80d6.js';
+import '../../scrollToElementWithinContainer-f5107b92.js';
 import '../../getCurrentDate-9b88f8a8.js';
 import '../or-rating-v3/index.js';
 import '../or-select-v3/index.js';

package/dist/esm/components/or-data-grid-v3/partials/index.js

@@ -40,7 +40,7 @@ import '../../../isAncestor-905b8d1d.js';
 import '../../or-input-box-v3/index.js';
 import '../../or-date-time-picker-v3/partials/index.js';
 import '../../../useTimeMask-a5856b1a.js';
-import '../../../formatTime-a1de80d6.js';
+import '../../../scrollToElementWithinContainer-f5107b92.js';
 import '../../or-button-v3/index.js';
 import '../../or-loader-v3/index.js';
 import '../../or-menu-item-v3/index.js';

package/dist/esm/components/or-date-format-v3/index.js

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
 import '../../OrDateTimePicker-2bdd4140.js';
 import '../or-date-time-picker-v3/partials/index.js';
-import { f as formatDate } from '../../formatTime-a1de80d6.js';
+import { f as formatDate } from '../../scrollToElementWithinContainer-f5107b92.js';
 import '../../tokens/index.js';
 import 'lodash/get';
 import 'lodash/isElement';

package/dist/esm/components/or-date-picker-v3/index.js

@@ -21,7 +21,7 @@ import '../../tokens/index.js';
 import 'lodash/get';
 import 'lodash/isElement';
 import '../../useTimeMask-a5856b1a.js';
-import '../../formatTime-a1de80d6.js';
+import '../../scrollToElementWithinContainer-f5107b92.js';
 import '../or-button-v3/index.js';
 import '../../constants-57e8b5da.js';
 import '../or-loader-v3/index.js';

package/dist/esm/components/or-date-range-picker-v3/index.js

@@ -23,7 +23,7 @@ import 'lodash/get';
 import 'lodash/isElement';
 import '@onereach/styles/screens.json';
 import '../../useTimeMask-a5856b1a.js';
-import '../../formatTime-a1de80d6.js';
+import '../../scrollToElementWithinContainer-f5107b92.js';
 import '../or-button-v3/index.js';
 import '../../constants-57e8b5da.js';
 import '../or-loader-v3/index.js';

package/dist/esm/components/or-date-time-format-v3/index.js

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
 import '../../OrDateTimePicker-2bdd4140.js';
 import '../or-date-time-picker-v3/partials/index.js';
-import { f as formatDate, a as formatTime } from '../../formatTime-a1de80d6.js';
+import { f as formatDate, a as formatTime } from '../../scrollToElementWithinContainer-f5107b92.js';
 import '../../tokens/index.js';
 import 'lodash/get';
 import 'lodash/isElement';

package/dist/esm/components/or-date-time-picker-v3/index.js

@@ -1,6 +1,6 @@
 export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-2bdd4140.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './partials/index.js';
-export { f as formatDate, a as formatTime } from '../../formatTime-a1de80d6.js';
+export { f as formatDate, a as formatTime, s as scrollToElementWithinContainer } from '../../scrollToElementWithinContainer-f5107b92.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../../getCurrentDate-9b88f8a8.js';
 export { getNextMonthDate } from './utils/index.js';
 import 'vue';

package/dist/esm/components/or-date-time-picker-v3/partials/index.js

@@ -6,7 +6,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from '../../../useProxyModelValue-55ed539b.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { f as formatDate, a as formatTime } from '../../../formatTime-a1de80d6.js';
+import { f as formatDate, a as formatTime, s as scrollToElementWithinContainer } from '../../../scrollToElementWithinContainer-f5107b92.js';
 import { OrButtonV3 as script$8 } from '../../or-button-v3/index.js';
 import { OrLabelV3 as script$9 } from '../../or-label-v3/index.js';
 import { OrIconButtonV3 as script$b } from '../../or-icon-button-v3/index.js';
@@ -834,6 +834,8 @@ var script = defineComponent({
     var _a;
     // Refs & Styles
     const root = ref();
+    const hoursContainer = ref();
+    const minutesContainer = ref();
     const hoursButtons = ref([]);
     const minutesButtons = ref([]);
     const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
@@ -862,17 +864,13 @@ var script = defineComponent({
         }
         const activeHourButton = getActiveButton(hoursButtons.value, hoursOptions.value);
         const activeMinuteButton = getActiveButton(minutesButtons.value, minutesOptions.value);
-        if (activeHourButton) {
+        if (activeHourButton && hoursContainer.value) {
           // scroll to the active hour button within the hours container.
-          activeHourButton.scrollIntoView({
-            block: 'center'
-          });
+          scrollToElementWithinContainer(activeHourButton, hoursContainer.value);
         }
-        if (activeMinuteButton) {
+        if (activeMinuteButton && minutesContainer.value) {
           // scroll to the active minute button within the minutes container.
-          activeMinuteButton.scrollIntoView({
-            block: 'center'
-          });
+          scrollToElementWithinContainer(activeMinuteButton, minutesContainer.value);
         }
       });
     }, {
@@ -942,6 +940,8 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      hoursContainer,
+      minutesContainer,
       hoursButtons,
       minutesButtons,
       buttonGroupStyles,
@@ -963,6 +963,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [createElementVNode("div", {
+    ref: 'hoursContainer',
     class: normalizeClass(_ctx.buttonGroupStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.hoursOptions, value => {
     return openBlock(), createBlock(_component_OrButton, {
@@ -979,6 +980,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 2 /* DYNAMIC */
     }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "color", "disabled", "onClick"]);
   }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), createTextVNode(" : "), createElementVNode("div", {
+    ref: 'minutesContainer',
     class: normalizeClass(_ctx.buttonGroupStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.minutesOptions, value => {
     return openBlock(), createBlock(_component_OrButton, {

package/dist/esm/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts

@@ -41,6 +41,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
+    hoursContainer: import("vue").Ref<HTMLElement | undefined>;
+    minutesContainer: import("vue").Ref<HTMLElement | undefined>;
     hoursButtons: import("vue").Ref<any[]>;
     minutesButtons: import("vue").Ref<any[]>;
     buttonGroupStyles: import("vue").ComputedRef<string[]>;

package/dist/esm/components/or-date-time-picker-v3/utils/index.d.ts

@@ -4,3 +4,4 @@ export * from './formatMobileTime';
 export * from './formatTime';
 export * from './getCurrentDate';
 export * from './getNextMonthDate';
+export * from './scrollToElementWithinContainer';

package/dist/esm/components/or-date-time-picker-v3/utils/index.js

@@ -1,4 +1,4 @@
-export { f as formatDate, a as formatTime } from '../../../formatTime-a1de80d6.js';
+export { f as formatDate, a as formatTime, s as scrollToElementWithinContainer } from '../../../scrollToElementWithinContainer-f5107b92.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../../../getCurrentDate-9b88f8a8.js';
 import '../../../types/index.js';
 

package/dist/esm/components/or-date-time-picker-v3/utils/scrollToElementWithinContainer.d.ts

@@ -0,0 +1 @@
+export declare const scrollToElementWithinContainer: (element: HTMLElement, container: HTMLElement) => void;

package/dist/esm/components/or-input-box-v3/index.js

@@ -186,19 +186,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     readonly: _ctx.readonly,
     disabled: _ctx.disabled,
     onFocus: _cache[0] || (_cache[0] = $event => _ctx.$emit('focus'))
-  }, [_ctx.$slots.prepend ? (openBlock(), createBlock(_component_OrInputBoxAddon, {
+  }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.addon ? (openBlock(), createBlock(_component_OrInputBoxAddon, {
     key: 0,
     invalid: _ctx.invalid,
     readonly: _ctx.readonly,
     disabled: _ctx.disabled
-  }, {
-    default: withCtx(() => [renderSlot(_ctx.$slots, "prepend")]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["invalid", "readonly", "disabled"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default"), _ctx.$slots.addon ? (openBlock(), createBlock(_component_OrInputBoxAddon, {
-    key: 1,
-    invalid: _ctx.invalid,
-    readonly: _ctx.readonly,
-    disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
     _: 3 /* FORWARDED */

package/dist/esm/components/or-input-v3/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, createVNode, createSlots, withDirectives, mergeProps, vModelDynamic, Fragment, withModifiers, vShow } from 'vue';
+import { defineComponent, reactive, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, withDirectives, createElementVNode, mergeProps, vModelDynamic, Fragment, withModifiers, vShow } from 'vue';
 import { a as useIdAttribute, u as useControlAttributes } from '../../useIdAttribute-1a4eafac.js';
 import '../../types/index.js';
 import '../../dom-11141778.js';
@@ -203,10 +203,7 @@ var script = defineComponent({
   }
 });
 
-const _hoisted_1 = {
-  class: "layout-row gap-sm+ md:gap-sm"
-};
-const _hoisted_2 = ["name", "type", "inputmode", "autocomplete", "placeholder", "required", "readonly", "disabled"];
+const _hoisted_1 = ["name", "type", "inputmode", "autocomplete", "placeholder", "required", "readonly", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrLoader = resolveComponent("OrLoader");
@@ -228,7 +225,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
     default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "prepend"), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
     variant: _ctx.variant,
     size: _ctx.size,
     invalid: !!_ctx.error,
@@ -253,17 +250,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onKeyup: _cache[3] || (_cache[3] = $event => _ctx.$emit('keyup', $event)),
       onFocus: _cache[4] || (_cache[4] = $event => _ctx.$emit('focus', $event)),
       onBlur: _cache[5] || (_cache[5] = $event => _ctx.$emit('blur', $event))
-    }), null, 16 /* FULL_PROPS */, _hoisted_2), [[vModelDynamic, _ctx.model, void 0, {
+    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.model, void 0, {
       trim: true
     }]])]),
     _: 2 /* DYNAMIC */
-  }, [_ctx.$slots.prependInner ? {
-    name: "prepend",
-    fn: withCtx(() => [renderSlot(_ctx.$slots, "prependInner")]),
-    key: "0"
-  } : undefined, _ctx.loading || _ctx.type === 'password' || _ctx.type === 'search' || _ctx.$slots.appendInner ? {
+  }, [_ctx.loading || _ctx.type === 'password' || _ctx.type === 'search' ? {
     name: "addon",
-    fn: withCtx(() => [renderSlot(_ctx.$slots, "appendInner", {}, () => [_ctx.loading ? (openBlock(), createBlock(_component_OrLoader, {
+    fn: withCtx(() => [_ctx.loading ? (openBlock(), createBlock(_component_OrLoader, {
       key: 0,
       variant: 'circular',
       color: _ctx.error ? 'danger' : 'primary',
@@ -291,9 +284,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       icon: 'search',
       variant: 'outlined'
-    }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))])]),
-    key: "1"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "size", "invalid", "readonly", "disabled"]), renderSlot(_ctx.$slots, "append")]), _ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))]),
+    key: "0"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "size", "invalid", "readonly", "disabled"]), _ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? withDirectives((openBlock(), createBlock(_component_OrHint, {
     key: 1,
     disabled: _ctx.disabled
   }, createSlots({

package/dist/esm/components/or-time-format-v3/index.js

@@ -7,7 +7,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../../OrDateTimePicker-2bdd4140.js';
 import '../or-date-time-picker-v3/partials/index.js';
-import { a as formatTime } from '../../formatTime-a1de80d6.js';
+import { a as formatTime } from '../../scrollToElementWithinContainer-f5107b92.js';
 import 'lodash/get';
 import 'lodash/isElement';
 import '../../tokens/index.js';

package/dist/esm/components/or-time-picker-v3/index.js

@@ -21,7 +21,7 @@ import 'lodash/get';
 import 'lodash/isElement';
 import '../../tokens/index.js';
 import '../../useTimeMask-a5856b1a.js';
-import '../../formatTime-a1de80d6.js';
+import '../../scrollToElementWithinContainer-f5107b92.js';
 import '../or-button-v3/index.js';
 import '../../constants-57e8b5da.js';
 import '../or-loader-v3/index.js';

package/dist/esm/components/or-time-range-picker-v3/index.js

@@ -22,7 +22,7 @@ import 'lodash/isElement';
 import '../../tokens/index.js';
 import '@onereach/styles/screens.json';
 import '../../useTimeMask-a5856b1a.js';
-import '../../formatTime-a1de80d6.js';
+import '../../scrollToElementWithinContainer-f5107b92.js';
 import '../or-button-v3/index.js';
 import '../../constants-57e8b5da.js';
 import '../or-loader-v3/index.js';

package/dist/esm/index.js

@@ -41,7 +41,7 @@ export { OrDateTimeFormatV3 } from './components/or-date-time-format-v3/index.js
 export { DEFAULT_TEXT, OrDateTimePicker, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/or-date-time-picker/index.js';
 export { s as OrDateTimePickerV3 } from './OrDateTimePicker-2bdd4140.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './components/or-date-time-picker-v3/partials/index.js';
-export { f as formatDate, a as formatTime } from './formatTime-a1de80d6.js';
+export { f as formatDate, a as formatTime, s as scrollToElementWithinContainer } from './scrollToElementWithinContainer-f5107b92.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from './getCurrentDate-9b88f8a8.js';
 export { getNextMonthDate } from './components/or-date-time-picker-v3/utils/index.js';
 export { DrawerPlacement, OrDrawerV3 } from './components/or-drawer-v3/index.js';

package/dist/esm/scrollToElementWithinContainer-f5107b92.js

@@ -0,0 +1,36 @@
+import { TimeFormat } from './types/index.js';
+
+const formatDate = (value, format, locale) => {
+  if (typeof format === 'function') {
+    return format(value, locale);
+  }
+  return value.toLocaleString(locale, {
+    dateStyle: format,
+    timeZone: 'UTC'
+  });
+};
+
+const formatTime = (value, format, locale) => {
+  if (typeof format === 'function') {
+    return format(value, locale);
+  }
+  return value.toLocaleString(locale, {
+    timeStyle: 'short',
+    hourCycle: format !== TimeFormat.Auto ? format : undefined,
+    timeZone: 'UTC'
+  });
+};
+
+const scrollToElementWithinContainer = (element, container) => {
+  const elementRect = element.getBoundingClientRect();
+  const containerRect = container.getBoundingClientRect();
+  // Determine if the element is fully visible within the container by comparing their positions.
+  const isFullyVisible = elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;
+  if (!isFullyVisible) {
+    // Calculate the new scrollTop value to center the element within the container.
+    // This involves adjusting for the height of the element and container, ensuring the element is centered.
+    container.scrollTop = element.offsetTop - container.offsetTop - container.clientHeight / 2 + element.clientHeight / 2;
+  }
+};
+
+export { formatTime as a, formatDate as f, scrollToElementWithinContainer as s };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "19.2.0-beta.5011.0",
+  "version": "19.2.0-beta.5013.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v3",
   "sideEffects": false,