@onereach/ui-components 4.11.1-beta.2967.0 → 4.11.1

package/dist/esm/v2/components/or-fab-v3/OrFab.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     color: {
-        type: PropType<"primary" | "danger">;
+        type: PropType<FabColor>;
         default: FabColor;
     };
     disabled: {
@@ -23,7 +23,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     color: {
-        type: PropType<"primary" | "danger">;
+        type: PropType<FabColor>;
         default: FabColor;
     };
     disabled: {
@@ -32,7 +32,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     icon: string;
-    color: "primary" | "danger";
+    color: FabColor;
     disabled: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -40,10 +40,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isVue3: boolean;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     icon: string;
-    color: "primary" | "danger";
+    color: FabColor;
     disabled: boolean;
 } & {}, {
-    color: "primary" | "danger";
+    color: FabColor;
     disabled: boolean;
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-icon-button-v3/OrIconButton.vue.d.ts

@@ -5,10 +5,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isVue3: boolean;
 }> & import("@vue/composition-api").Data, {}, {}, {
-    additionalStyles: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
     icon: {
         type: PropType<string | Omit<Readonly<Partial<{
             [x: number]: string;
@@ -38,10 +34,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
-    additionalStyles: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
     icon: {
         type: PropType<string | Omit<Readonly<Partial<{
             [x: number]: string;
@@ -72,7 +64,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     size: "inherit" | "xl" | "l" | "m";
-    additionalStyles: string[];
     icon: Omit<Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>, "size">;
@@ -90,7 +81,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isVue3: boolean;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     size: "inherit" | "xl" | "l" | "m";
-    additionalStyles: string[];
     icon: Omit<Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>, "size">;
@@ -104,7 +94,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     size: "inherit" | "xl" | "l" | "m";
-    additionalStyles: string[];
     color: "default" | "danger" | "inherit";
     selected: boolean;
     disabled: boolean;

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

@@ -1,4 +1,4 @@
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../../OrIconButton-e7517e6d.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from '../../OrIconButton-2ab8fa02.js';
 export { I as IconButtonSize } from '../../OrIcon-d35a84d8.js';
 import 'vue-demi';
 import '../../OrTooltip-a32c182a.js';

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

@@ -1,4 +1,4 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-82238b67.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-0c62b3a6.js';
 export { I as InlineInputSize } from '../../OrInlineInputBox-19b49ee6.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-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-a32c182a.js';
 import '../../usePopoverState-b92c698b.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-e79cfec1.js';
+export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-c24708a7.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -9,7 +9,7 @@ import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-a32c182a.js';
 import '../../usePopoverState-b92c698b.js';

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

@@ -1,4 +1,4 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-1517ccef.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-dcb61699.js';
 export { I as InputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
@@ -11,7 +11,7 @@ import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-a32c182a.js';
 import '../../usePopoverState-b92c698b.js';

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

@@ -1,4 +1,4 @@
-export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-af72eb54.js';
+export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-abc3b1d9.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../usePopoverState-b92c698b.js';
@@ -9,7 +9,7 @@ import '../../useElevation-a50ec347.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-a32c182a.js';
 import '../../OrPopover-71380b24.js';

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

@@ -1,6 +1,6 @@
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-eaf8a4b4.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-5b7028d7.js';
 import 'vue-demi';
-import '../../OrIconButton-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrTooltip-a32c182a.js';

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

@@ -1,8 +1,8 @@
-export { _ as OrSearchV3 } from '../../OrSearch-f5258a9f.js';
+export { _ as OrSearchV3 } from '../../OrSearch-879c7656.js';
 export { I as SearchSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../../OrInput-1517ccef.js';
+import '../../OrInput-dcb61699.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-a02e95b7.js';
@@ -12,7 +12,7 @@ import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-a32c182a.js';
 import '../../usePopoverState-b92c698b.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-fd7740ad.js';
+export { _ as OrSelectV3 } from '../../OrSelect-01d61a9a.js';
 export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -18,10 +18,10 @@ import '../../usePopoverState-b92c698b.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrHint-aa221198.js';
 import '../../OrInputBox-11227ecd.js';
-import '../../OrInput-1517ccef.js';
+import '../../OrInput-dcb61699.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrIconButton-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.js';
 import '../../OrTooltip-a32c182a.js';
 import '../../OrPopover-71380b24.js';
 import '@floating-ui/dom';
@@ -32,4 +32,4 @@ import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrLoader-b0c381f9.js';
 import '../../OrMenuItem-6f9b8a93.js';
-import '../../OrTag-d619ed2b.js';
+import '../../OrTag-2b9e664b.js';

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

@@ -42,7 +42,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
      * @values left, right
      */
     side: {
-        type: PropType<"left" | "right">;
+        type: PropType<OrSidebarPlacement>;
         default: OrSidebarPlacement;
     };
     draggable: {
@@ -74,7 +74,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
      * @values left, right
      */
     side: {
-        type: PropType<"left" | "right">;
+        type: PropType<OrSidebarPlacement>;
         default: OrSidebarPlacement;
     };
     draggable: {
@@ -89,7 +89,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     width: number;
     minimumWidth: number;
     maximumWidth: number;
-    side: "left" | "right";
+    side: OrSidebarPlacement;
     draggable: boolean;
     collapsible: boolean;
 } & {} & {
@@ -119,7 +119,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     width: number;
     minimumWidth: number;
     maximumWidth: number;
-    side: "left" | "right";
+    side: OrSidebarPlacement;
     draggable: boolean;
     collapsible: boolean;
 } & {} & {
@@ -128,7 +128,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     width: number;
     minimumWidth: number;
     maximumWidth: number;
-    side: "left" | "right";
+    side: OrSidebarPlacement;
     draggable: boolean;
     collapsible: boolean;
 }, true>);

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

@@ -1,9 +1,9 @@
-export { _ as OrSidebarV3 } from '../../OrSidebar-15fc8f69.js';
-export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-6a8079ea.js';
+export { _ as OrSidebarV3 } from '../../OrSidebar-bd385865.js';
+export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-49da331a.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-a32c182a.js';
 import '../../usePopoverState-b92c698b.js';

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

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

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

@@ -1,6 +1,6 @@
-export { _ as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-6a8079ea.js';
+export { _ as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-49da331a.js';
 import 'vue-demi';
-import '../../../OrIconButton-e7517e6d.js';
+import '../../../OrIconButton-2ab8fa02.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/index.d.ts

@@ -0,0 +1 @@
+export { default as OrSidebarCollapseButton } from './OrSidebarCollapseButton.vue';

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

@@ -0,0 +1,18 @@
+export { _ as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton-49da331a.js';
+import 'vue-demi';
+import '../../../../OrIconButton-2ab8fa02.js';
+import '../../../../OrIcon-d35a84d8.js';
+import '../../../../normalize-component-6e8e3d80.js';
+import '../../../../OrTooltip-a32c182a.js';
+import '@vueuse/core';
+import '../../../../usePopoverState-b92c698b.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
+import '../../../../OrPopover-71380b24.js';
+import '@floating-ui/dom';
+import '../../../../useElevation-a50ec347.js';
+import '../../../../useResponsive-a02e95b7.js';
+import '../../../../OrBottomSheet-6bc632c4.js';
+import '../../../../OrOverlay-948346df.js';
+import '../../../../OrTeleport.vue2-424c7f33.js';
+import 'portal-vue';

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-32ad4c5e.js';
+export { _ as OrTagInputV3 } from '../../OrTagInput-1548f007.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-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.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-cf65a7fa.js';
+import '../../OrTags-25a70212.js';
 import '../../useOverflow-c856b7b7.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
-import '../../OrTag-d619ed2b.js';
+import '../../OrTag-2b9e664b.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-d619ed2b.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-2b9e664b.js';
 import 'vue-demi';
-import '../../OrIconButton-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.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-cf65a7fa.js';
+export { _ as OrTagsV3 } from '../../OrTags-25a70212.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-d619ed2b.js';
-import '../../OrIconButton-e7517e6d.js';
+import '../../OrTag-2b9e664b.js';
+import '../../OrIconButton-2ab8fa02.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-8f551fcb.js';
-export { D as TimePickerFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-87492dc6.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-9c9a44bc.js';
+export { D as TimePickerFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-729b254d.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-c8cfa29a.js';
+import '../../OrDateTimePickerPopoverHeader-5fa89936.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../OrLabel-63380256.js';
-import '../../OrIconButton-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.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-f010f8b9.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-a74e1e20.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-e7517e6d.js';
+import '../../OrIconButton-2ab8fa02.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-f010f8b9.js';
+export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-a74e1e20.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-e7517e6d.js';
+import '../../../OrIconButton-2ab8fa02.js';
 import '../../../OrIcon-d35a84d8.js';
 import '../../../OrTooltip-a32c182a.js';
 import '../../../usePopoverState-b92c698b.js';

package/dist/esm/v2/components/or-tree-v3/OrTree.vue.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue-demi';
+import { TreeNode } from './types';
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | null>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    nodes: {
+        type: PropType<TreeNode[]>;
+        default: () => never[];
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    nodes: {
+        type: PropType<TreeNode[]>;
+        default: () => never[];
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    nodes: TreeNode[];
+    draggable: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | null>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    nodes: TreeNode[];
+    draggable: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    nodes: TreeNode[];
+    draggable: boolean;
+}, true>);
+export default _default;

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

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

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

@@ -0,0 +1,7 @@
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-dcacd695.js';
+import 'vue-demi';
+import '@vueuse/core';
+import '../../OrButton-9622e713.js';
+import '../../OrLoader-b0c381f9.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../OrIcon-d35a84d8.js';

package/dist/esm/v2/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vue.d.ts

@@ -0,0 +1,120 @@
+import { PropType } from 'vue-demi';
+import { TreeNode } from '../../types';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    isOpen: import("@vue/composition-api").Ref<boolean>;
+    isLeaf: import("@vue/composition-api").ComputedRef<boolean>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    nodeStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    dragIndicatorStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    setIsOpen: (value?: boolean | undefined) => boolean;
+    nodeRoot: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    isDrag: import("@vue/composition-api").Ref<boolean>;
+    canDrag: import("@vue/composition-api").ComputedRef<boolean>;
+    dragPosition: import("@vue/composition-api").Ref<"top" | "bottom" | "middle">;
+    handleDragStart: (e: DragEvent) => void;
+    handleDrop: (e: DragEvent) => void;
+    handleCollapse: () => void;
+    handleContextMenu: (e: MouseEvent) => void;
+    handleClick: (e: MouseEvent) => void;
+    handleDragOver: (e: DragEvent) => void;
+    handleDragLeave: (e: DragEvent) => void;
+    hasCollapseTrigger: import("@vue/composition-api").ComputedRef<boolean>;
+    isDragOver: import("@vue/composition-api").Ref<boolean>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    node: {
+        type: PropType<TreeNode>;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    parentSelected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    depth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    node: {
+        type: PropType<TreeNode>;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    parentSelected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    depth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    node: TreeNode;
+    selected: boolean;
+    parentSelected: boolean;
+    expanded: boolean;
+    depth: number;
+    draggable: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    isOpen: import("@vue/composition-api").Ref<boolean>;
+    isLeaf: import("@vue/composition-api").ComputedRef<boolean>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    nodeStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    dragIndicatorStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    setIsOpen: (value?: boolean | undefined) => boolean;
+    nodeRoot: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    isDrag: import("@vue/composition-api").Ref<boolean>;
+    canDrag: import("@vue/composition-api").ComputedRef<boolean>;
+    dragPosition: import("@vue/composition-api").Ref<"top" | "bottom" | "middle">;
+    handleDragStart: (e: DragEvent) => void;
+    handleDrop: (e: DragEvent) => void;
+    handleCollapse: () => void;
+    handleContextMenu: (e: MouseEvent) => void;
+    handleClick: (e: MouseEvent) => void;
+    handleDragOver: (e: DragEvent) => void;
+    handleDragLeave: (e: DragEvent) => void;
+    hasCollapseTrigger: import("@vue/composition-api").ComputedRef<boolean>;
+    isDragOver: import("@vue/composition-api").Ref<boolean>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    node: TreeNode;
+    selected: boolean;
+    parentSelected: boolean;
+    expanded: boolean;
+    depth: number;
+    draggable: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    selected: boolean;
+    parentSelected: boolean;
+    expanded: boolean;
+    depth: number;
+    draggable: boolean;
+}, true>);
+export default _default;

package/dist/esm/v2/components/or-tree-v3/partials/or-tree-node/styles.d.ts

@@ -0,0 +1,6 @@
+import { TreeNodeDropPosition } from '../../types';
+export declare const TreeNodeRoot: never[];
+export declare const TreeNodeItemRoot: string[];
+export declare const TreeNodeItemRootParentSelected: string[];
+export declare const TreeNodeDragIndicator: string[];
+export declare const TreeNodeDragIndicatorPosition: Record<TreeNodeDropPosition, string[]>;

package/dist/esm/v2/components/or-tree-v3/partials/or-tree-node/utils.d.ts

@@ -0,0 +1,3 @@
+import { TreeNodeDropPosition } from '../../types';
+export declare function getDropOffset(e: DragEvent, canMiddleDrop?: boolean): TreeNodeDropPosition;
+export declare function applyPadding(element: HTMLElement, level: number, hasCollapseTrigger: boolean): void;

package/dist/esm/v2/components/or-tree-v3/types.d.ts

@@ -0,0 +1,15 @@
+export type TreeNode = {
+    key: string;
+    children?: TreeNode[];
+    collapsible?: boolean;
+    expanded?: boolean;
+    selected?: boolean;
+    draggable?: boolean;
+    [key: string]: any;
+    canMiddleDrop?: boolean;
+};
+export declare enum TreeNodeDropPosition {
+    Top = "top",
+    Bottom = "bottom",
+    Middle = "middle"
+}