@onereach/ui-components 2.73.0-beta.2258.0 → 2.73.0

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

@@ -8,14 +8,14 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-66964360.js';
 export { _ as OrCard } from '../OrCard-b7268256.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-19582949.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-251ab033.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-5a9eda35.js';
 export { _ as OrCardV3 } from '../OrCard-e89c44ef.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-4e2cf3d8.js';
 export { _ as OrCheckbox } from '../OrCheckbox-915f1f0a.js';
 export { _ as OrCheckboxV3 } from '../OrCheckbox-b380c131.js';
 export { _ as OrChip } from '../OrChips.vue_rollup-plugin-vue_script-aa8fedaa.js';
 export { _ as OrChips } from '../OrChips-5e0063be.js';
-export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-e2ce05ea.js';
+export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-d4400b42.js';
 export { _ as OrCollapse } from '../OrCollapse-4d892ca3.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-75abefdd.js';
 export { _ as OrConfirm } from '../OrConfirm-ede619eb.js';
@@ -52,7 +52,7 @@ export { _ as OrMenuV3 } from '../OrMenu-c276db74.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-d5d4f62a.js';
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-97e83549.js';
 export { M as ModalSize, _ as OrModalV3 } from '../OrModal-4e79e0d5.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-a49e76d3.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-a9231a83.js';
 export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-eac3867f.js';
 export { _ as OrNumberInput } from '../OrNumberInput-b20d75d2.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-10a4166a.js';
@@ -66,13 +66,14 @@ export { _ as OrRadio } from '../OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-d9d32cba.js';
 export { _ as OrRadioV3 } from '../OrRadio-87a4d226.js';
 export { _ as OrSearch } from '../OrSearch-b4f4d59b.js';
-export { _ as OrSearchV3 } from '../OrSearch-f42d588d.js';
+export { _ as OrSearchV3 } from '../OrSearch-7411388b.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-7486115b.js';
 export { _ as OrSelect } from '../OrSelect-dae2b069.js';
 export { _ as OrSelectV3 } from '../OrSelect-e31d1c8b.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-7d6125bb.js';
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-fabc7bc9.js';
-export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-24509efe.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-27236fbd.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-cfe51a60.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-6ee72718.js';
 export { _ as OrSlider } from '../OrSlider-f7b9c7c2.js';
 export { _ as OrSortHeaderV3 } from '../OrSortHeader-592727dc.js';
@@ -111,7 +112,6 @@ import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
 import 'codemirror';
-import '@codemirror/theme-one-dark';
 import '@codemirror/lang-html';
 import '@codemirror/lang-css';
 import '@codemirror/lang-json';

package/dist/esm/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-251ab033.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-5a9eda35.js';
 import 'vue-demi';
 import '../../OrButton-66964360.js';
 import '../../OrLoader-76307488.js';
@@ -17,7 +17,7 @@ import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../OrMenuItem-7b7fbf8a.js';
 import '../../OrMenu-c276db74.js';
-import '../../OrSearch-f42d588d.js';
+import '../../OrSearch-7411388b.js';
 import '../../OrInput-59a15d80.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useValidationAttributes-d1abbe34.js';

package/dist/esm/v2/components/or-code/OrCode.vue.d.ts

@@ -9,11 +9,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     fullscreenTarget: Ref<HTMLDivElement | undefined>;
     editor: EditorView;
     isHovered: Ref<boolean>;
-    isDark: Ref<boolean>;
-    themeObserver: {
-        isSupported: Ref<boolean>;
-        stop: () => void;
-    };
 }> & {
     isFullscreen: boolean;
 }, {
@@ -173,11 +168,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     fullscreenTarget: Ref<HTMLDivElement | undefined>;
     editor: EditorView;
     isHovered: Ref<boolean>;
-    isDark: Ref<boolean>;
-    themeObserver: {
-        isSupported: Ref<boolean>;
-        stop: () => void;
-    };
 }>, {
     isFullscreen: boolean;
 }, {

package/dist/esm/v2/components/or-code/index.js

@@ -1,10 +1,9 @@
-export { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-e2ce05ea.js';
+export { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-d4400b42.js';
 import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
-import 'codemirror';
 import '@vueuse/core';
-import '@codemirror/theme-one-dark';
+import 'codemirror';
 import 'lodash';
 import 'vue-demi';
 import '../../OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';

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

@@ -1,4 +1,4 @@
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../../OrNotification-a49e76d3.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../../OrNotification-a9231a83.js';
 import 'vue-demi';
 import '../../OrIcon-819166f6.js';
 import 'lodash';

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

@@ -1,4 +1,4 @@
-export { _ as OrSearchV3 } from '../../OrSearch-f42d588d.js';
+export { _ as OrSearchV3 } from '../../OrSearch-7411388b.js';
 export { a as SearchSize } from '../../OrInputBox-9ceb9fc4.js';
 import '@vueuse/core';
 import 'vue-demi';

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/index.js

@@ -1,5 +1,17 @@
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-fabc7bc9.js';
+export { _ as OrSidebarV3 } from '../../OrSidebar-27236fbd.js';
+export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-cfe51a60.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';
 import '../../normalize-component-6e8e3d80.js';
+import '../../OrIconButton-04a3566d.js';
+import '../../OrIcon-f34e0e6f.js';
+import '../../OrTooltip-629d44fc.js';
+import '../../OrPopover-d5d4f62a.js';
+import '@floating-ui/dom';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+import '../../OrBottomSheet-37200385.js';
+import '../../OrOverlay-a019186f.js';
+import '../../OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';

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

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

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

@@ -0,0 +1,16 @@
+export { _ as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-cfe51a60.js';
+import 'lodash';
+import 'vue-demi';
+import '../../../OrIconButton-04a3566d.js';
+import '../../../OrIcon-f34e0e6f.js';
+import '../../../normalize-component-6e8e3d80.js';
+import '../../../OrTooltip-629d44fc.js';
+import '@vueuse/core';
+import '../../../OrPopover-d5d4f62a.js';
+import '@floating-ui/dom';
+import '../../../useElevation-31bfe1f6.js';
+import '../../../useResponsive-a02e95b7.js';
+import '../../../OrBottomSheet-37200385.js';
+import '../../../OrOverlay-a019186f.js';
+import '../../../OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';

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

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

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

@@ -0,0 +1,16 @@
+export { _ as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton-cfe51a60.js';
+import 'lodash';
+import 'vue-demi';
+import '../../../../OrIconButton-04a3566d.js';
+import '../../../../OrIcon-f34e0e6f.js';
+import '../../../../normalize-component-6e8e3d80.js';
+import '../../../../OrTooltip-629d44fc.js';
+import '@vueuse/core';
+import '../../../../OrPopover-d5d4f62a.js';
+import '@floating-ui/dom';
+import '../../../../useElevation-31bfe1f6.js';
+import '../../../../useResponsive-a02e95b7.js';
+import '../../../../OrBottomSheet-37200385.js';
+import '../../../../OrOverlay-a019186f.js';
+import '../../../../OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';

package/dist/esm/v2/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/esm/v2/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/esm/v2/components/or-skeleton/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText-24509efe.js';
+export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText-cc94bdc9.js';
 import 'vue-demi';
 import '../../px-to-rem-0b26b83e.js';
 import 'lodash';

package/dist/esm/v2/index.js

@@ -8,14 +8,14 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-66964360.js';
 export { _ as OrCard } from './OrCard-b7268256.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-19582949.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-251ab033.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-5a9eda35.js';
 export { _ as OrCardV3 } from './OrCard-e89c44ef.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-4e2cf3d8.js';
 export { _ as OrCheckbox } from './OrCheckbox-915f1f0a.js';
 export { _ as OrCheckboxV3 } from './OrCheckbox-b380c131.js';
 export { _ as OrChip } from './OrChips.vue_rollup-plugin-vue_script-aa8fedaa.js';
 export { _ as OrChips } from './OrChips-5e0063be.js';
-export { _ as OrCode, O as OrCodeLanguages } from './OrCode-e2ce05ea.js';
+export { _ as OrCode, O as OrCodeLanguages } from './OrCode-d4400b42.js';
 export { _ as OrCollapse } from './OrCollapse-4d892ca3.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-75abefdd.js';
 export { _ as OrConfirm } from './OrConfirm-ede619eb.js';
@@ -52,7 +52,7 @@ export { _ as OrMenuV3 } from './OrMenu-c276db74.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-d5d4f62a.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-97e83549.js';
 export { M as ModalSize, _ as OrModalV3 } from './OrModal-4e79e0d5.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-a49e76d3.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-a9231a83.js';
 export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-eac3867f.js';
 export { _ as OrNumberInput } from './OrNumberInput-b20d75d2.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-10a4166a.js';
@@ -66,13 +66,14 @@ export { _ as OrRadio } from './OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-d9d32cba.js';
 export { _ as OrRadioV3 } from './OrRadio-87a4d226.js';
 export { _ as OrSearch } from './OrSearch-b4f4d59b.js';
-export { _ as OrSearchV3 } from './OrSearch-f42d588d.js';
+export { _ as OrSearchV3 } from './OrSearch-7411388b.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-7486115b.js';
 export { _ as OrSelect } from './OrSelect-dae2b069.js';
 export { _ as OrSelectV3 } from './OrSelect-e31d1c8b.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-7d6125bb.js';
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
-export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-24509efe.js';
+export { _ as OrSidebarV3 } from './OrSidebar-27236fbd.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-cfe51a60.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-6ee72718.js';
 export { _ as OrSlider } from './OrSlider-f7b9c7c2.js';
 export { _ as OrSortHeaderV3 } from './OrSortHeader-592727dc.js';
@@ -117,7 +118,6 @@ import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
 import 'codemirror';
-import '@codemirror/theme-one-dark';
 import '@codemirror/lang-html';
 import '@codemirror/lang-css';
 import '@codemirror/lang-json';

package/dist/esm/v3/{OrCardCollection-8b8e3745.js → OrCardCollection-e4fde5b4.js}

@@ -5,7 +5,7 @@ import { s as script$6 } from './OrIcon-34f59f73.js';
 import { s as script$5 } from './OrMenuItem-58707d47.js';
 import { s as script$4 } from './OrMenu-7f3ea117.js';
 import './OrPopover-40217b49.js';
-import { s as script$7 } from './OrSearch-4c5c44f2.js';
+import { s as script$7 } from './OrSearch-5406bf03.js';
 import './OrInputBox-e16ade90.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 

package/dist/esm/v3/{OrCode-72688173.js → OrCode-5ed69c23.js}

@@ -1,9 +1,8 @@
 import { EditorState } from '@codemirror/state';
 import { keymap } from '@codemirror/view';
 import { indentWithTab } from '@codemirror/commands';
+import { useElementHover } from '@vueuse/core';
 import { basicSetup, EditorView } from 'codemirror';
-import { useMutationObserver, useElementHover } from '@vueuse/core';
-import { oneDark } from '@codemirror/theme-one-dark';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue-demi';
 import { a as script$1 } from './OrIconButton-8be9c89f.js';
@@ -132,20 +131,6 @@ var script = defineComponent({
   setup(props, {
     emit
   }) {
-    var _a;
-    // theming refs
-    const parent = document.querySelector('[data-theme]') || document.querySelector('html');
-    const themeEl = ref(parent);
-    const isDark = ref(((_a = parent === null || parent === void 0 ? void 0 : parent.getAttribute) === null || _a === void 0 ? void 0 : _a.call(parent, 'data-theme')) === 'dark');
-    const themeObserver = useMutationObserver(themeEl, mutations => {
-      var _a, _b;
-      const mutation = mutations.find(m => m.attributeName === 'data-theme');
-      if (!mutation) return;
-      isDark.value = ((_b = (_a = mutation.target) === null || _a === void 0 ? void 0 : _a.getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, 'data-theme')) === 'dark';
-    }, {
-      attributes: true
-    });
-    // editor config
     const root = ref();
     const target = ref();
     const fullscreenTarget = ref();
@@ -165,9 +150,7 @@ var script = defineComponent({
       target,
       fullscreenTarget,
       editor,
-      isHovered,
-      isDark,
-      themeObserver
+      isHovered
     };
   },
   data() {
@@ -189,11 +172,9 @@ var script = defineComponent({
         allowPaste,
         lineWrapping
       } = this;
-      const ext = _.compact([...(this.isDark ? [oneDark] : []),
+      const ext = _.compact([
       // Toggle light/dark mode
-      this.isDark ? EditorView.theme({}, {
-        dark: true
-      }) : EditorView.baseTheme({}),
+      EditorView.baseTheme({}),
       // locale settings
       this.phrases ? EditorState.phrases.of(this.phrases) : undefined,
       // Parser language setting
@@ -220,8 +201,10 @@ var script = defineComponent({
         }
       }),
       // line wrapping
-      lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab]), ...this.extensions]);
-      return [...ext];
+      lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab])]);
+      // Append Extensions (such as basic-setup)
+      if (this.extensions.length !== 0) _.merge(ext, this.extensions);
+      return ext;
     },
     isShowingError() {
       return !!this.error && this.isInvalid;
@@ -264,7 +247,6 @@ var script = defineComponent({
   },
   beforeUnmount() {
     var _a;
-    this.themeObserver.stop();
     (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
   },
   methods: {
@@ -320,7 +302,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, () => [_ctx.isShowingFullscreen ? (openBlock(), createBlock(_component_or_icon_button, {
     key: 0,
     icon: "fullscreen",
-    "icon-color": "neutral-4",
+    "icon-color": "neutral-3",
     class: "fullscreen-button",
     onClick: _cache[0] || (_cache[0] = $event => _ctx.toggleFullscreen(true))
   })) : createCommentVNode("v-if", true)])], 2 /* CLASS */)])) : createCommentVNode("v-if", true), createElementVNode("div", {