@onereach/ui-components 2.72.2-beta.2257.0 → 2.72.2-beta.2260.0

package/dist/bundled/v2/{OrTextarea-dba56362.js → OrTextarea-5c57c02b.js}

@@ -1,7 +1,7 @@
 import './index-fa6eb4ca.js';
 import { O as OrError } from './OrError-52f668a4.js';
 import { O as OrHint } from './OrHint-fde53334.js';
-import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-10aecdc4.js';
+import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-2f559e98.js';
 import { O as OrLabel } from './OrLabel-aff09c39.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
 import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';

package/dist/bundled/v2/components/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, O as OrButtonV3 } from '../OrButton-d45772c1.js';
 export { O as OrCard } from '../OrCard-a6b30f8f.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-166cfcc6.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-134b0ffe.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-06ecb8e1.js';
 export { _ as OrCardV3 } from '../OrCard-45d5869b.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
 export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';
@@ -19,7 +19,7 @@ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-fc6876ec.js';
 export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.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-a1a37e83.js';
 export { _ as OrConfirm } from '../OrConfirm-55b89b17.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-3eceda8f.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-8c0e957d.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-e212f892.js';
 export { O as OrError } from '../OrError-31503e4c.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-97a9112b.js';
@@ -37,8 +37,8 @@ export { I as InlineInputBoxSize, I as InlineInputSize, O as OrInlineInputBoxV3
 export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-57fccb41.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-7262efdf.js';
 export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-f8b86cf7.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-10aecdc4.js';
-export { I as InputType, O as OrInputV3 } from '../OrInput-eebed0aa.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-2f559e98.js';
+export { I as InputType, O as OrInputV3 } from '../OrInput-00070eee.js';
 export { O as OrInput } from '../OrInput-df1a14fa.js';
 export { O as OrLabel } from '../OrLabel-74c73ba4.js';
 export { L as LabelVariant, O as OrLabelV3 } from '../OrLabel-aff09c39.js';
@@ -66,12 +66,13 @@ export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
 export { _ as OrRadioV3 } from '../OrRadio-fe23947a.js';
 export { O as OrSearch } from '../OrSearch-832d7978.js';
-export { O as OrSearchV3 } from '../OrSearch-5093c721.js';
+export { O as OrSearchV3 } from '../OrSearch-bb87b34c.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-878279bf.js';
 export { _ as OrSelect } from '../OrSelect-a23d4210.js';
-export { _ as OrSelectV3 } from '../OrSelect-974a83f8.js';
+export { _ as OrSelectV3 } from '../OrSelect-2ececfc1.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-64cc9127.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-fcc085c7.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-9a2f39dc.js';
 export { _ as OrSlider } from '../OrSlider-59d05856.js';
@@ -90,7 +91,7 @@ export { O as OrTeleport } from '../OrTeleportVue2-3544f185.js';
 export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
 export { _ as OrTextV3 } from '../OrText-a665b991.js';
 export { _ as OrTextarea } from '../OrTextarea-71ff236d.js';
-export { _ as OrTextareaV3 } from '../OrTextarea-dba56362.js';
+export { _ as OrTextareaV3 } from '../OrTextarea-5c57c02b.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-eacd9b19.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-1faa828c.js';
 export { O as OrToast, _ as OrToastContainer } from '../OrToastContainer-b03adc37.js';
@@ -113,8 +114,8 @@ import '../dom-3a15d036.js';
 import '../index-17f264f9.js';
 import '../floating-ui.dom.esm-83eba816.js';
 import '../useValidationAttributes-6df7bcf9.js';
-import '../useResponsive-e13dfbb0.js';
 import '../v4-cf8987a3.js';
+import '../useResponsive-e13dfbb0.js';
 import '../useElevation-aac032f4.js';
 import '../useToggle-6166bd53.js';
 import '../dropdown-open-e2a93aaf.js';

package/dist/bundled/v2/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-134b0ffe.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-06ecb8e1.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -19,11 +19,11 @@ import '../../OrButton-d45772c1.js';
 import '../../OrLoader-864ef92a.js';
 import '../../OrMenu-52da43bc.js';
 import '../../OrMenuItem-e2693a5f.js';
-import '../../OrSearch-5093c721.js';
-import '../../OrInput-eebed0aa.js';
+import '../../OrSearch-bb87b34c.js';
+import '../../OrInput-00070eee.js';
 import '../../OrError-52f668a4.js';
 import '../../OrHint-fde53334.js';
-import '../../OrInputBox-10aecdc4.js';
+import '../../OrInputBox-2f559e98.js';
 import '../../OrLabel-aff09c39.js';
 import '../../useIdAttribute-cf61643f.js';
 import '../../useValidationAttributes-6df7bcf9.js';

package/dist/bundled/v2/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-3eceda8f.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-8c0e957d.js';
 import '@vueuse/core';
 import '../../index-17f264f9.js';
 import '../../index-fa6eb4ca.js';
@@ -11,7 +11,7 @@ import '../../normalize-component-6e8e3d80.js';
 import '../../useElevation-aac032f4.js';
 import '../../OrButton-d45772c1.js';
 import '../../OrLoader-864ef92a.js';
-import '../../OrInput-eebed0aa.js';
+import '../../OrInput-00070eee.js';
 import '../../OrError-52f668a4.js';
 import '../../OrHint-fde53334.js';
 import '../../OrIcon-458206aa.js';
@@ -21,7 +21,7 @@ import '../../OrPopover-4e8acb7b.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../../OrBottomSheet-ddba20c1.js';
 import '../../useResponsive-e13dfbb0.js';
-import '../../OrInputBox-10aecdc4.js';
+import '../../OrInputBox-2f559e98.js';
 import '../../OrLabel-aff09c39.js';
 import '../../useIdAttribute-cf61643f.js';
 import '../../useValidationAttributes-6df7bcf9.js';

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

@@ -1,4 +1,4 @@
-export { a as InputBoxSize, I as InputBoxVariant, O as OrInputBoxV3 } from '../../OrInputBox-10aecdc4.js';
+export { a as InputBoxSize, I as InputBoxVariant, O as OrInputBoxV3 } from '../../OrInputBox-2f559e98.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts

@@ -23,7 +23,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     invalid: import("@vue/composition-api").ComputedRef<boolean>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
-    isMobile: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
     blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -55,10 +54,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: undefined;
     };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -104,10 +99,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: undefined;
     };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -132,7 +123,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placeholder: string;
     hint: string;
     error: string;
-    loading: boolean;
     required: boolean;
     readonly: boolean;
     disabled: boolean;
@@ -162,7 +152,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     invalid: import("@vue/composition-api").ComputedRef<boolean>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
-    isMobile: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
     blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
@@ -173,7 +162,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placeholder: string;
     hint: string;
     error: string;
-    loading: boolean;
     required: boolean;
     readonly: boolean;
     disabled: boolean;
@@ -188,7 +176,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placeholder: string;
     hint: string;
     error: string;
-    loading: boolean;
     required: boolean;
     readonly: boolean;
     disabled: boolean;

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

@@ -1,5 +1,5 @@
-export { I as InputType, O as OrInputV3 } from '../../OrInput-eebed0aa.js';
-export { a as InputSize } from '../../OrInputBox-10aecdc4.js';
+export { I as InputType, O as OrInputV3 } from '../../OrInput-00070eee.js';
+export { a as InputSize } from '../../OrInputBox-2f559e98.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -19,7 +19,6 @@ import 'portal-vue';
 import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrLabel-aff09c39.js';
-import '../../OrLoader-864ef92a.js';
 import '../../useIdAttribute-cf61643f.js';
 import '../../useValidationAttributes-6df7bcf9.js';
 import '../../browser-82dea9ed.js';

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

@@ -1,10 +1,10 @@
-export { O as OrSearchV3 } from '../../OrSearch-5093c721.js';
-export { a as SearchSize } from '../../OrInputBox-10aecdc4.js';
+export { O as OrSearchV3 } from '../../OrSearch-bb87b34c.js';
+export { a as SearchSize } from '../../OrInputBox-2f559e98.js';
 import '@vueuse/core';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
-import '../../OrInput-eebed0aa.js';
+import '../../OrInput-00070eee.js';
 import '../../OrError-52f668a4.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-fde53334.js';
@@ -20,7 +20,6 @@ import 'portal-vue';
 import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrLabel-aff09c39.js';
-import '../../OrLoader-864ef92a.js';
 import '../../useIdAttribute-cf61643f.js';
 import '../../useValidationAttributes-6df7bcf9.js';
 import '../../browser-82dea9ed.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrSelectV3 } from '../../OrSelect-974a83f8.js';
-export { a as SelectSize } from '../../OrInputBox-10aecdc4.js';
+export { _ as OrSelectV3 } from '../../OrSelect-2ececfc1.js';
+export { a as SelectSize } from '../../OrInputBox-2f559e98.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -12,7 +12,7 @@ import '../../OrError-52f668a4.js';
 import '../../OrExpansionPanel-96b8f568.js';
 import '../../OrIcon-458206aa.js';
 import '../../OrHint-fde53334.js';
-import '../../OrInput-eebed0aa.js';
+import '../../OrInput-00070eee.js';
 import '../../OrIconButton-837d57f8.js';
 import '../../OrTooltip-b1f38647.js';
 import '@vueuse/core';
@@ -24,7 +24,6 @@ import '../../OrTeleport.vue2-e9ba3054.js';
 import 'portal-vue';
 import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
-import '../../OrLoader-864ef92a.js';
 import '../../useValidationAttributes-6df7bcf9.js';
 import '../../OrMenuItem-e2693a5f.js';
 import '../../OrTag-4085e8a7.js';

package/dist/bundled/v2/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/v2/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/v2/components/or-sidebar-v3/index.js

@@ -1,7 +1,19 @@
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-c95ef614.js';
+export { _ as OrSidebarV3 } from '../../OrSidebar-64cc9127.js';
+export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-fcc085c7.js';
 import '@vueuse/core';
 import 'lodash';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
 import '../../normalize-component-6e8e3d80.js';
+import '../../OrIconButton-837d57f8.js';
+import '../../OrIcon-458206aa.js';
+import '../../OrTooltip-b1f38647.js';
+import '../../OrPopover-4e8acb7b.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../../OrBottomSheet-ddba20c1.js';
+import '../../OrOverlay-efa7992e.js';
+import '../../OrTeleport.vue2-e9ba3054.js';
+import 'portal-vue';
+import '../../useElevation-aac032f4.js';
+import '../../useResponsive-e13dfbb0.js';

package/dist/bundled/v2/components/or-sidebar-v3/partials/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/v2/components/or-sidebar-v3/partials/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/v2/components/or-sidebar-v3/partials/index.d.ts

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

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

@@ -0,0 +1,18 @@
+export { a as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-fcc085c7.js';
+import 'lodash';
+import '../../../index-fa6eb4ca.js';
+import 'vue';
+import '@vue/composition-api/dist/vue-composition-api.mjs';
+import '../../../OrIconButton-837d57f8.js';
+import '../../../OrIcon-458206aa.js';
+import '../../../normalize-component-6e8e3d80.js';
+import '../../../OrTooltip-b1f38647.js';
+import '@vueuse/core';
+import '../../../OrPopover-4e8acb7b.js';
+import '../../../floating-ui.dom.esm-83eba816.js';
+import '../../../OrBottomSheet-ddba20c1.js';
+import '../../../OrOverlay-efa7992e.js';
+import '../../../OrTeleport.vue2-e9ba3054.js';
+import 'portal-vue';
+import '../../../useElevation-aac032f4.js';
+import '../../../useResponsive-e13dfbb0.js';

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

@@ -1,10 +1,18 @@
 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[];
 export declare const SidebarContent: string[];
 export declare const SidebarFooter: string[];
+export declare const CollapseButtonContainer: string[];
+export declare const CollapseButton: string[];

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

@@ -1,5 +1,5 @@
-export { _ as OrTextareaV3 } from '../../OrTextarea-dba56362.js';
-export { a as TextareaSize } from '../../OrInputBox-10aecdc4.js';
+export { _ as OrTextareaV3 } from '../../OrTextarea-5c57c02b.js';
+export { a as TextareaSize } from '../../OrInputBox-2f559e98.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';