@onereach/ui-components 2.72.2-beta.2272.0 → 2.72.2-beta.2274.0

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

@@ -1,8 +1,8 @@
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../../OrIconButton.vue_vue_type_script_lang-28452eda.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
 export { I as IconButtonSize } from '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
 import 'vue';
 import '../../OrIcon-1a5c9091.js';
-import '../../OrTooltip.vue_vue_type_script_lang-250ecf1d.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
 import '@vueuse/core';
 import '../../OrPopover-1a488f88.js';
 import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';

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

@@ -1,14 +1,14 @@
-export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-96aef83e.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-49ce3308.js';
 export { I as InlineInputSize } from '../../OrInlineInputBox.vue_vue_type_script_lang-b1ae1f3d.js';
 import 'vue';
 import '../../OrHint-5d5e4d99.js';
 import '../../OrError.vue_vue_type_script_lang-53648a65.js';
 import '../../OrHint.vue_vue_type_script_lang-e322f61e.js';
-import '../../OrIconButton-72d4d349.js';
-import '../../OrIconButton.vue_vue_type_script_lang-28452eda.js';
+import '../../OrIconButton-e0566ecf.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
 import '../../OrIcon-1a5c9091.js';
 import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
-import '../../OrTooltip.vue_vue_type_script_lang-250ecf1d.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
 import '@vueuse/core';
 import '../../OrPopover-1a488f88.js';
 import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';

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

@@ -1,13 +1,13 @@
-export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-8be03a08.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-8fd761d7.js';
 import 'vue';
 import '../../OrHint-5d5e4d99.js';
 import '../../OrError.vue_vue_type_script_lang-53648a65.js';
 import '../../OrHint.vue_vue_type_script_lang-e322f61e.js';
-import '../../OrIconButton-72d4d349.js';
-import '../../OrIconButton.vue_vue_type_script_lang-28452eda.js';
+import '../../OrIconButton-e0566ecf.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
 import '../../OrIcon-1a5c9091.js';
 import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
-import '../../OrTooltip.vue_vue_type_script_lang-250ecf1d.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
 import '@vueuse/core';
 import '../../OrPopover-1a488f88.js';
 import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';

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

@@ -1,4 +1,4 @@
-export { I as InputType, s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-115050fc.js';
+export { I as InputType, s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-27220623.js';
 export { a as InputSize } from '../../OrInputBox.vue_vue_type_script_lang-47d98e81.js';
 import 'vue';
 import '../../OrHint-5d5e4d99.js';
@@ -6,9 +6,9 @@ import '../../OrError.vue_vue_type_script_lang-53648a65.js';
 import '../../OrHint.vue_vue_type_script_lang-e322f61e.js';
 import '../../OrIcon-1a5c9091.js';
 import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
-import '../../OrIconButton-72d4d349.js';
-import '../../OrIconButton.vue_vue_type_script_lang-28452eda.js';
-import '../../OrTooltip.vue_vue_type_script_lang-250ecf1d.js';
+import '../../OrIconButton-e0566ecf.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
 import '@vueuse/core';
 import '../../OrPopover-1a488f88.js';
 import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';

package/dist/bundled/v3/components/or-menu-v3/OrMenu.vue.d.ts

@@ -9,6 +9,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isOpen: import("@vue/composition-api").ComputedRef<undefined>;
     open: () => void;
     close: () => void;
@@ -52,6 +53,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isOpen: import("@vue/composition-api").ComputedRef<undefined>;
     open: () => void;
     close: () => void;

package/dist/bundled/v3/components/or-menu-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrMenuV3 } from '../../OrMenu.vue_vue_type_script_lang-5a492eb3.js';
+export { s as OrMenuV3 } from '../../OrMenu.vue_vue_type_script_lang-df35fd76.js';
 export { P as MenuPlacement } from '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
 import 'vue';
 import '../../OrPopover-1a488f88.js';

package/dist/bundled/v3/components/or-menu-v3/styles.d.ts

@@ -1 +1,2 @@
 export declare const MenuRoot: string[];
+export declare const MenuBody: string[];

package/dist/bundled/v3/components/or-modal-v3/index.js

@@ -1,15 +1,15 @@
-export { M as ModalSize, s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-230bc99d.js';
+export { M as ModalSize, s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-6b1dc231.js';
 import 'vue';
 import '../../OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
 import '@vueuse/core';
 import '../../OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 import '../../useElevation-c8d5d3ba.js';
-import '../../OrIconButton-72d4d349.js';
-import '../../OrIconButton.vue_vue_type_script_lang-28452eda.js';
+import '../../OrIconButton-e0566ecf.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
 import '../../OrIcon-1a5c9091.js';
 import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
-import '../../OrTooltip.vue_vue_type_script_lang-250ecf1d.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
 import '../../OrPopover-1a488f88.js';
 import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v3/components/or-notification-v3/index.js

@@ -1,10 +1,10 @@
-export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification.vue_vue_type_script_lang-d9b2b5bf.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification.vue_vue_type_script_lang-d0afc1d7.js';
 import 'vue';
 import '../../OrIcon-1a5c9091.js';
 import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
-import '../../OrIconButton-72d4d349.js';
-import '../../OrIconButton.vue_vue_type_script_lang-28452eda.js';
-import '../../OrTooltip.vue_vue_type_script_lang-250ecf1d.js';
+import '../../OrIconButton-e0566ecf.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
 import '@vueuse/core';
 import '../../OrPopover-1a488f88.js';
 import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';

package/dist/bundled/v3/components/or-pagination-v3/OrPagination.vue.d.ts

@@ -1,8 +1,6 @@
 import { PropType } from 'vue-demi';
 import { PaginationModel } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    isDesktop: import("@vue/composition-api").Ref<boolean>;
-    isMobile: import("@vue/composition-api").Ref<boolean>;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -63,8 +61,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
-    isDesktop: import("@vue/composition-api").Ref<boolean>;
-    isMobile: import("@vue/composition-api").Ref<boolean>;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;

package/dist/bundled/v3/components/or-pagination-v3/index.js

@@ -1,13 +1,13 @@
-export { s as OrPaginationV3 } from '../../OrPagination.vue_vue_type_script_lang-bdb0acc8.js';
+export { s as OrPaginationV3 } from '../../OrPagination.vue_vue_type_script_lang-f64827ef.js';
 import 'vue';
-import '../../OrButton-05766523.js';
-import '../../OrButton.vue_vue_type_script_lang-b53e78f5.js';
+import '../../OrButton-a1448bfa.js';
+import '../../OrButton.vue_vue_type_script_lang-3b1e442b.js';
 import '../../OrLoader-123ef8c4.js';
 import '../../OrLoader.vue_vue_type_script_lang-4c3c1ac9.js';
 import '../../OrIcon-1a5c9091.js';
 import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
-import '../../OrMenu-bb432db5.js';
-import '../../OrMenu.vue_vue_type_script_lang-5a492eb3.js';
+import '../../OrMenu-6d7abe97.js';
+import '../../OrMenu.vue_vue_type_script_lang-df35fd76.js';
 import '../../OrPopover-1a488f88.js';
 import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v3/components/or-progress-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../../OrProgress.vue_vue_type_script_lang-17095060.js';
+export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../../OrProgress.vue_vue_type_script_lang-52f660d6.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue';

package/dist/bundled/v3/components/or-progress-v3/styles.d.ts

@@ -1,4 +1,4 @@
-import { ProgressColor, ProgressType } from './props';
+import { ProgressType, ProgressColor } from './props';
 export declare const ProgressRoot: string[];
 export declare const ProgressRootTypes: Record<ProgressType, string[]>;
 export declare const ProgressHeader: string[];

package/dist/bundled/v3/components/or-search-v3/index.js

@@ -1,17 +1,17 @@
-export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-5c683c38.js';
+export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-c054c8db.js';
 export { a as SearchSize } from '../../OrInputBox.vue_vue_type_script_lang-47d98e81.js';
 import '@vueuse/core';
 import 'vue';
-import '../../OrInput-6f6c700a.js';
-import '../../OrInput.vue_vue_type_script_lang-115050fc.js';
+import '../../OrInput-dcf2606e.js';
+import '../../OrInput.vue_vue_type_script_lang-27220623.js';
 import '../../OrHint-5d5e4d99.js';
 import '../../OrError.vue_vue_type_script_lang-53648a65.js';
 import '../../OrHint.vue_vue_type_script_lang-e322f61e.js';
 import '../../OrIcon-1a5c9091.js';
 import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
-import '../../OrIconButton-72d4d349.js';
-import '../../OrIconButton.vue_vue_type_script_lang-28452eda.js';
-import '../../OrTooltip.vue_vue_type_script_lang-250ecf1d.js';
+import '../../OrIconButton-e0566ecf.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
 import '../../OrPopover-1a488f88.js';
 import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v3/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-84902694.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-7fd5e2f0.js';
 export { a as SelectSize } from '../../OrInputBox.vue_vue_type_script_lang-47d98e81.js';
 import 'vue';
 import '../../OrCheckbox.vue_vue_type_script_lang-fc067611.js';
@@ -12,11 +12,11 @@ import '../../OrHint.vue_vue_type_script_lang-e322f61e.js';
 import '../../OrExpansionPanel.vue_vue_type_script_lang-2cc8964c.js';
 import '../../OrIcon-1a5c9091.js';
 import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
-import '../../OrInput-6f6c700a.js';
-import '../../OrInput.vue_vue_type_script_lang-115050fc.js';
-import '../../OrIconButton-72d4d349.js';
-import '../../OrIconButton.vue_vue_type_script_lang-28452eda.js';
-import '../../OrTooltip.vue_vue_type_script_lang-250ecf1d.js';
+import '../../OrInput-dcf2606e.js';
+import '../../OrInput.vue_vue_type_script_lang-27220623.js';
+import '../../OrIconButton-e0566ecf.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
 import '@vueuse/core';
 import '../../OrPopover-1a488f88.js';
 import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
@@ -30,6 +30,6 @@ import '../../OrInputBox-4c7900c2.js';
 import '../../useValidationAttributes-5428d8fa.js';
 import '../../OrMenuItem-807e2a49.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-2400ec2a.js';
-import '../../OrTag.vue_vue_type_script_lang-33767daa.js';
+import '../../OrTag.vue_vue_type_script_lang-a25a49ee.js';
 import '../../dropdown-open-293d2de2.js';
 import '../../useOverflow-6dce216b.js';

package/dist/bundled/v3/components/or-sidebar-v3/OrSidebar.stories3.d.ts

@@ -10,7 +10,17 @@ export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
-export declare const WithMinimumWidth: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+export declare const WithCustomWidthConstraints: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const NotDraggable: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const Collapsible: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
     [x: number]: string;
@@ -30,8 +40,33 @@ export declare const WithFooter: StoryFn<import("vue").ComponentOptions<import("
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
+export declare const WithToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const CollapsibleWithToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const WithTabs: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
 export declare const LeftSidebar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
+export declare const WithLeftToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const CollapsibleWithWithLeftToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;

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

@@ -4,26 +4,36 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     resizeBar: import("@vue/composition-api").Ref<HTMLElement | null>;
     isResizing: import("@vue/composition-api").Ref<boolean>;
+    isCollapsed: import("@vue/composition-api").Ref<boolean>;
     localWidth: import("@vue/composition-api").Ref<number>;
+    isShowingToolbar: import("@vue/composition-api").ComputedRef<boolean>;
     sidebarStyle: import("@vue/composition-api").ComputedRef<{
         width: string;
     }>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    sidebarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     resizeStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    collapsibleButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     mainStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    open: () => void;
+    close: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     width: {
         type: NumberConstructor;
-        required: false;
         default: number;
         validator: (value?: any) => boolean;
     };
     minimumWidth: {
         type: NumberConstructor;
-        required: false;
+        default: number;
+        validator: (value?: any) => boolean;
+    };
+    maximumWidth: {
+        type: NumberConstructor;
         default: number;
         validator: (value?: any) => boolean;
     };
@@ -39,16 +49,27 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: OrSidebarPlacement;
         validator: (value?: any) => boolean;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     width: {
         type: NumberConstructor;
-        required: false;
         default: number;
         validator: (value?: any) => boolean;
     };
     minimumWidth: {
         type: NumberConstructor;
-        required: false;
+        default: number;
+        validator: (value?: any) => boolean;
+    };
+    maximumWidth: {
+        type: NumberConstructor;
         default: number;
         validator: (value?: any) => boolean;
     };
@@ -64,35 +85,59 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: OrSidebarPlacement;
         validator: (value?: any) => boolean;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     width: number;
     minimumWidth: number;
+    maximumWidth: number;
     side: OrSidebarPlacement;
+    draggable: boolean;
+    collapsible: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     resizeBar: import("@vue/composition-api").Ref<HTMLElement | null>;
     isResizing: import("@vue/composition-api").Ref<boolean>;
+    isCollapsed: import("@vue/composition-api").Ref<boolean>;
     localWidth: import("@vue/composition-api").Ref<number>;
+    isShowingToolbar: import("@vue/composition-api").ComputedRef<boolean>;
     sidebarStyle: import("@vue/composition-api").ComputedRef<{
         width: string;
     }>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    sidebarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     resizeStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    collapsibleButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     mainStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    open: () => void;
+    close: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     width: number;
     minimumWidth: number;
+    maximumWidth: number;
     side: OrSidebarPlacement;
+    draggable: boolean;
+    collapsible: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     width: number;
     minimumWidth: number;
+    maximumWidth: number;
     side: OrSidebarPlacement;
+    draggable: boolean;
+    collapsible: boolean;
 }, true>);
 export default _default;

package/dist/bundled/v3/components/or-sidebar-v3/index.js

@@ -1,4 +1,18 @@
-export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-d298c2fa.js';
-import '@vueuse/core';
+export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js';
+export { s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-7f3f1a16.js';
 import 'lodash';
 import 'vue';
+import '../../OrIconButton-e0566ecf.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
+import '../../OrIcon-1a5c9091.js';
+import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
+import '@vueuse/core';
+import '../../OrPopover-1a488f88.js';
+import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
+import '../../OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
+import '../../useElevation-c8d5d3ba.js';
+import '../../useResponsive-9d397e2a.js';

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

@@ -0,0 +1 @@
+export * from './or-sidebar-collapse-button';

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

@@ -0,0 +1,17 @@
+export { s as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js';
+import 'lodash';
+import 'vue';
+import '../../../OrIconButton-e0566ecf.js';
+import '../../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
+import '../../../OrIcon-1a5c9091.js';
+import '../../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
+import '../../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
+import '@vueuse/core';
+import '../../../OrPopover-1a488f88.js';
+import '../../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
+import '../../../floating-ui.dom.esm-83eba816.js';
+import '../../../OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
+import '../../../OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
+import '../../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
+import '../../../useElevation-c8d5d3ba.js';
+import '../../../useResponsive-9d397e2a.js';

package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export default _default;
+export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;

package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue.d.ts

@@ -0,0 +1,53 @@
+import { PropType } from 'vue-demi';
+import { OrSidebarPlacement } from '../../props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    buttonStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    icon: import("@vue/composition-api").ComputedRef<"keyboard_arrow_left" | "keyboard_arrow_right">;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    /**
+     * Must be `true` if sidebar is collapsed.
+     */
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: PropType<OrSidebarPlacement>;
+        default: OrSidebarPlacement;
+        validator: (value?: any) => boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    /**
+     * Must be `true` if sidebar is collapsed.
+     */
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: PropType<OrSidebarPlacement>;
+        default: OrSidebarPlacement;
+        validator: (value?: any) => boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: boolean;
+    side: OrSidebarPlacement;
+} & {} & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    buttonStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    icon: import("@vue/composition-api").ComputedRef<"keyboard_arrow_left" | "keyboard_arrow_right">;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: boolean;
+    side: OrSidebarPlacement;
+} & {} & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
+    side: OrSidebarPlacement;
+}, true>);
+export default _default;

package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts

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

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

@@ -0,0 +1,17 @@
+export { s as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js';
+import 'lodash';
+import 'vue';
+import '../../../../OrIconButton-e0566ecf.js';
+import '../../../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
+import '../../../../OrIcon-1a5c9091.js';
+import '../../../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
+import '../../../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
+import '@vueuse/core';
+import '../../../../OrPopover-1a488f88.js';
+import '../../../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
+import '../../../../floating-ui.dom.esm-83eba816.js';
+import '../../../../OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
+import '../../../../OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
+import '../../../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
+import '../../../../useElevation-c8d5d3ba.js';
+import '../../../../useResponsive-9d397e2a.js';

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

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

package/dist/bundled/v3/components/or-sidebar-v3/styles.d.ts

@@ -1,8 +1,14 @@
 import { OrSidebarPlacement } from './props';
 export declare const SidebarRoot: string[];
-export declare const SidebarRootSides: Record<OrSidebarPlacement, string[]>;
+export declare const SidebarBar: string[];
+export declare const SidebarToolbar: string[];
+export declare const CollapsibleSidebarToolbar: string[];
+export declare const SidebarSides: Record<OrSidebarPlacement, string[]>;
+export declare const SidebarToolbarSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarResize: string[];
 export declare const SidebarResizeSides: Record<OrSidebarPlacement, string[]>;
+export declare const SidebarCollapseButton: string[];
+export declare const SidebarCollapseButtonSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarResizingSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarMain: string[];
 export declare const SidebarHeader: string[];

package/dist/bundled/v3/components/or-tabs-v3/index.js

@@ -1,10 +1,10 @@
-export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs.vue_vue_type_script_lang-ae519161.js';
+export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs.vue_vue_type_script_lang-cb550e87.js';
 import '@vueuse/core';
 import 'vue';
 import '../../OrIcon-1a5c9091.js';
 import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
-import '../../OrMenu-bb432db5.js';
-import '../../OrMenu.vue_vue_type_script_lang-5a492eb3.js';
+import '../../OrMenu-6d7abe97.js';
+import '../../OrMenu.vue_vue_type_script_lang-df35fd76.js';
 import '../../OrPopover-1a488f88.js';
 import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
 import '../../floating-ui.dom.esm-83eba816.js';