@onereach/ui-components 2.70.1-beta.2196.0 → 2.70.2-beta.2198.0

package/dist/esm/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/esm/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/esm/v2/components/or-sidebar-v3/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/esm/v2/components/or-sidebar-v3/OrSidebarCollapseButton.vue.d.ts

@@ -0,0 +1,59 @@
+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<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> | undefined>;
+    rootStyles: 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<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> | undefined>;
+    rootStyles: 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/esm/v2/components/or-sidebar-v3/index.js

@@ -1,5 +1,17 @@
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-fabc7bc9.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-1e02702f.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';
+import '../../OrIconButton-b3779042.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../../OrIcon-5e394c62.js';
 import '../../normalize-component-6e8e3d80.js';
+import '../../OrTooltip-513bee30.js';
+import '../../OrPopover-9bafbdb4.js';
+import '@floating-ui/dom';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+import '../../OrBottomSheet-16c2e610.js';
+import '../../OrOverlay-18ba2dc6.js';
+import '../../OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';

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

@@ -1,10 +1,16 @@
 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 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 CollapseButton: string[];

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

@@ -1,4 +1,4 @@
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-5c404031.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-52e4cc94.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v2/index.js

@@ -25,7 +25,7 @@ export { _ as OrError } from './OrError-081130bb.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-782dd714.js';
 export { _ as OrErrorV3 } from './OrError-d267ee9a.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2481f13f.js';
-export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-968ddc61.js';
+export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-a123024e.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-26106618.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-89d6582a.js';
 export { _ as OrHint } from './OrHint-c45f1e09.js';
@@ -68,9 +68,9 @@ export { _ as OrRadioV3 } from './OrRadio-848ce55d.js';
 export { _ as OrSearchV3 } from './OrSearch-0f08f2f5.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e8dce8f9.js';
 export { _ as OrSelect } from './OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from './OrSelect-ae7a13a5.js';
+export { _ as OrSelectV3 } from './OrSelect-1d705445.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-7d6125bb.js';
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-1e02702f.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-cc94bdc9.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-950be6a2.js';
 export { _ as OrSlider } from './OrSlider-f7b9c7c2.js';
@@ -84,7 +84,7 @@ export { _ as OrTabV3 } from './OrTab-702e7335.js';
 export { _ as OrTabs } from './OrTabs-e1c13d41.js';
 export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-71bd3fd2.js';
 export { _ as OrTag } from './OrTag-c1fa6901.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-5c404031.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-52e4cc94.js';
 export { _ as OrTeleport } from './OrTeleportVue2-8ef4ceca.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';

package/dist/esm/v3/{OrExpansionPanel-311e64cf.js → OrExpansionPanel-f8d7ff8d.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrIcon-b195169c.js';
@@ -74,6 +74,10 @@ var script = defineComponent({
       type: String,
       required: true
     },
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
     variant: {
       type: String,
       default: ExpansionPanelVariant.Default
@@ -87,8 +91,9 @@ var script = defineComponent({
       default: false
     }
   },
-  expose: ['root'],
-  setup(props) {
+  emits: ['open', 'close'],
+  expose: ['root', 'open', 'close'],
+  setup(props, context) {
     // Refs
     const root = ref();
     // Styles
@@ -98,12 +103,34 @@ var script = defineComponent({
     const addonStyles = computed(() => [...ExpansionPanelAddon]);
     // State
     const expanded = ref(false);
+    // Events
+    watch(expanded, value => {
+      context.emit(value ? 'open' : 'close');
+    });
+    watch(() => props.isOpen, newIsOpen => {
+      if (newIsOpen) {
+        open();
+      } else {
+        close();
+      }
+    }, {
+      immediate: true
+    });
+    // Methods
+    function open() {
+      expanded.value = true;
+    }
+    function close() {
+      expanded.value = false;
+    }
     return {
       root,
       rootStyles,
       headerStyles,
       addonStyles,
-      expanded
+      expanded,
+      open,
+      close
     };
   }
 });
@@ -124,7 +151,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.headerStyles),
     tabindex: !_ctx.disabled ? 0 : null,
     disabled: _ctx.disabled ? '' : null,
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.expanded = !_ctx.expanded, ["stop"]))
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.expanded ? _ctx.close() : _ctx.open(), ["stop"]))
   }, [createVNode(_component_OrIcon, {
     class: normalizeClass([_ctx.expanded ? 'rotate-0' : 'rotate-[-90deg]']),
     icon: 'expand_more',

package/dist/esm/v3/{OrSelect-7ef568f4.js → OrSelect-dfa4885f.js}

@@ -5,7 +5,7 @@ import { u as useOverflow } from './useOverflow-af6161c8.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrCheckbox-3e139eac.js';
 import { s as script$2 } from './OrError-ec8c709d.js';
-import { s as script$3 } from './OrExpansionPanel-311e64cf.js';
+import { s as script$3 } from './OrExpansionPanel-f8d7ff8d.js';
 import { s as script$4 } from './OrHint-74bb732d.js';
 import { s as script$5 } from './OrIcon-b195169c.js';
 import { s as script$7, a as InputBoxSize } from './OrInputBox-6d1b6059.js';
@@ -13,7 +13,7 @@ import { s as script$6 } from './OrInput-9c0426b9.js';
 import { s as script$8 } from './OrLabel-bdaec602.js';
 import { s as script$9 } from './OrMenuItem-9da279f6.js';
 import { s as script$a } from './OrPopover-1075dd38.js';
-import { s as script$b } from './OrTag-5d54f37d.js';
+import { s as script$b } from './OrTag-efa7578f.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, createVNode, withModifiers } from 'vue';
 
 const SelectRoot = [