@onereach/ui-components 3.0.2-beta.2481.0 → 3.0.2-beta.2641.0

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-2283df1c.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-1583425b.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-fcc2bec5.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-f4c27d14.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-d20717ec.js';
 export { _ as OrCheckbox } from './OrCheckbox-63d444f1.js';
@@ -19,7 +19,7 @@ export { _ as OrCode, O as OrCodeLanguages } from './OrCode-fd7c026c.js';
 export { _ as OrCollapse } from './OrCollapse-50e3914c.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-fa92b4fa.js';
 export { _ as OrConfirm } from './OrConfirm-64e815c7.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-7eee1481.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-216060ac.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-85e5e03e.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
@@ -31,15 +31,15 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { _ as OrHint } from './OrHint-fe65fbe6.js';
 export { _ as OrHintV3 } from './OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-dd72b52f.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-ec2e21aa.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-5c4ef664.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-34f28593.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-46e7f140.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-f950e6d2.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-07a2cdc1.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-d016f618.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-6b1aec08.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-a7903c0f.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-9e6040e4.js';
 export { _ as OrInput } from './OrInput-c005a759.js';
 export { _ as OrLabel } from './OrLabel-931394a5.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-63380256.js';
@@ -49,31 +49,31 @@ export { _ as OrListOfInputs } from './OrListOfInputs-9a08a3ee.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-212ef381.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-b0c381f9.js';
 export { _ as OrMenuItemV3 } from './OrMenuItem-6f9b8a93.js';
-export { _ as OrMenuV3 } from './OrMenu-47b319a6.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-83c885d0.js';
+export { _ as OrMenuV3 } from './OrMenu-fb119a7b.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-aa9f4918.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-195ae7b6.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-69791114.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-b759863f.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-48cd0779.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-5e98ac28.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-f9e48250.js';
 export { _ as OrNumberInput } from './OrNumberInput-eb0e7087.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-1a82785c.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from './OrOverlay-2ce3cfd7.js';
 export { _ as OrPassword } from './OrPassword-239dfa7a.js';
-export { _ as OrPaginationV3 } from './OrPagination-4d330d4f.js';
+export { _ as OrPaginationV3 } from './OrPagination-dc27788c.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-e6f20dc1.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-29957e64.js';
 export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from './OrRadio-26031dd3.js';
 export { _ as OrSearch } from './OrSearch-2fbdbec9.js';
-export { _ as OrSearchV3 } from './OrSearch-5eba1989.js';
+export { _ as OrSearchV3 } from './OrSearch-da9725b4.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-03e79c4b.js';
-export { _ as OrSelectV3 } from './OrSelect-2d48ddee.js';
+export { _ as OrSelectV3 } from './OrSelect-8307ad20.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
-export { _ as OrSidebarV3 } from './OrSidebar-6431f9f0.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-fbbac5f0.js';
+export { _ as OrSidebarV3 } from './OrSidebar-5ca2144a.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-b8e678d4.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-6a6f285d.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-ee42a9e9.js';
 export { _ as OrSlider } from './OrSlider-ded83b5c.js';
@@ -85,9 +85,9 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
 export { _ as OrTabV3 } from './OrTab-81ccc89a.js';
 export { _ as OrTabs } from './OrTabs-12138346.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f0e4db08.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-32d46f77.js';
 export { _ as OrTag } from './OrTag-2845a49f.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-335525e6.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-0153f01d.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-6097bca5.js';
@@ -96,11 +96,12 @@ export { _ as OrTextareaV3 } from './OrTextarea-2d5d0be6.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-cd85a59f.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-41b56042.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-b1ac5808.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-1e607d9c.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { _ as OrTooltip } from './OrTooltip-cefc51f9.js';
 export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';
-export { _ as OrTooltipV3 } from './OrTooltip-2c09dcaf.js';
+export { _ as OrTooltipV3 } from './OrTooltip-f5d1e4f0.js';
+export { _ as OrTreeV3 } from './OrTree-32b2fede.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-92fce12c.js';

package/dist/esm/v2/{types-b1ac5808.js → types-1e607d9c.js}

@@ -2,7 +2,7 @@ import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
 import { _ as __vue_component__$4 } from './OrTeleport.vue2-fb92f29f.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
-import { _ as __vue_component__$2 } from './OrIconButton-ec2e21aa.js';
+import { _ as __vue_component__$2 } from './OrIconButton-5c4ef664.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-fd019cf5.js → OrCardCollection-8bdbf9b7.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$3 } from './OrButton-5a850657.js';
-import { s as script$2 } from './OrIconButton-e3f4d060.js';
+import { s as script$2 } from './OrIconButton-41ee266c.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-053a9ab7.js';
-import './OrPopover-3ac8f589.js';
-import { s as script$7 } from './OrSearch-6673c583.js';
+import { s as script$4 } from './OrMenu-693b2bb8.js';
+import './OrPopover-52250a03.js';
+import { s as script$7 } from './OrSearch-b6a0f0e6.js';
 import './OrInputBox-11389afd.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/{OrConfirm-b74191d6.js → OrConfirm-8067c5c4.js}

@@ -2,7 +2,7 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { s as script$2, a as ButtonColor } from './OrButton-5a850657.js';
-import { s as script$3 } from './OrInput-f0748c95.js';
+import { s as script$3 } from './OrInput-18a1b41a.js';
 import { s as script$1 } from './OrOverlay-7cf03aea.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrIconButton-e3f4d060.js → OrIconButton-41ee266c.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1, I as IconSize } from './OrIcon-62793572.js';
-import { s as script$2 } from './OrTooltip-d91128f4.js';
-import './OrPopover-3ac8f589.js';
+import { s as script$2 } from './OrTooltip-02f07fa2.js';
+import './OrPopover-52250a03.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-c0e61e6b.js → OrInlineInput-0ebb39b5.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 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-e3f4d060.js';
+import { s as script$3 } from './OrIconButton-41ee266c.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-6d5e7ceb.js → OrInlineTextarea-9fe81d0c.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 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-e3f4d060.js';
+import { s as script$3 } from './OrIconButton-41ee266c.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-f0748c95.js → OrInput-18a1b41a.js}

@@ -5,7 +5,7 @@ import { u as useResponsive } from './useResponsive-a02e95b7.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$4 } from './OrIconButton-e3f4d060.js';
+import { s as script$4 } from './OrIconButton-41ee266c.js';
 import { s as script$3 } from './OrIcon-62793572.js';
 import { s as script$5, a as InputBoxSize } from './OrInputBox-11389afd.js';
 import { s as script$6 } from './OrLabel-4da56db0.js';

package/dist/esm/v3/{OrMenu-053a9ab7.js → OrMenu-693b2bb8.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-3ac8f589.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-52250a03.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const MenuRoot = [

package/dist/esm/v3/{OrModal-7d4158d1.js → OrModal-18b6a0d2.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-e3f4d060.js';
+import { s as script$2 } from './OrIconButton-41ee266c.js';
 import { s as script$1 } from './OrOverlay-7cf03aea.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrNotification-9e00aa97.js → OrNotification-b8a59ce3.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-e3f4d060.js';
+import { s as script$2 } from './OrIconButton-41ee266c.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/{OrPagination-f2d104d9.js → OrPagination-9f8380a9.js}

@@ -4,8 +4,8 @@ import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { s as script$1 } from './OrButton-5a850657.js';
 import { s as script$2 } from './OrIcon-62793572.js';
 import { s as script$4 } from './OrMenuItem-dbee450f.js';
-import { s as script$3 } from './OrMenu-053a9ab7.js';
-import './OrPopover-3ac8f589.js';
+import { s as script$3 } from './OrMenu-693b2bb8.js';
+import './OrPopover-52250a03.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [

package/dist/esm/v3/{OrPopover-3ac8f589.js → OrPopover-52250a03.js}

@@ -96,10 +96,6 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
-    customStyles: {
-      type: Array,
-      default: () => []
-    },
     disableDefaultStyles: {
       type: Boolean,
       default: false
@@ -120,7 +116,7 @@ var script = defineComponent({
       return (_a = bottomSheet.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-popover-v3', ...PopoverRoot, ...props.customStyles]);
+    const rootStyles = computed(() => ['or-popover-v3', ...PopoverRoot]);
     const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
     // State
     const state = ref('closed');

package/dist/esm/v3/{OrSearch-6673c583.js → OrSearch-b6a0f0e6.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-f0748c95.js';
+import { s as script$1 } from './OrInput-18a1b41a.js';
 import { a as InputBoxSize } from './OrInputBox-11389afd.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSelect-b9d45ab4.js → OrSelect-c3a50846.js}

@@ -8,11 +8,11 @@ import { s as script$3 } from './OrExpansionPanel-99ca7ed7.js';
 import { s as script$4 } from './OrHint-06ab89d7.js';
 import { s as script$5 } from './OrIcon-62793572.js';
 import { s as script$7, a as InputBoxSize } from './OrInputBox-11389afd.js';
-import { s as script$6 } from './OrInput-f0748c95.js';
+import { s as script$6 } from './OrInput-18a1b41a.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-3ac8f589.js';
-import { s as script$b } from './OrTag-1b49531d.js';
+import { s as script$a } from './OrPopover-52250a03.js';
+import { s as script$b } from './OrTag-43ca7029.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 
 const SelectRoot = [
@@ -377,11 +377,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }, null, 8 /* PROPS */, ["icon"])]), createVNode(_component_OrPopover, {
       ref: "popover",
+      class: normalizeClass(_ctx.dropdownStyles),
       variant: 'auto',
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom',
       "full-width": true,
-      "custom-styles": _ctx.dropdownStyles,
       "disable-default-styles": true
     }, {
       default: withCtx(() => [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrInput, {
@@ -483,7 +483,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [renderSlot(_ctx.$slots, "noSearchResultsTemplate", {}, () => [createTextVNode(" No results ")])], 2 /* CLASS */))]),
 
       _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["trigger", "custom-styles"])]),
+    }, 8 /* PROPS */, ["class", "trigger"])]),
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_4, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/esm/v3/{OrSidebar-c4dfb35c.js → OrSidebar-22253d76.js}

@@ -1,7 +1,7 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import _ from 'lodash';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton-e4b2eedb.js';
+import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton-5154e452.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [

package/dist/esm/v3/{OrSidebarCollapseButton-e4b2eedb.js → OrSidebarCollapseButton-5154e452.js}

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-e3f4d060.js';
+import { s as script$1 } from './OrIconButton-41ee266c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
 
 var OrSidebarPlacement;

package/dist/esm/v3/{OrTabs-d9e2a07e.js → OrTabs-6ee4b984.js}

@@ -2,8 +2,8 @@ import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { s as script$3 } from './OrMenuItem-dbee450f.js';
-import { s as script$2 } from './OrMenu-053a9ab7.js';
-import './OrPopover-3ac8f589.js';
+import { s as script$2 } from './OrMenu-693b2bb8.js';
+import './OrPopover-52250a03.js';
 import { s as script$4 } from './OrTab-c11d94f6.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 

package/dist/esm/v3/{OrTag-1b49531d.js → OrTag-43ca7029.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-e3f4d060.js';
+import { s as script$1 } from './OrIconButton-41ee266c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;

package/dist/esm/v3/{OrTooltip-d91128f4.js → OrTooltip-02f07fa2.js}

@@ -1,6 +1,6 @@
 import { useDebounceFn, useElementHover } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-3ac8f589.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-52250a03.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const TooltipRoot = [

package/dist/esm/v3/OrTree-bf625e80.js

@@ -0,0 +1,170 @@
+import { defineComponent } from 'vue-demi';
+import { s as script$2 } from './OrIconButton-41ee266c.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, Fragment, renderList, withCtx } from 'vue';
+
+const getFlatTree = tree => {
+  const flatTree = [];
+  const nodeMetadataByKey = {};
+  const goDeeper = (treeNode, level, parentNodeKey) => {
+    flatTree.push(treeNode);
+    nodeMetadataByKey[treeNode.key] = {
+      level,
+      isExpanded: false,
+      parentNodeKey
+    };
+    if (treeNode.children) {
+      for (const child of treeNode.children) {
+        goDeeper(child, level + 1, treeNode.key);
+      }
+    }
+  };
+  for (const node of tree) {
+    goDeeper(node, 0, '');
+  }
+  return {
+    flatTree,
+    nodeMetadataByKey
+  };
+};
+
+const TreeNodeRoot = ['flex', 'items-center', 'gap-sm', 'pt-6', 'my-sm',
+// Theme
+'text-on-background', 'dark:text-on-background-dark', 'hover:bg-primary-opacity-0-08', 'dark:hover:bg-primary-opacity-0-08-dark'];
+
+var script$1 = defineComponent({
+  components: {
+    OrIconButton: script$2
+  },
+  props: {
+    node: {
+      type: Object,
+      default: undefined
+    },
+    nodeKey: {
+      type: String,
+      default: ''
+    },
+    isExpanded: {
+      type: Boolean,
+      default: false
+    },
+    isLeaf: {
+      type: Boolean,
+      default: false
+    },
+    level: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ['trigger-expand'],
+  setup() {
+    return {
+      rootClasses: TreeNodeRoot
+    };
+  },
+  computed: {
+    expandIcon() {
+      return this.isExpanded ? 'keyboard_arrow_down' : 'arrow_right';
+    },
+    styleCSS() {
+      return {
+        // 24px -- gap-sm + tooltip width
+        'padding-left': this.isLeaf && this.level === 0 ? '24px' : `${(this.isLeaf ? 24 : 0) + this.level * 10}px`
+      };
+    }
+  }
+});
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["tree-node", _ctx.rootClasses]),
+    style: normalizeStyle(_ctx.styleCSS)
+  }, [!_ctx.isLeaf ? (openBlock(), createBlock(_component_or_icon_button, {
+    key: 0,
+    icon: _ctx.expandIcon,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('trigger-expand', _ctx.nodeKey))
+  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.$props)), () => [createTextVNode(toDisplayString(_ctx.nodeKey), 1 /* TEXT */)])], 6 /* CLASS, STYLE */);
+}
+
+script$1.render = render$1;
+script$1.__file = "src/components/or-tree-v3/TreeNode.vue";
+
+var script = defineComponent({
+  components: {
+    TreeNode: script$1
+  },
+  props: {
+    initialData: {
+      type: Array,
+      default: () => []
+    },
+    identifierKey: {
+      type: String,
+      default: 'key'
+    }
+  },
+  data() {
+    return {
+      flatTree: [],
+      nodeMetadataByKey: {}
+    };
+  },
+  computed: {
+    visibleItems() {
+      return this.flatTree.filter(treeNode => {
+        return this.isNodeExpanded(treeNode.key);
+      });
+    }
+  },
+  mounted() {
+    const {
+      nodeMetadataByKey,
+      flatTree
+    } = getFlatTree(this.initialData);
+    this.flatTree = flatTree;
+    this.nodeMetadataByKey = nodeMetadataByKey;
+  },
+  methods: {
+    onTriggerExpand(key) {
+      this.nodeMetadataByKey[key].isExpanded = !this.nodeMetadataByKey[key].isExpanded;
+    },
+    isNodeExpanded(key) {
+      const {
+        parentNodeKey,
+        level
+      } = this.nodeMetadataByKey[key];
+      const parentMetadata = this.nodeMetadataByKey[parentNodeKey];
+      if (level === 0) return true;
+      if (!parentMetadata.isExpanded) return false;
+      return this.isNodeExpanded(parentNodeKey);
+    }
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_tree_node = resolveComponent("tree-node");
+  return openBlock(), createElementBlock("div", {
+    class: "or-tree",
+    onDrop: _cache[0] || (_cache[0] = (...args) => _ctx.onDrop && _ctx.onDrop(...args))
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleItems, node => {
+    return openBlock(), createBlock(_component_tree_node, {
+      key: node[_ctx.identifierKey],
+      node: node,
+      "node-key": node[_ctx.identifierKey],
+      "is-expanded": _ctx.nodeMetadataByKey[node.key].isExpanded,
+      "is-leaf": !!node.isLeaf,
+      level: _ctx.nodeMetadataByKey[node.key].level,
+      onTriggerExpand: _ctx.onTriggerExpand
+    }, {
+      default: withCtx(props => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(props)))]),
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["node", "node-key", "is-expanded", "is-leaf", "level", "onTriggerExpand"]);
+  }), 128 /* KEYED_FRAGMENT */))], 32 /* HYDRATE_EVENTS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-tree-v3/OrTree.vue";
+
+export { script as s };

package/dist/esm/v3/components/index.d.ts

@@ -93,3 +93,4 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
+export * from './or-tree-v3';

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

@@ -6,7 +6,7 @@ export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-5a850657.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-70131a12.js';
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-fd019cf5.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-8bdbf9b7.js';
 export { s as OrCardV3 } from '../OrCard-cc82902c.js';
 export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem-a3a855e8.js';
 export { s as OrCheckbox } from '../OrCheckbox-8d8887ea.js';
@@ -16,7 +16,7 @@ export { s as OrCode, O as OrCodeLanguages } from '../OrCode-b5822f4e.js';
 export { s as OrCollapse } from '../OrCollapse-37a52e8f.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-9a149e6b.js';
 export { s as OrConfirm } from '../OrConfirm-f408faf5.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-b74191d6.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-8067c5c4.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-30749526.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
@@ -28,14 +28,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { s as OrHint } from '../OrHint-1414c530.js';
 export { s as OrHintV3 } from '../OrHint-06ab89d7.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-ed3e10b4.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-e3f4d060.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-41ee266c.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-62793572.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-01fb2cb2.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-c0e61e6b.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-0ebb39b5.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-328c89ca.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-6d5e7ceb.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-9fe81d0c.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-11389afd.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-f0748c95.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-18a1b41a.js';
 export { s as OrInput } from '../OrInput-0dbd5a01.js';
 export { s as OrLabel } from '../OrLabel-876f8729.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-4da56db0.js';
@@ -45,31 +45,31 @@ export { s as OrListOfInputs } from '../OrListOfInputs-5a834c95.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-15174477.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-b79022da.js';
 export { s as OrMenuItemV3 } from '../OrMenuItem-dbee450f.js';
-export { s as OrMenuV3 } from '../OrMenu-053a9ab7.js';
-export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-3ac8f589.js';
+export { s as OrMenuV3 } from '../OrMenu-693b2bb8.js';
+export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-52250a03.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-f3b2e0f4.js';
-export { M as ModalSize, s as OrModalV3 } from '../OrModal-7d4158d1.js';
+export { M as ModalSize, s as OrModalV3 } from '../OrModal-18b6a0d2.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-6d2e0cf5.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-9e00aa97.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-b8a59ce3.js';
 export { s as OrNumberInput } from '../OrNumberInput-dca5e850.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-08626d66.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from '../OrOverlay-7cf03aea.js';
 export { s as OrPassword } from '../OrPassword-4a37f3ac.js';
-export { s as OrPaginationV3 } from '../OrPagination-f2d104d9.js';
+export { s as OrPaginationV3 } from '../OrPagination-9f8380a9.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-d0d52c86.js';
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-33cf7445.js';
 export { s as OrRadio } from '../OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from '../OrRadio-a890ee7c.js';
 export { s as OrSearch } from '../OrSearch-1f80760e.js';
-export { s as OrSearchV3 } from '../OrSearch-6673c583.js';
+export { s as OrSearchV3 } from '../OrSearch-b6a0f0e6.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-4587c7a9.js';
 export { s as OrSelect } from '../OrSelect-88e5dfaf.js';
-export { s as OrSelectV3 } from '../OrSelect-b9d45ab4.js';
+export { s as OrSelectV3 } from '../OrSelect-c3a50846.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
-export { s as OrSidebarV3 } from '../OrSidebar-c4dfb35c.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-e4b2eedb.js';
+export { s as OrSidebarV3 } from '../OrSidebar-22253d76.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-5154e452.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-0546754d.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-718a89f0.js';
 export { s as OrSlider } from '../OrSlider-858576e2.js';
@@ -81,9 +81,9 @@ export { s as OrTab } from '../OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-d668cc59.js';
 export { s as OrTabV3 } from '../OrTab-c11d94f6.js';
 export { s as OrTabs } from '../OrTabs-d3812c11.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-d9e2a07e.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-6ee4b984.js';
 export { s as OrTag } from '../OrTag-2192a3cf.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-1b49531d.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-43ca7029.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-de6b2fe2.js';
@@ -92,10 +92,11 @@ export { s as OrTextareaV3 } from '../OrTextarea-08b22d36.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-b025d6e4.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-70cd8d1d.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-4fbe0e5a.js';
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-af033805.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-9ab3399d.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from '../OrTooltip-8d7385bc.js';
-export { s as OrTooltipV3 } from '../OrTooltip-d91128f4.js';
+export { s as OrTooltipV3 } from '../OrTooltip-02f07fa2.js';
+export { s as OrTreeV3 } from '../OrTree-bf625e80.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';