@onereach/ui-components 4.11.1 → 4.11.2-beta.2969.0

package/dist/esm/v2/components/or-sidebar-v3/partials/index.d.ts

@@ -1 +1 @@
-export * from './or-sidebar-collapse-button';
+export { default as OrSidebarCollapseButton } from './or-sidebar-collapse-button/OrSidebarCollapseButton.vue';

package/dist/esm/v2/components/or-sidebar-v3/partials/index.js

@@ -1,6 +1,6 @@
-export { _ as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-49da331a.js';
+export { _ as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-6a8079ea.js';
 import 'vue-demi';
-import '../../../OrIconButton-2ab8fa02.js';
+import '../../../OrIconButton-e7517e6d.js';
 import '../../../OrIcon-d35a84d8.js';
 import '../../../normalize-component-6e8e3d80.js';
 import '../../../OrTooltip-a32c182a.js';

package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const CollapseButtonContainer: string[];
 export declare const CollapseButton: string[];
+export declare const CollapseButtonButton: string[];

package/dist/esm/v2/components/or-sidebar-v3/props.d.ts

@@ -1,4 +1,4 @@
 export declare enum OrSidebarPlacement {
-    left = "left",
-    right = "right"
+    Left = "left",
+    Right = "right"
 }

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

@@ -1,4 +1,4 @@
-export { _ as OrTagInputV3 } from '../../OrTagInput-1548f007.js';
+export { _ as OrTagInputV3 } from '../../OrTagInput-32ad4c5e.js';
 export { I as TagInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
@@ -10,7 +10,7 @@ import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-2ab8fa02.js';
+import '../../OrIconButton-e7517e6d.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-a32c182a.js';
 import '../../usePopoverState-b92c698b.js';
@@ -24,9 +24,9 @@ import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrInputBox-11227ecd.js';
 import '../../OrLabel-63380256.js';
-import '../../OrTags-25a70212.js';
+import '../../OrTags-cf65a7fa.js';
 import '../../useOverflow-c856b7b7.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
-import '../../OrTag-2b9e664b.js';
+import '../../OrTag-d619ed2b.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-tag-v3/index.js

@@ -1,6 +1,6 @@
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-2b9e664b.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-d619ed2b.js';
 import 'vue-demi';
-import '../../OrIconButton-2ab8fa02.js';
+import '../../OrIconButton-e7517e6d.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrTooltip-a32c182a.js';

package/dist/esm/v2/components/or-tags-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrTagsV3 } from '../../OrTags-25a70212.js';
+export { _ as OrTagsV3 } from '../../OrTags-cf65a7fa.js';
 import 'vue-demi';
 import '../../useOverflow-c856b7b7.js';
 import '@vueuse/core';
@@ -16,7 +16,7 @@ import '../../OrBottomSheet-6bc632c4.js';
 import '../../OrOverlay-948346df.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
-import '../../OrTag-2b9e664b.js';
-import '../../OrIconButton-2ab8fa02.js';
+import '../../OrTag-d619ed2b.js';
+import '../../OrIconButton-e7517e6d.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-a32c182a.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-9c9a44bc.js';
-export { D as TimePickerFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-729b254d.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-8f551fcb.js';
+export { D as TimePickerFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-87492dc6.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -7,12 +7,12 @@ import '@vueuse/core';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import '../../OrDateTimePickerPopoverHeader-5fa89936.js';
+import '../../OrDateTimePickerPopoverHeader-c8cfa29a.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../OrLabel-63380256.js';
-import '../../OrIconButton-2ab8fa02.js';
+import '../../OrIconButton-e7517e6d.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-a32c182a.js';
 import '../../usePopoverState-b92c698b.js';

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

@@ -1,4 +1,4 @@
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-a74e1e20.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-f010f8b9.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-a1332cc2.js';
 import '@vueuse/core';
 import 'vue-demi';
@@ -8,7 +8,7 @@ import 'tailwindcss/resolveConfig';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-2ab8fa02.js';
+import '../../OrIconButton-e7517e6d.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-a32c182a.js';
 import '../../usePopoverState-b92c698b.js';

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

@@ -1,4 +1,4 @@
-export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-a74e1e20.js';
+export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-f010f8b9.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../../useToast-a1332cc2.js';
 import '@vueuse/core';
 import 'vue-demi';
@@ -8,7 +8,7 @@ import 'tailwindcss/resolveConfig';
 import '../../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../../normalize-component-6e8e3d80.js';
-import '../../../OrIconButton-2ab8fa02.js';
+import '../../../OrIconButton-e7517e6d.js';
 import '../../../OrIcon-d35a84d8.js';
 import '../../../OrTooltip-a32c182a.js';
 import '../../../usePopoverState-b92c698b.js';

package/dist/esm/v2/index.js

@@ -8,7 +8,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, _ as OrButtonV3 } from './OrButton-9622e713.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-4eb5c533.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-779ba7ca.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-b9e8e1ee.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { _ as OrCheckbox } from './OrCheckbox-91788c22.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-4e6dbdd3.js';
@@ -17,18 +17,18 @@ export { _ as OrCheckboxV3 } from './OrCheckbox-43615f70.js';
 export { _ as OrChip } from './OrChip-a614bbb9.js';
 export { _ as OrChips } from './OrChips-bdf51639.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-cbd05828.js';
-export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-26295220.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-8d30c597.js';
 export { _ as OrCollapse } from './OrCollapse-9b5d590f.js';
 export { _ 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-5370585d.js';
 export { _ as OrCombinedInputV3 } from './OrCombinedInput-ed20e33b.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-11227ecd.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 export { _ as OrConfirm } from './OrConfirm-f4eec5b2.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-cda74328.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-a4f95898.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-1cf67ea8.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-527c8f20.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-fb410167.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-99d3445b.js';
-export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-729b254d.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-87d551a3.js';
+export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-87492dc6.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
@@ -40,14 +40,14 @@ export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-29a51
 export { _ as OrHint } from './OrHint-7eadc91e.js';
 export { _ as OrHintV3 } from './OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-fa826b6b.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2ab8fa02.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-e7517e6d.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from './OrIcon-d35a84d8.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-19b49ee6.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-0c62b3a6.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-82238b67.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-f52267aa.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-c24708a7.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-e79cfec1.js';
 export { _ as OrInput } from './OrInput-014d2e47.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-dcb61699.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-1517ccef.js';
 export { _ as OrLabel } from './OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-63380256.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-3679a61f.js';
@@ -59,9 +59,9 @@ export { _ as OrMenuItemV3 } from './OrMenuItem-6f9b8a93.js';
 export { _ as OrMenuV3 } from './OrMenu-6b3de1c1.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-71380b24.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-206611f2.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-abc3b1d9.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-af72eb54.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-44bc1f50.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-5b7028d7.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-eaf8a4b4.js';
 export { _ as OrNumberInput } from './OrNumberInput-fcbcf229.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-e3ae75a3.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
@@ -75,13 +75,13 @@ export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from './OrRadioGroup-d1c2e460.js';
 export { _ as OrRadioV3 } from './OrRadio-b32dfbfe.js';
 export { _ as OrSearch } from './OrSearch-e2941d35.js';
-export { _ as OrSearchV3 } from './OrSearch-879c7656.js';
+export { _ as OrSearchV3 } from './OrSearch-f5258a9f.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-d4e32f80.js';
 export { _ as OrSelect } from './OrSelect-49239b74.js';
-export { _ as OrSelectV3 } from './OrSelect-01d61a9a.js';
+export { _ as OrSelectV3 } from './OrSelect-fd7740ad.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from './OrSidebar-bd385865.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-49da331a.js';
+export { _ as OrSidebarV3 } from './OrSidebar-15fc8f69.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-6a8079ea.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from './OrSkeletonText-bd5d97bb.js';
@@ -100,19 +100,19 @@ export { _ as OrTabV3 } from './OrTab-5b198746.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
 export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f9c88893.js';
 export { _ as OrTag } from './OrTag-54778d09.js';
-export { _ as OrTagInputV3 } from './OrTagInput-1548f007.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-2b9e664b.js';
-export { _ as OrTagsV3 } from './OrTags-25a70212.js';
+export { _ as OrTagInputV3 } from './OrTagInput-32ad4c5e.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-d619ed2b.js';
+export { _ as OrTagsV3 } from './OrTags-cf65a7fa.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from './OrText-44449e7b.js';
 export { _ as OrTextarea } from './OrTextarea-d36f4ec6.js';
 export { _ as OrTextareaV3 } from './OrTextarea-9221a04a.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-a937432f.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-9c9a44bc.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-8f551fcb.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-7017d12b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-b5ea5cb2.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-a74e1e20.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-f010f8b9.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-a1332cc2.js';
 export { _ as OrTooltip } from './OrTooltip-0bbf1ed5.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-57a25502.js';
@@ -153,7 +153,7 @@ import './dom-f1d55b67.js';
 import 'lodash/isElement';
 import 'lodash/get';
 import '@vueuse/math';
-import './OrDateTimePickerPopoverHeader-5fa89936.js';
+import './OrDateTimePickerPopoverHeader-c8cfa29a.js';
 import 'lodash/padStart';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-47985d95.js';

package/dist/esm/v2/{types-a74e1e20.js → types-f010f8b9.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$4 } from './OrTeleport.vue2-424c7f33.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-a1332cc2.js';
-import { _ as __vue_component__$2 } from './OrIconButton-2ab8fa02.js';
+import { _ as __vue_component__$2 } from './OrIconButton-e7517e6d.js';
 import { _ as __vue_component__$3 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v3/{OrCardCollection-4516594a.js → OrCardCollection-b362d47e.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
-import { s as script$2 } from './OrIconButton-00f8f0c7.js';
+import { s as script$2 } from './OrIconButton-0edf0894.js';
 import { s as script$6 } from './OrIcon-62793572.js';
 import { s as script$5 } from './OrMenuItem-dbee450f.js';
 import { s as script$4 } from './OrMenu-dbe1db1e.js';
 import './OrPopover-94dc1203.js';
-import { s as script$7 } from './OrSearch-051adc07.js';
+import { s as script$7 } from './OrSearch-e690aff6.js';
 import './OrInputBox-32b37b17.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 

package/dist/esm/v3/{OrCode-0c2310e5.js → OrCode-d36e4b44.js}

@@ -15,10 +15,10 @@ import { u as useTheme } from './useTheme-e23d13c8.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-00f8f0c7.js';
+import { s as script$3 } from './OrIconButton-0edf0894.js';
 import { s as script$4 } from './OrInputBox-32b37b17.js';
 import { s as script$5 } from './OrLabel-4da56db0.js';
-import { s as script$6 } from './OrModal-6a90ea79.js';
+import { s as script$6 } from './OrModal-53d4af81.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, renderSlot, createVNode, withModifiers, createTextVNode, toDisplayString, createCommentVNode, withDirectives, vShow } from 'vue';
 
 var CodeLanguage;

package/dist/esm/v3/{OrConfirm-240cfe0a.js → OrConfirm-6c4a7b89.js}

@@ -5,7 +5,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$2, a as ButtonColor } from './OrButton-c2b6aa9e.js';
-import { s as script$3 } from './OrInput-f0e12c81.js';
+import { s as script$3 } from './OrInput-1fc808c0.js';
 import { s as script$1 } from './OrOverlay-489fdf76.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-f4470d79.js → OrDatePicker-9937fe56.js}

@@ -4,10 +4,10 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-96a38b4b.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-dda25608.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
-import { s as script$a } from './OrIconButton-00f8f0c7.js';
+import { s as script$a } from './OrIconButton-0edf0894.js';
 import { s as script$9 } from './OrIcon-62793572.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-32b37b17.js';
 import { s as script$c } from './OrLabel-4da56db0.js';

package/dist/esm/v3/{OrDateTimePicker-546c15ec.js → OrDateTimePicker-0969233f.js}

@@ -6,12 +6,12 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$a } from './OrError-c01d0c29.js';
 import { s as script$b } from './OrHint-06ab89d7.js';
-import { s as script$d } from './OrIconButton-00f8f0c7.js';
+import { s as script$d } from './OrIconButton-0edf0894.js';
 import { s as script$c } from './OrIcon-62793572.js';
 import { s as script$e, I as InputBoxSize } from './OrInputBox-32b37b17.js';
 import { s as script$f } from './OrLabel-4da56db0.js';
 import { s as script$g } from './OrPopover-94dc1203.js';
-import { s as script$4, a as script$5, b as script$6, c as script$7, d as script$8, e as script$9, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-96a38b4b.js';
+import { s as script$4, a as script$5, b as script$6, c as script$7, d as script$8, e as script$9, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-dda25608.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, createCommentVNode, resolveDirective, renderSlot, withDirectives } from 'vue';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
 

package/dist/esm/v3/{OrDateTimePickerPopoverHeader-96a38b4b.js → OrDateTimePickerPopoverHeader-dda25608.js}

@@ -6,7 +6,7 @@ import 'tailwindcss/resolveConfig';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot } from 'vue';
 import { s as script$6 } from './OrButton-c2b6aa9e.js';
 import { s as script$7 } from './OrLabel-4da56db0.js';
-import { s as script$9 } from './OrIconButton-00f8f0c7.js';
+import { s as script$9 } from './OrIconButton-0edf0894.js';
 import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$b } from './OrMenuItem-dbee450f.js';
 import { s as script$a } from './OrMenu-dbe1db1e.js';

package/dist/esm/v3/{OrIconButton-00f8f0c7.js → OrIconButton-0edf0894.js}

@@ -68,6 +68,11 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
+    // TODO: Remove after migration to Vue 3
+    additionalStyles: {
+      type: Array,
+      default: () => []
+    },
     icon: {
       type: [String, Object],
       required: true
@@ -118,7 +123,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createElementVNode("button", mergeProps({
       ref: "root"
     }, _ctx.$attrs, {
-      class: _ctx.rootStyles,
+      class: [_ctx.rootStyles, ..._ctx.additionalStyles],
       type: 'button',
       selected: _ctx.selected ? '' : null,
       disabled: _ctx.disabled

package/dist/esm/v3/{OrInlineInput-4d47d731.js → OrInlineInput-b88c01a6.js}

@@ -7,7 +7,7 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-00f8f0c7.js';
+import { s as script$3 } from './OrIconButton-0edf0894.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextarea-1415bed9.js → OrInlineTextarea-71e96e67.js}

@@ -7,7 +7,7 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-00f8f0c7.js';
+import { s as script$3 } from './OrIconButton-0edf0894.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInput-f0e12c81.js → OrInput-1fc808c0.js}

@@ -8,7 +8,7 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$4 } from './OrIconButton-00f8f0c7.js';
+import { s as script$4 } from './OrIconButton-0edf0894.js';
 import { s as script$3 } from './OrIcon-62793572.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox-32b37b17.js';
 import { s as script$6 } from './OrLabel-4da56db0.js';

package/dist/esm/v3/{OrModal-6a90ea79.js → OrModal-53d4af81.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$5 } from './OrOverlay-489fdf76.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-00f8f0c7.js';
+import { s as script$4 } from './OrIconButton-0edf0894.js';
 
 const ModalContent = [
 // Layout

package/dist/esm/v3/{OrNotification-117f2dcb.js → OrNotification-42c3a0ec.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-00f8f0c7.js';
+import { s as script$2 } from './OrIconButton-0edf0894.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrSearch-051adc07.js → OrSearch-e690aff6.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-f0e12c81.js';
+import { s as script$1 } from './OrInput-1fc808c0.js';
 import { I as InputBoxSize } from './OrInputBox-32b37b17.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSelect-b3885148.js → OrSelect-5fa11fde.js}

@@ -11,11 +11,11 @@ import { s as script$3 } from './OrExpansionPanel-af3a0d63.js';
 import { s as script$4 } from './OrHint-06ab89d7.js';
 import { s as script$5 } from './OrIcon-62793572.js';
 import { s as script$7, I as InputBoxSize } from './OrInputBox-32b37b17.js';
-import { s as script$6 } from './OrInput-f0e12c81.js';
+import { s as script$6 } from './OrInput-1fc808c0.js';
 import { s as script$8 } from './OrLabel-4da56db0.js';
 import { s as script$9 } from './OrMenuItem-dbee450f.js';
 import { s as script$a } from './OrPopover-94dc1203.js';
-import { s as script$b } from './OrTag-9adef1cd.js';
+import { s as script$b } from './OrTag-51add0ef.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 
 const SelectRoot = [

package/dist/esm/v3/{OrSidebar-47f9d02a.js → OrSidebar-dd7c025b.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton-86dafbbc.js';
+import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-2792a2b4.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [
@@ -36,18 +36,18 @@ const SidebarToolbar = [
 'text-outline', 'dark:text-outline-dark'];
 const CollapsibleSidebarToolbar = ['pt-[56px]'];
 const SidebarSides = {
-  [OrSidebarPlacement.left]: [
+  'left': [
   // Borders
   'border-r-[1px]', 'border-r-solid', 'border-r-outline-variant dark:border-r-outline-variant-dark'],
-  [OrSidebarPlacement.right]: [
+  'right': [
   // Borders
   'border-l-[1px]', 'border-l-solid', 'border-l-outline-variant dark:border-l-outline-variant-dark']
 };
 const SidebarToolbarSides = {
-  [OrSidebarPlacement.left]: [
+  'left': [
   // Borders
   'border-r-[1px]', 'border-r-solid', 'border-r-outline-variant dark:border-r-outline-variant-dark'],
-  [OrSidebarPlacement.right]: [
+  'right': [
   // Borders
   'border-l-[1px]', 'border-l-solid', 'border-l-outline-variant dark:border-l-outline-variant-dark']
 };
@@ -59,14 +59,14 @@ const SidebarResize = [
 // Cursor
 'cursor-ew-resize'];
 const SidebarResizeSides = {
-  [OrSidebarPlacement.left]: [
+  'left': [
   // Position
   '-right-[1px]',
   // Borders
   'hover:border-r-2', 'hover:border-r-primary-hover hover:dark:border-r-primary-hover-dark',
   // Transition
   'transition-[border-right]'],
-  [OrSidebarPlacement.right]: [
+  'right': [
   // Position
   '-left-[1px]',
   // Borders
@@ -78,18 +78,18 @@ const SidebarCollapseButton = [
 // Position
 'absolute', 'top-md', 'inset-y-none', 'z-[1]'];
 const SidebarCollapseButtonSides = {
-  [OrSidebarPlacement.left]: [
+  'left': [
   // Position
   '-right-[12px]'],
-  [OrSidebarPlacement.right]: [
+  'right': [
   // Position
   '-left-[12px]']
 };
 const SidebarResizingSides = {
-  [OrSidebarPlacement.left]: [
+  'left': [
   // Borders
   'border-r-2', 'border-r-primary-hover dark:border-r-primary-hover-dark'],
-  [OrSidebarPlacement.right]: [
+  'right': [
   // Borders
   'border-l-2', 'border-l-primary-hover dark:border-l-primary-hover-dark']
 };
@@ -145,7 +145,7 @@ var script = defineComponent({
      */
     side: {
       type: String,
-      default: OrSidebarPlacement.right
+      default: OrSidebarPlacement.Right
     },
     draggable: {
       type: Boolean,
@@ -158,10 +158,7 @@ var script = defineComponent({
   },
   emits: ['change:width', 'open', 'close'],
   expose: ['root', 'open', 'close'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, context) {
     // Refs
     const root = ref();
     const resizeBar = ref(null);
@@ -203,7 +200,7 @@ var script = defineComponent({
         isResizing.value = true;
       },
       onMove: position => {
-        const delta = (position.x - startPositionX.value) * (props.side === OrSidebarPlacement.left ? -1 : 1);
+        const delta = (position.x - startPositionX.value) * (props.side === OrSidebarPlacement.Left ? -1 : 1);
         const newWidth = localWidth.value - delta;
         localWidth.value = newWidth > maximumWidth.value ? maximumWidth.value : newWidth < props.minimumWidth ? props.minimumWidth : newWidth;
         startPositionX.value = position.x;
@@ -241,8 +238,8 @@ var script = defineComponent({
     watch(maximumWidth, newMaximum => {
       if (newMaximum < localWidth.value) localWidth.value = newMaximum;
     });
-    watch(localWidth, val => emit('change:width', val));
-    watch(isCollapsed, val => emit(val ? 'close' : 'open'));
+    watch(localWidth, val => context.emit('change:width', val));
+    watch(isCollapsed, val => context.emit(val ? 'close' : 'open'));
     return {
       root,
       resizeBar,
@@ -267,7 +264,7 @@ var script = defineComponent({
 });
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_sidebar_collapse_button = resolveComponent("or-sidebar-collapse-button");
+  const _component_OrSidebarCollapseButton = resolveComponent("OrSidebarCollapseButton");
   return openBlock(), createElementBlock("aside", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
@@ -281,7 +278,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     ref: "resizeBar",
     class: normalizeClass(_ctx.resizeStyles)
-  }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.collapsible ? (openBlock(), createBlock(_component_or_sidebar_collapse_button, {
+  }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.collapsible ? (openBlock(), createBlock(_component_OrSidebarCollapseButton, {
     key: 1,
     modelValue: _ctx.isCollapsed,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.isCollapsed = $event),