@onereach/ui-components 11.6.2-beta.4441.0 → 11.6.3-beta.4447.0

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

@@ -1,4 +1,4 @@
-export { s as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-ed5d207e.js';
+export { s as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-5e8183f4.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../TimeFormat-a7f5565b.js';
@@ -12,15 +12,15 @@ import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker-208d80df.js';
+import '../../OrDateTimePicker-3fbf088a.js';
 import '../../OrError-331220bc.js';
 import 'vue';
 import '../../OrHint-262c8217.js';
-import '../../OrIconButton-4baecd68.js';
+import '../../OrIconButton-02b59101.js';
 import '../../OrIcon-9aff520e.js';
-import '../../OrTooltip-43543b88.js';
+import '../../OrTooltip-b17f38ab.js';
 import '../../usePopoverState-5f2cd96f.js';
-import '../../OrPopover-f303228e.js';
+import '../../OrPopover-84adac23.js';
 import '@floating-ui/dom';
 import '../../useElevation-d6b798c5.js';
 import '../../isVisible-d1e49905.js';
@@ -28,15 +28,15 @@ import '../../OrBottomSheet-bba074ed.js';
 import '../../OrOverlay-49a678a2.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-dc76b423.js';
-import '../../isPrevented-b151a948.js';
-import '../../isAncestor-a446b32f.js';
+import '../../isPrevented-b1764210.js';
+import '../../isAncestor-2973d4f4.js';
 import '../../OrInputBox-8a5687dc.js';
 import '../../OrLabel-4abbce6e.js';
-import '../../OrDateTimePickerTimeSelect-8fda0cfc.js';
+import '../../OrDateTimePickerTimeSelect-a8a5b35f.js';
 import '../../useTimeMask-a1c090c1.js';
 import '../../formatTime-3f37a00f.js';
 import '../../OrButton-31bcb511.js';
 import '../../OrLoader-5e2f359b.js';
-import '../../OrMenuItem-89264002.js';
-import '../../OrMenu-c99b02ac.js';
+import '../../OrMenuItem-f77364e2.js';
+import '../../OrMenu-bf94a012.js';
 import '../../getCurrentDate-e5a478c3.js';

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

@@ -1,4 +1,4 @@
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../../types-06fd7c29.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../../types-a1140d3f.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-5aa9dc05.js';
 import '@vueuse/core';
 import 'vue-demi';
@@ -12,17 +12,17 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import '../../OrTeleport.vue3-8099178c.js';
 import 'vue';
-import '../../OrIconButton-4baecd68.js';
+import '../../OrIconButton-02b59101.js';
 import '../../OrIcon-9aff520e.js';
-import '../../OrTooltip-43543b88.js';
+import '../../OrTooltip-b17f38ab.js';
 import '../../usePopoverState-5f2cd96f.js';
-import '../../OrPopover-f303228e.js';
+import '../../OrPopover-84adac23.js';
 import '@floating-ui/dom';
 import '../../useResponsive-1baf3485.js';
 import '../../OrBottomSheet-bba074ed.js';
 import '../../OrOverlay-49a678a2.js';
 import '../../useTheme-dc76b423.js';
-import '../../isPrevented-b151a948.js';
-import '../../isAncestor-a446b32f.js';
+import '../../isPrevented-b1764210.js';
+import '../../isAncestor-2973d4f4.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-toast-v3/or-toast-container-v3/index.js

@@ -1,4 +1,4 @@
-export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-06fd7c29.js';
+export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-a1140d3f.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../../useToast-5aa9dc05.js';
 import '@vueuse/core';
 import 'vue-demi';
@@ -12,17 +12,17 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import '../../../OrTeleport.vue3-8099178c.js';
 import 'vue';
-import '../../../OrIconButton-4baecd68.js';
+import '../../../OrIconButton-02b59101.js';
 import '../../../OrIcon-9aff520e.js';
-import '../../../OrTooltip-43543b88.js';
+import '../../../OrTooltip-b17f38ab.js';
 import '../../../usePopoverState-5f2cd96f.js';
-import '../../../OrPopover-f303228e.js';
+import '../../../OrPopover-84adac23.js';
 import '@floating-ui/dom';
 import '../../../useResponsive-1baf3485.js';
 import '../../../OrBottomSheet-bba074ed.js';
 import '../../../OrOverlay-49a678a2.js';
 import '../../../useTheme-dc76b423.js';
-import '../../../isPrevented-b151a948.js';
-import '../../../isAncestor-a446b32f.js';
+import '../../../isPrevented-b1764210.js';
+import '../../../isAncestor-2973d4f4.js';
 import '../../../OrLoader-5e2f359b.js';
 import '../../../style-inject.es-4c6f2515.js';

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

@@ -1,4 +1,4 @@
-export { s as OrTooltipV3 } from '../../OrTooltip-43543b88.js';
+export { s as OrTooltipV3 } from '../../OrTooltip-b17f38ab.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
 import '../../dom-53c9635b.js';
@@ -8,7 +8,7 @@ import '@vueuse/core';
 import '../../usePopoverState-5f2cd96f.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrPopover-f303228e.js';
+import '../../OrPopover-84adac23.js';
 import '@floating-ui/dom';
 import '../../useElevation-d6b798c5.js';
 import '../../isVisible-d1e49905.js';
@@ -18,5 +18,5 @@ import '../../OrOverlay-49a678a2.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import 'vue';
 import '../../useTheme-dc76b423.js';
-import '../../isPrevented-b151a948.js';
-import '../../isAncestor-a446b32f.js';
+import '../../isPrevented-b1764210.js';
+import '../../isAncestor-2973d4f4.js';

package/dist/esm/v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrAutocompleteV3 } from './OrAutocomplete-2df6c196.js';
+export { s as OrAutocompleteV3 } from './OrAutocomplete-66d9067f.js';
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from './OrAvatar-1e8ba806.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar-8775864b.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from './OrBottomSheet-bba074ed.js';
@@ -9,7 +9,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-31bcb511.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-6ee44732.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-46f18362.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-f08fe5c7.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCard-c2ef331b.js';
 export { s as OrCheckbox } from './OrCheckbox-eedaff8f.js';
 export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-fa6ecd15.js';
@@ -23,30 +23,31 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from './OrCode-392a4211.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './OrCode-5f122f37.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { s as OrCollapse } from './OrCollapse-bbba69ea.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 './OrColorPicker-bbc69767.js';
 export { s as OrCombinedInputV3 } from './OrCombinedInput-04dda289.js';
 export { s as OrConfirm } from './OrConfirm-7c132ea7.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-6f270860.js';
-export { s as OrContextMenuV3 } from './OrContextMenu-0c6d9b75.js';
-export { s as OrDataGridV3 } from './OrDataGrid-9466c34e.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-469e6e50.js';
+export { s as OrContextMenuV3 } from './OrContextMenu-f1d15575.js';
+export { s as OrDataGridV3 } from './OrDataGrid-74adc61b.js';
 export { D as DataGridVariant } from './OrDataGridToolbar-453f93f2.js';
-export { s as OrDateFormatV3 } from './OrDateFormat-d7f72694.js';
-export { s as OrDatePickerV3 } from './OrDatePicker-028208da.js';
-export { s as OrDateRangePickerV3 } from './OrDateRangePicker-2ea5d87e.js';
-export { s as OrDateTimeFormatV3 } from './OrDateTimeFormat-bb2e1e06.js';
+export { s as OrDateFormatV3 } from './OrDateFormat-e5b2df70.js';
+export { s as OrDatePickerV3 } from './OrDatePicker-2dceb7d9.js';
+export { s as OrDateRangePickerV3 } from './OrDateRangePicker-2daa29fb.js';
+export { s as OrDateTimeFormatV3 } from './OrDateTimeFormat-cda609c7.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-d2de9625.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker-208d80df.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-8fda0cfc.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker-3fbf088a.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-a8a5b35f.js';
 export { f as formatDate, a as formatTime } from './formatTime-3f37a00f.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from './getCurrentDate-e5a478c3.js';
 export { g as getNextMonthDate } from './getNextMonthDate-8ec29631.js';
+export { D as DrawerPlacement, s as OrDrawerV3 } from './OrDrawer-ab8495f0.js';
 export { D as DropAreaSize, s as OrDropAreaV3 } from './OrDropArea-98944348.js';
 export { a as approximateFileSize } from './approximateFileSize-a48b356b.js';
-export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabs-7445d227.js';
+export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabs-33629826.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState-47f9d910.js';
 export { s as OrError } from './OrError-f90296db.js';
 export { s as OrErrorTagV3 } from './OrErrorTag-94f074a2.js';
@@ -58,55 +59,55 @@ export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroup-4afd3
 export { s as OrHint } from './OrHint-8822005b.js';
 export { s as OrHintV3 } from './OrHint-262c8217.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-b9c3dfd2.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-4baecd68.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-02b59101.js';
 export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-9aff520e.js';
 export { I as InlineInputBoxSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-9d62d2b3.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-c22dee86.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-b629a4bd.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-a512574d.js';
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-13ee3e39.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-162ecb76.js';
 export { s as OrInput } from './OrInput-4a3206ea.js';
 export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from './OrInputBox-8a5687dc.js';
-export { I as InputType, s as OrInputV3 } from './OrInput-3bdf061a.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-18c7f2a5.js';
 export { s as OrLabel } from './OrLabel-a7d99df4.js';
 export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-4abbce6e.js';
 export { L as LinkColor, s as OrLinkV3 } from './OrLink-c83a51b2.js';
 export { s as OrList } from './OrList-1625c863.js';
 export { s as OrListOfInputs } from './OrListOfInputs-690c57bc.js';
-export { s as OrListV3 } from './OrList-2ab5b166.js';
+export { s as OrListV3 } from './OrList-341365d7.js';
 export { s as OrListItem } from './OrListItem-63389e98.js';
 export { L as LoaderViews, s as OrLoader } from './OrLoader-d5a5b426.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './OrLoader-5e2f359b.js';
-export { s as OrMenuItemV3 } from './OrMenuItem-89264002.js';
-export { s as OrMenuV3 } from './OrMenu-c99b02ac.js';
+export { s as OrMenuItemV3 } from './OrMenuItem-f77364e2.js';
+export { s as OrMenuV3 } from './OrMenu-bf94a012.js';
 export { s as OrModal, O as OrModalSizes } from './OrModal-8eeab7a1.js';
-export { M as ModalSize, s as OrModalV3 } from './OrModal-85c46875.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-ba9c1044.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-69f1178a.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-1d1d3286.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-d59cbd17.js';
 export { s as OrNumberInput } from './OrNumberInput-2433b4b8.js';
 export { s as OrOverflowMenu } from './OrOverflowMenu-8a0210ef.js';
 export { s as OrOverlay } from './OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from './OrOverlay-49a678a2.js';
-export { s as OrPaginationV3 } from './OrPagination-5a886207.js';
+export { s as OrPaginationV3 } from './OrPagination-82c353df.js';
 export { s as OrPassword } from './OrPassword-c8ed7759.js';
-export { s as OrPopoverV3, a as PopoverPlacement, P as PopoverVariant } from './OrPopover-f303228e.js';
-export { i as isPrevented } from './isPrevented-b151a948.js';
+export { s as OrPopoverV3, a as PopoverPlacement, P as PopoverVariant } from './OrPopover-84adac23.js';
+export { i as isPrevented } from './isPrevented-b1764210.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-86f6d15b.js';
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-f72f636f.js';
 export { s as OrRadio } from './OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from './OrRadioGroup-1db95868.js';
 export { s as OrRadioV3 } from './OrRadio-85e4f28e.js';
-export { s as OrRangeSliderV3 } from './OrRangeSlider-f1f67b3e.js';
+export { s as OrRangeSliderV3 } from './OrRangeSlider-90e2972c.js';
 export { s as OrRatingV3, R as RatingVariant } from './OrRating-17c793e3.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-5199621a.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-0eafecc7.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-508e74e4.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-58b51fb2.js';
 export { s as OrSearch } from './OrSearch-740f931b.js';
-export { s as OrSearchV3 } from './OrSearch-a12c1df9.js';
+export { s as OrSearchV3 } from './OrSearch-d19e5d31.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-54133b24.js';
 export { s as OrSelect } from './OrSelect-96f3a5ff.js';
-export { s as OrSelectV3 } from './OrSelect-025fa0f1.js';
+export { s as OrSelectV3 } from './OrSelect-cea84e31.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
-export { s as OrSidebarV3, S as SidebarPlacement } from './props-70969a81.js';
+export { s as OrSidebarV3, S as SidebarPlacement } from './props-05082b0d.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from './OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from './OrSkeletonText-69827192.js';
@@ -115,8 +116,8 @@ export { s as OrSkeletonCircleV3 } from './OrSkeletonCircle-a3eb5f53.js';
 export { s as OrSkeletonRectV3 } from './OrSkeletonRect-d0b8b2cf.js';
 export { s as OrSkeletonTextV3 } from './OrSkeletonText-5e9579c1.js';
 export { s as OrSlider } from './OrSlider-4c386df4.js';
-export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from './OrSlider-a7840a86.js';
-export { s as OrSortingV3 } from './OrSorting-4afcc075.js';
+export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from './OrSlider-345adc35.js';
+export { s as OrSortingV3 } from './OrSorting-1d14048b.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-a33a7e88.js';
 export { s as OrStepper } from './OrStepper-bd1bf65a.js';
 export { s as OrSwitch } from './OrSwitch-d16f4d7a.js';
@@ -125,27 +126,27 @@ export { s as OrTab } from './OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from './OrTab-c673fe5f.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-67afd24c.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-65134ffa.js';
 export { s as OrTag } from './OrTag-cda9ec97.js';
-export { s as OrTagInputV3 } from './OrTagInput-4f178619.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-008ce4df.js';
-export { s as OrTagsV3, T as TagsOverflow } from './OrTags-4af8c52a.js';
+export { s as OrTagInputV3 } from './OrTagInput-28ae5029.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-fa2d6d4b.js';
+export { s as OrTagsV3, T as TagsOverflow } from './OrTags-a41643fd.js';
 export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-ea114c19.js';
 export { s as OrTextarea } from './OrTextarea-900749f9.js';
 export { s as OrTextareaV3 } from './OrTextarea-46027c3a.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-d94af623.js';
-export { s as OrTimeFormatV3 } from './OrTimeFormat-a72a0e8f.js';
-export { s as OrTimePickerV3 } from './OrTimePicker-dc194532.js';
-export { s as OrTimeRangePickerV3 } from './OrTimeRangePicker-ed5d207e.js';
+export { s as OrTimeFormatV3 } from './OrTimeFormat-65dc4163.js';
+export { s as OrTimePickerV3 } from './OrTimePicker-580004eb.js';
+export { s as OrTimeRangePickerV3 } from './OrTimeRangePicker-5e8183f4.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-1e4d24d6.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-05a9c81b.js';
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-06fd7c29.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-a1140d3f.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-5aa9dc05.js';
 export { s as OrTooltip } from './OrTooltip-59b0b1f0.js';
 export { s as OrTooltipContent } from './OrTooltipContent-c0042844.js';
-export { s as OrTooltipV3 } from './OrTooltip-43543b88.js';
+export { s as OrTooltipV3 } from './OrTooltip-b17f38ab.js';
 export { s as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-6b568222.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 export { g as getItemByValue } from './getItemByValue-be7353df.js';
@@ -165,11 +166,11 @@ export { u as useValidationAttributes } from './useValidationAttributes-257954f3
 export { D as DATE_FORMAT, L as LOCALE, T as TIME_FORMAT } from './TIME_FORMAT-3d8aa6be.js';
 export { D as DateFormat, T as TimeFormat } from './TimeFormat-a7f5565b.js';
 export { H as HSL_LIMITS, t as RX_ABBREVIATION_FROM_STRING, R as RX_ARRAY_NOTATION, a as RX_BV_PREFIX, u as RX_DATE, v as RX_DATE_SPLIT, b as RX_DIGITS, y as RX_ENCODED_COMMA, z as RX_ENCODE_REVERSE, c as RX_EXTENSION, d as RX_HASH, e as RX_HASH_ID, x as RX_HREF, f as RX_HTML_TAGS, g as RX_HYPHENATE, C as RX_LONG_COLOR, h as RX_LOWER_UPPER, i as RX_NUMBER, j as RX_PLUS, A as RX_QUERY_START, k as RX_REGEXP_REPLACE, B as RX_SHORT_COLOR, l as RX_SPACES, m as RX_SPACE_SPLIT, n as RX_STAR, o as RX_START_SPACE_WORD, w as RX_TIME, p as RX_TRIM_LEFT, q as RX_TRIM_RIGHT, r as RX_UNDERSCORE, s as RX_UN_KEBAB, I as generateColorFromString, F as generateHslFromString, J as getHashOfString, D as hexToRgb, G as hslToColorString, K as normalize, E as rgbToHex } from './color-e5b0b579.js';
-export { C as CODE_BACKSPACE, a as CODE_BREAK, b as CODE_DELETE, c as CODE_DOWN, d as CODE_END, e as CODE_ENTER, f as CODE_ESC, g as CODE_HOME, h as CODE_LEFT, i as CODE_PAGEDOWN, j as CODE_PAGEUP, k as CODE_RIGHT, l as CODE_SPACE, m as CODE_UP, p as PLACEMENT_BOTTOM_END, o as PLACEMENT_BOTTOM_START, t as PLACEMENT_LEFT_END, s as PLACEMENT_LEFT_START, r as PLACEMENT_RIGHT_END, q as PLACEMENT_RIGHT_START, n as PLACEMENT_TOP_END, P as PLACEMENT_TOP_START, u as getAbbreviation, v as isDescendant, w as isNumber } from './isNumber-ef303deb.js';
+export { C as CODE_BACKSPACE, a as CODE_BREAK, b as CODE_DELETE, c as CODE_DOWN, d as CODE_END, e as CODE_ENTER, f as CODE_ESC, g as CODE_HOME, h as CODE_LEFT, i as CODE_PAGEDOWN, j as CODE_PAGEUP, k as CODE_RIGHT, l as CODE_SPACE, m as CODE_UP, p as PLACEMENT_BOTTOM_END, o as PLACEMENT_BOTTOM_START, t as PLACEMENT_LEFT_END, s as PLACEMENT_LEFT_START, r as PLACEMENT_RIGHT_END, q as PLACEMENT_RIGHT_START, n as PLACEMENT_TOP_END, P as PLACEMENT_TOP_START, u as getAbbreviation, v as isDescendant, w as isNumber } from './isNumber-0b59f583.js';
 export { e as exclude, i as include } from './include-2a81e823.js';
 export { M as MutationObs, f as addClass, c as cancelAF, e as contains, l as getAttr, q as getBCR, g as getById, t as getCS, w as getMaxZIndex, p as getStyle, m as hasAttr, i as hasClass, u as offset, v as position, b as reflow, k as removeAttr, h as removeClass, a as removeNode, o as removeStyle, r as requestAF, d as select, s as selectAll, j as setAttr, n as setStyle } from './dom-53c9635b.js';
 export { p as pxToRem } from './px-to-rem-0b26b83e.js';
-export { i as isAncestor } from './isAncestor-a446b32f.js';
+export { i as isAncestor } from './isAncestor-2973d4f4.js';
 export { i as isArray } from './isArray-8eeb52b9.js';
 export { i as isEmpty, a as isString } from './isString-cf957a95.js';
 export { i as isEqual } from './isEqual-15f4b2f5.js';
@@ -191,7 +192,7 @@ import '@codemirror/language';
 import '@lezer/highlight';
 import '@vueuse/math';
 import 'lodash/padStart';
-import './OrEditorTabsItem-6ffae626.js';
+import './OrEditorTabsItem-eb93ef4c.js';
 import '@floating-ui/dom';
 import 'lodash/cloneDeep';
 import 'lodash/isEqual';
@@ -225,7 +226,7 @@ import './codemirrorView-7e243a9d.js';
 import 'prosemirror-state';
 import 'prosemirror-commands';
 import 'lodash/keyBy';
-import './OrSelectMultipleControl-829fadc6.js';
+import './OrSelectMultipleControl-882b996d.js';
 import './OrSelectControlInput-406c4392.js';
 import './OrSelectPlaceholder-81502228.js';
 import './OrSelectSingleControl-54efb335.js';

package/dist/esm/v3/{isAncestor-a446b32f.js → isAncestor-2973d4f4.js}

@@ -1,5 +1,5 @@
 /**
- * Determines whether the `a` element is an ancestor of the `b` element.
+ * Determines whether the element `a` is an ancestor of the element `b`.
  */
 const isAncestor = (a, b) => {
   const {

package/dist/esm/{v2/isNumber-ef303deb.js → v3/isNumber-0b59f583.js}

@@ -31,7 +31,7 @@ function getAbbreviation(text, limit) {
 }
 
 /**
- * Determines whether the `a` element is a descendant of the `b` element.
+ * Determines whether the element `a` is a descendant of the element `b`.
  */
 const isDescendant = (a, b) => {
   const {

package/dist/esm/v3/{isPrevented-b151a948.js → isPrevented-b1764210.js}

@@ -1,5 +1,5 @@
 import './dom-53c9635b.js';
-import { i as isAncestor } from './isAncestor-a446b32f.js';
+import { i as isAncestor } from './isAncestor-2973d4f4.js';
 
 function isPrevented(path, trigger) {
   return path.some(element => {

package/dist/esm/v3/{props-70969a81.js → props-05082b0d.js}

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-5f2cd96f.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-5199621a.js';
+import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-508e74e4.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
 
 const Sidebar = [

package/dist/esm/v3/{types-06fd7c29.js → types-a1140d3f.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$4 } from './OrTeleport.vue3-8099178c.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-5aa9dc05.js';
-import { s as script$2 } from './OrIconButton-4baecd68.js';
+import { s as script$2 } from './OrIconButton-02b59101.js';
 import { s as script$3 } from './OrLoader-5e2f359b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, toDisplayString, createBlock, withModifiers, withCtx, TransitionGroup, Fragment, renderList, mergeProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/utils/index.js

@@ -1,9 +1,9 @@
 export { H as HSL_LIMITS, t as RX_ABBREVIATION_FROM_STRING, R as RX_ARRAY_NOTATION, a as RX_BV_PREFIX, u as RX_DATE, v as RX_DATE_SPLIT, b as RX_DIGITS, y as RX_ENCODED_COMMA, z as RX_ENCODE_REVERSE, c as RX_EXTENSION, d as RX_HASH, e as RX_HASH_ID, x as RX_HREF, f as RX_HTML_TAGS, g as RX_HYPHENATE, C as RX_LONG_COLOR, h as RX_LOWER_UPPER, i as RX_NUMBER, j as RX_PLUS, A as RX_QUERY_START, k as RX_REGEXP_REPLACE, B as RX_SHORT_COLOR, l as RX_SPACES, m as RX_SPACE_SPLIT, n as RX_STAR, o as RX_START_SPACE_WORD, w as RX_TIME, p as RX_TRIM_LEFT, q as RX_TRIM_RIGHT, r as RX_UNDERSCORE, s as RX_UN_KEBAB, I as generateColorFromString, F as generateHslFromString, J as getHashOfString, D as hexToRgb, G as hslToColorString, K as normalize, E as rgbToHex } from '../color-e5b0b579.js';
-export { C as CODE_BACKSPACE, a as CODE_BREAK, b as CODE_DELETE, c as CODE_DOWN, d as CODE_END, e as CODE_ENTER, f as CODE_ESC, g as CODE_HOME, h as CODE_LEFT, i as CODE_PAGEDOWN, j as CODE_PAGEUP, k as CODE_RIGHT, l as CODE_SPACE, m as CODE_UP, p as PLACEMENT_BOTTOM_END, o as PLACEMENT_BOTTOM_START, t as PLACEMENT_LEFT_END, s as PLACEMENT_LEFT_START, r as PLACEMENT_RIGHT_END, q as PLACEMENT_RIGHT_START, n as PLACEMENT_TOP_END, P as PLACEMENT_TOP_START, u as getAbbreviation, v as isDescendant, w as isNumber } from '../isNumber-ef303deb.js';
+export { C as CODE_BACKSPACE, a as CODE_BREAK, b as CODE_DELETE, c as CODE_DOWN, d as CODE_END, e as CODE_ENTER, f as CODE_ESC, g as CODE_HOME, h as CODE_LEFT, i as CODE_PAGEDOWN, j as CODE_PAGEUP, k as CODE_RIGHT, l as CODE_SPACE, m as CODE_UP, p as PLACEMENT_BOTTOM_END, o as PLACEMENT_BOTTOM_START, t as PLACEMENT_LEFT_END, s as PLACEMENT_LEFT_START, r as PLACEMENT_RIGHT_END, q as PLACEMENT_RIGHT_START, n as PLACEMENT_TOP_END, P as PLACEMENT_TOP_START, u as getAbbreviation, v as isDescendant, w as isNumber } from '../isNumber-0b59f583.js';
 export { e as exclude, i as include } from '../include-2a81e823.js';
 export { M as MutationObs, f as addClass, c as cancelAF, e as contains, l as getAttr, q as getBCR, g as getById, t as getCS, w as getMaxZIndex, p as getStyle, m as hasAttr, i as hasClass, u as offset, v as position, b as reflow, k as removeAttr, h as removeClass, a as removeNode, o as removeStyle, r as requestAF, d as select, s as selectAll, j as setAttr, n as setStyle } from '../dom-53c9635b.js';
 export { p as pxToRem } from '../px-to-rem-0b26b83e.js';
-export { i as isAncestor } from '../isAncestor-a446b32f.js';
+export { i as isAncestor } from '../isAncestor-2973d4f4.js';
 export { i as isArray } from '../isArray-8eeb52b9.js';
 export { i as isEmpty, a as isString } from '../isString-cf957a95.js';
 export { i as isEqual } from '../isEqual-15f4b2f5.js';

package/dist/esm/v3/utils/isAncestor.d.ts

@@ -1,4 +1,4 @@
 /**
- * Determines whether the `a` element is an ancestor of the `b` element.
+ * Determines whether the element `a` is an ancestor of the element `b`.
  */
 export declare const isAncestor: (a: Element, b: Element) => boolean;

package/dist/esm/v3/utils/isDescendant.d.ts

@@ -1,4 +1,4 @@
 /**
- * Determines whether the `a` element is a descendant of the `b` element.
+ * Determines whether the element `a` is a descendant of the element `b`.
  */
 export declare const isDescendant: (a: Element, b: Element) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "11.6.2-beta.4441.0",
+  "version": "11.6.3-beta.4447.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -40,7 +40,7 @@
     "@codemirror/lang-json": "6.0.1",
     "@codemirror/lang-markdown": "6.1.1",
     "@floating-ui/dom": "1.4.2",
-    "@onereach/styles": "^7.0.1-beta.4441.0",
+    "@onereach/styles": "^7.1.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",

package/src/components/index.ts

@@ -30,6 +30,7 @@ export * from './or-date-range-picker-v3';
 export * from './or-date-time-format-v3';
 export * from './or-date-time-picker';
 export * from './or-date-time-picker-v3';
+export * from './or-drawer-v3';
 export * from './or-drop-area-v3';
 export * from './or-editor-tabs-v3';
 export * from './or-empty-state-v3';

package/src/components/or-drawer-v3/OrDrawer.vue

@@ -0,0 +1,118 @@
+<template>
+  <div
+    :ref="'root'"
+    :class="rootStyles"
+  >
+    <div :class="contentStyles">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { SwipeDirection, onClickOutside, useSwipe } from '@vueuse/core';
+import { PropType, computed, defineComponent, ref, toRef } from 'vue-demi';
+import { usePopoverState } from '../../hooks';
+import * as Styles from './styles';
+import { DrawerPlacement } from './types';
+
+export default defineComponent({
+  name: 'OrDrawer',
+
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: false,
+    },
+
+    placement: {
+      type: String as PropType<`${DrawerPlacement}`>,
+      default: () => DrawerPlacement.Left,
+    },
+
+    padding: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  emits: [
+    'update:state',
+
+    'open',
+    'close',
+  ],
+
+  expose: [
+    'root',
+
+    'state',
+
+    'open',
+    'close',
+    'toggle',
+  ],
+
+  setup(props, context) {
+    // Refs & Styles
+    const root = ref<HTMLElement>();
+
+    const rootStyles = computed(() => [
+      'or-drawer-v3',
+      ...Styles.Drawer,
+      ...Styles.DrawerPlacements[props.placement],
+      ...props.padding ? Styles.DrawerPadding : [],
+      transform.value,
+    ]);
+
+    const contentStyles = computed(() => [
+      ...Styles.DrawerContent,
+    ]);
+
+    // State
+    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+
+    const transform = computed(() => {
+      switch (props.placement) {
+        case DrawerPlacement.Left:
+          return state.value === 'closed' ? '-translate-x-full' : 'translate-x-0';
+
+        case DrawerPlacement.Right:
+          return state.value === 'closed' ? 'translate-x-full' : 'translate-x-0';
+      }
+    });
+
+    // Effects
+    onClickOutside(root, () => {
+      close();
+    });
+
+    useSwipe(root, {
+      onSwipeEnd: (event, direction) => {
+        switch (props.placement) {
+          case DrawerPlacement.Left:
+            if (direction === SwipeDirection.LEFT) close();
+            break;
+
+          case DrawerPlacement.Right:
+            if (direction === SwipeDirection.RIGHT) close();
+            break;
+        }
+      },
+    });
+
+    return {
+      root,
+      rootStyles,
+
+      contentStyles,
+
+      state,
+
+      open,
+      close,
+      toggle,
+    };
+  },
+});
+</script>

package/src/components/or-drawer-v3/index.ts

@@ -0,0 +1,2 @@
+export { default as OrDrawerV3 } from './OrDrawer.vue';
+export * from './types';

package/src/components/or-drawer-v3/styles.ts

@@ -0,0 +1,56 @@
+import { DrawerPlacement } from './types';
+
+export const Drawer: string[] = [
+  // Position
+  'absolute',
+
+  // Box
+  'w-auto',
+  'h-full',
+
+  'max-w-[min(360px,100%-theme(spacing.md))]',
+
+  // Spacing
+  'px-0',
+  'py-sm+',
+
+  // Elevation
+  'shadow-modal',
+  'dark:shadow-modal-dark',
+
+  // Transition
+  'transition-transform duration-medium ease-standard',
+];
+
+export const DrawerPlacements: Record<DrawerPlacement, string[]> = {
+  [DrawerPlacement.Left]: [
+    // Position
+    'start-0',
+
+    // Shape
+    'rounded-e-xl',
+  ],
+
+  [DrawerPlacement.Right]: [
+    // Position
+    'end-0',
+
+    // Shape
+    'rounded-s-xl',
+  ],
+};
+
+export const DrawerPadding: string[] = [
+  // Spacing
+  'px-md',
+  'py-md',
+];
+
+export const DrawerContent: string[] = [
+  // Overflow
+  'overflow-auto',
+
+  // Box
+  'w-full',
+  'h-full',
+];

package/src/components/or-drawer-v3/types.ts

@@ -0,0 +1,4 @@
+export enum DrawerPlacement {
+  Left = 'left',
+  Right = 'right',
+}