@onereach/ui-components 4.4.0-beta.2693.0 → 4.4.0

package/dist/bundled/v3/components/OrSelect/OrSelect.vue.d.ts

@@ -1,20 +1,8 @@
 import { Option } from './types';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & {
-    localIsLoading: boolean;
-    localContentOptions: Option[];
-}, {
-    handleSearchChange(search: string): Promise<void>;
-}, {
-    /**
-     * When component is self-managed - local options override everything else.
-     * Otherwise user can override options with a different list.
-     */
-    contentOptions(): Option[];
-    isContentLoading(): boolean;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     /** Values are displayed as is, when there are no matching options */
     modelValue: {
-        type: import("@vue/composition-api").PropType<import("./types").ModelValueSimple | import("./types").ModelValueArray>;
+        type: import("vue-demi").PropType<import("./types").ModelValueSimple | import("./types").ModelValueArray>;
         default: undefined;
     };
     /**
@@ -22,7 +10,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
      * In order to display labels for values, we need options that match them by ID.
      */
     options: {
-        type: import("@vue/composition-api").PropType<Option[]>;
+        type: import("vue-demi").PropType<Option[]>;
         default: () => Option[];
     };
     /**
@@ -31,7 +19,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
      * Does't work when search function is provided.
      */
     searchOptions: {
-        type: import("@vue/composition-api").PropType<Option[]>;
+        type: import("vue-demi").PropType<Option[]>;
         default: undefined;
     };
     placeholder: {
@@ -63,7 +51,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
      * and ignore props like "searchOptions" and "isLoading".
      */
     searchFunction: {
-        type: import("@vue/composition-api").PropType<import("./types").SearchOptionsFunction>;
+        type: import("vue-demi").PropType<import("./types").SearchOptionsFunction>;
         default: undefined;
     };
     noResultsTitle: {
@@ -82,10 +70,22 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: string;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, unknown, {
+    localIsLoading: boolean;
+    localContentOptions: Option[];
+}, {
+    /**
+     * When component is self-managed - local options override everything else.
+     * Otherwise user can override options with a different list.
+     */
+    contentOptions(): Option[];
+    isContentLoading(): boolean;
+}, {
+    handleSearchChange(search: string): Promise<void>;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "open" | "close" | "search-change")[], "update:modelValue" | "open" | "close" | "search-change", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     /** Values are displayed as is, when there are no matching options */
     modelValue: {
-        type: import("@vue/composition-api").PropType<import("./types").ModelValueSimple | import("./types").ModelValueArray>;
+        type: import("vue-demi").PropType<import("./types").ModelValueSimple | import("./types").ModelValueArray>;
         default: undefined;
     };
     /**
@@ -93,7 +93,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
      * In order to display labels for values, we need options that match them by ID.
      */
     options: {
-        type: import("@vue/composition-api").PropType<Option[]>;
+        type: import("vue-demi").PropType<Option[]>;
         default: () => Option[];
     };
     /**
@@ -102,7 +102,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
      * Does't work when search function is provided.
      */
     searchOptions: {
-        type: import("@vue/composition-api").PropType<Option[]>;
+        type: import("vue-demi").PropType<Option[]>;
         default: undefined;
     };
     placeholder: {
@@ -134,7 +134,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
      * and ignore props like "searchOptions" and "isLoading".
      */
     searchFunction: {
-        type: import("@vue/composition-api").PropType<import("./types").SearchOptionsFunction>;
+        type: import("vue-demi").PropType<import("./types").SearchOptionsFunction>;
         default: undefined;
     };
     noResultsTitle: {
@@ -153,60 +153,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: string;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: import("./types").ModelValueSimple | import("./types").ModelValueArray;
-    options: Option[];
-    searchOptions: Option[];
-    placeholder: string;
-    label: string;
-    error: string;
-    useSearch: boolean;
-    isMultiSelect: boolean;
-    isLoading: boolean;
-    isRequired: boolean;
-    isDisabled: boolean;
-    isInvalid: boolean;
-    ignoreClickOutside: boolean;
-    searchFunction: import("./types").SearchOptionsFunction;
-    noResultsTitle: string;
-    noResultsStartText: string;
-    noResultsEndText: string;
-    updateSearchText: string;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, {
-    localIsLoading: boolean;
-    localContentOptions: Option[];
-}, {
-    /**
-     * When component is self-managed - local options override everything else.
-     * Otherwise user can override options with a different list.
-     */
-    contentOptions(): Option[];
-    isContentLoading(): boolean;
-}, {
-    handleSearchChange(search: string): Promise<void>;
-}, {}, {}, string[], {
-    modelValue: import("./types").ModelValueSimple | import("./types").ModelValueArray;
-    options: Option[];
-    searchOptions: Option[];
-    placeholder: string;
-    label: string;
-    error: string;
-    useSearch: boolean;
-    isMultiSelect: boolean;
-    isLoading: boolean;
-    isRequired: boolean;
-    isDisabled: boolean;
-    isInvalid: boolean;
-    ignoreClickOutside: boolean;
-    searchFunction: import("./types").SearchOptionsFunction;
-    noResultsTitle: string;
-    noResultsStartText: string;
-    noResultsEndText: string;
-    updateSearchText: string;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onSearch-change"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: import("./types").ModelValueSimple | import("./types").ModelValueArray;
     options: Option[];
@@ -226,5 +177,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     noResultsStartText: string;
     noResultsEndText: string;
     updateSearchText: string;
-}, true>);
+}>;
 export default _default;

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrSelect.vue_vue_type_script_lang-264914d3.js';
-export { s as default } from '../../OrSelect.vue_vue_type_script_lang-264914d3.js';
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 import 'vue-demi';
 import './styles.js';
@@ -18,7 +18,7 @@ import '../OrErrorV3/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-df7b5e32.js';
 import '../OrErrorV3/styles.js';
 import '../OrExpansionPanelV3/OrExpansionPanel.js';
-import '../../OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js';
+import '../../OrExpansionPanel.vue_vue_type_script_lang-d4ed6199.js';
 import '../OrExpansionPanelV3/props.js';
 import '../OrExpansionPanelV3/styles.js';
 import '../OrIconV3/OrIcon.js';

package/dist/bundled/v3/components/OrSelectV3/OrSelect.vue.d.ts

@@ -1,44 +1,7 @@
 import { PropType } from 'vue-demi';
 import { SelectSize } from './props';
 import { SelectGroupByFunction, SelectOption, SelectSearchFunction } from './types';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    inputBox: 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>;
-    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    control: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    popover: 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>;
-    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlId: import("@vue/composition-api").Ref<string>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
-    readonly: import("@vue/composition-api").ComputedRef<boolean>;
-    selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
-    searchText: import("@vue/composition-api").Ref<string>;
-    internalSearchOptions: import("@vue/composition-api").Ref<{
-        value: string | number;
-        label: string;
-    }[]>;
-    resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
-    groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
-    toggle: () => void;
-    close: () => void;
-    deselect: (option: SelectOption) => void;
-    innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
-    outerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     options: {
         type: PropType<SelectOption[]>;
         default: SelectOption[];
@@ -103,7 +66,36 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    inputBox: import("vue-demi").Ref<any>;
+    inputBoxRoot: import("vue-demi").ComputedRef<any>;
+    control: import("vue-demi").Ref<HTMLElement | undefined>;
+    popover: import("vue-demi").Ref<any>;
+    popoverRoot: import("vue-demi").ComputedRef<any>;
+    popoverState: import("vue-demi").ComputedRef<any>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    controlStyles: import("vue-demi").ComputedRef<string[]>;
+    placeholderStyles: import("vue-demi").ComputedRef<string[]>;
+    dropdownStyles: import("vue-demi").ComputedRef<string[]>;
+    noSearchResultsStyles: import("vue-demi").ComputedRef<string[]>;
+    controlId: import("vue-demi").Ref<string>;
+    proxyModelValue: import("vue-demi").WritableComputedRef<string | number | (string | number)[] | undefined>;
+    readonly: import("vue-demi").ComputedRef<boolean>;
+    selection: import("vue-demi").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
+    searchText: import("vue-demi").Ref<string>;
+    internalSearchOptions: import("vue-demi").Ref<{
+        value: string | number;
+        label: string;
+    }[]>;
+    resolvedSearchOptions: import("vue-demi").ComputedRef<SelectOption[]>;
+    groupedOptions: import("vue-demi").ComputedRef<Record<string, SelectOption[]>>;
+    toggle: () => void;
+    close: () => void;
+    deselect: (option: SelectOption) => void;
+    innerItems: import("vue-demi").Ref<HTMLElement[]>;
+    outerItems: import("vue-demi").Ref<HTMLElement[]>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
         default: SelectOption[];
@@ -168,81 +160,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: string | number | (string | number)[];
-    label: string;
-    options: SelectOption[];
-    searchOptions: SelectOption[];
-    multiple: boolean;
-    size: SelectSize;
-    placeholder: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-    enableSearch: boolean;
-    searchFunction: SelectSearchFunction;
-    groupByFunction: SelectGroupByFunction;
-    externalControl: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    inputBox: 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>;
-    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    control: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    popover: 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>;
-    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlId: import("@vue/composition-api").Ref<string>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
-    readonly: import("@vue/composition-api").ComputedRef<boolean>;
-    selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
-    searchText: import("@vue/composition-api").Ref<string>;
-    internalSearchOptions: import("@vue/composition-api").Ref<{
-        value: string | number;
-        label: string;
-    }[]>;
-    resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
-    groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
-    toggle: () => void;
-    close: () => void;
-    deselect: (option: SelectOption) => void;
-    innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
-    outerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: string | number | (string | number)[];
-    label: string;
-    options: SelectOption[];
-    searchOptions: SelectOption[];
-    multiple: boolean;
-    size: SelectSize;
-    placeholder: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-    enableSearch: boolean;
-    searchFunction: SelectSearchFunction;
-    groupByFunction: SelectGroupByFunction;
-    externalControl: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    onSearch?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number | (string | number)[];
     label: string;
@@ -260,5 +182,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
     externalControl: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/bundled/v3/components/OrSelectV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-264914d3.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
@@ -18,7 +18,7 @@ import '../OrErrorV3/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-df7b5e32.js';
 import '../OrErrorV3/styles.js';
 import '../OrExpansionPanelV3/OrExpansionPanel.js';
-import '../../OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js';
+import '../../OrExpansionPanel.vue_vue_type_script_lang-d4ed6199.js';
 import '../OrExpansionPanelV3/props.js';
 import '../OrExpansionPanelV3/styles.js';
 import '../OrIconV3/OrIcon.js';

package/dist/bundled/v3/components/OrSidebar/OrSidebar.vue.d.ts

@@ -1,15 +1,6 @@
 import { PropType } from 'vue-demi';
 import { OrSidebarSide } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    resizeBarRef: import("@vue/composition-api").Ref<HTMLElement | null>;
-    isResizing: import("@vue/composition-api").Ref<boolean>;
-    localWidth: import("@vue/composition-api").Ref<number>;
-    OrSidebarSide: typeof OrSidebarSide;
-}> & import("@vue/composition-api").Data, {}, {
-    sidebarStyle(): {
-        [key: string]: any;
-    };
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     width: {
         type: NumberConstructor;
         required: false;
@@ -34,7 +25,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: OrSidebarSide;
         validator: (value?: any) => boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    resizeBarRef: import("vue-demi").Ref<HTMLElement | null>;
+    isResizing: import("vue-demi").Ref<boolean>;
+    localWidth: import("vue-demi").Ref<number>;
+    OrSidebarSide: typeof OrSidebarSide;
+}, unknown, {
+    sidebarStyle(): {
+        [key: string]: any;
+    };
+}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "change:width"[], "change:width", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     width: {
         type: NumberConstructor;
         required: false;
@@ -59,30 +59,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: OrSidebarSide;
         validator: (value?: any) => boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    width: number;
-    minimumWidth: number;
-    side: OrSidebarSide;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    resizeBarRef: import("@vue/composition-api").Ref<HTMLElement | null>;
-    isResizing: import("@vue/composition-api").Ref<boolean>;
-    localWidth: import("@vue/composition-api").Ref<number>;
-    OrSidebarSide: typeof OrSidebarSide;
-}>, import("@vue/composition-api").Data, {
-    sidebarStyle(): {
-        [key: string]: any;
-    };
-}, {}, {}, {}, string[], {
-    width: number;
-    minimumWidth: number;
-    side: OrSidebarSide;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onChange:width"?: ((...args: any[]) => any) | undefined;
 }, {
     width: number;
     minimumWidth: number;
     side: OrSidebarSide;
-}, true>);
+}>;
 export default _default;

package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-d7f700de.js';
-export { s as default } from '../../OrSidebar.vue_vue_type_script_lang-d7f700de.js';
+import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-5723e223.js';
+export { s as default } from '../../OrSidebar.vue_vue_type_script_lang-5723e223.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 import '@vueuse/core';
 import 'lodash';

package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.vue.d.ts

@@ -1,27 +1,6 @@
 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<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, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     width: {
         type: NumberConstructor;
         default: number;
@@ -57,7 +36,28 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    resizeBar: import("vue-demi").Ref<HTMLElement | null>;
+    isResizing: import("vue-demi").Ref<boolean>;
+    isCollapsed: import("vue-demi").Ref<boolean>;
+    localWidth: import("vue-demi").Ref<number>;
+    isShowingToolbar: import("vue-demi").ComputedRef<boolean>;
+    sidebarStyle: import("vue-demi").ComputedRef<{
+        width: string;
+    }>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    sidebarStyles: import("vue-demi").ComputedRef<string[]>;
+    toolbarStyles: import("vue-demi").ComputedRef<string[]>;
+    resizeStyles: import("vue-demi").ComputedRef<string[]>;
+    collapsibleButtonStyles: import("vue-demi").ComputedRef<string[]>;
+    mainStyles: import("vue-demi").ComputedRef<string[]>;
+    headerStyles: import("vue-demi").ComputedRef<string[]>;
+    contentStyles: import("vue-demi").ComputedRef<string[]>;
+    footerStyles: import("vue-demi").ComputedRef<string[]>;
+    open: () => void;
+    close: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change:width" | "open" | "close")[], "change:width" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     width: {
         type: NumberConstructor;
         default: number;
@@ -93,45 +93,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         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: `on${Capitalize<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: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onChange:width"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
     width: number;
     minimumWidth: number;
@@ -139,5 +104,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     side: OrSidebarPlacement;
     draggable: boolean;
     collapsible: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/bundled/v3/components/OrSidebarV3/index.js

@@ -1,5 +1,5 @@
 export { OrSidebarPlacement } from './props.js';
-export { s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-d7f700de.js';
+export { s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-5723e223.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';

package/dist/bundled/v3/components/OrSidebarV3/styles.js

@@ -6,7 +6,7 @@ const SidebarRoot = [
 // Layout
 'flex', 'flex-row', 'shrink-0',
 // Box
-'min-w-0', 'h-auto', 'p-0',
+'min-w-0', 'h-full', 'p-0',
 // Theme
 'bg-background', 'dark:bg-background-dark'];
 const SidebarBar = [

package/dist/bundled/v3/components/OrSkeletonCircle/OrSkeletonCircle.vue.d.ts

@@ -1,9 +1,4 @@
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {
-    rootClasses(): {
-        'is-animated': boolean;
-    };
-    rootStyle(): Record<string, string | number>;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     isAnimated: {
         type: BooleanConstructor;
         required: false;
@@ -14,7 +9,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: number;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, unknown, unknown, {
+    rootClasses(): {
+        'is-animated': boolean;
+    };
+    rootStyle(): Record<string, string | number>;
+}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     isAnimated: {
         type: BooleanConstructor;
         required: false;
@@ -25,19 +25,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: number;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    isAnimated: boolean;
-    radius: string | number;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
-    rootClasses(): {
-        'is-animated': boolean;
-    };
-    rootStyle(): Record<string, string | number>;
-}, {}, {}, {}, {}, {
-    isAnimated: boolean;
-    radius: string | number;
-} & {}, {
+}>>, {
     isAnimated: boolean;
     radius: string | number;
-}, true>);
+}>;
 export default _default;