@onereach/ui-components 7.0.0 → 7.0.1-beta.3529.0

package/dist/esm/v2/components/or-select-v3/partials/or-select-single-control/OrSelectSingleControl.vue.d.ts

@@ -0,0 +1,107 @@
+import { PropType } from 'vue-demi';
+import { SelectOption, SelectValue } from '../../types';
+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[]>;
+    searchControl: 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>;
+    searchModelValue: import("../../../../hooks").UseProxyModelValueReturn<string>;
+    isEmpty: import("@vue/composition-api").ComputedRef<boolean>;
+    selection: import("@vue/composition-api").ComputedRef<SelectOption | undefined>;
+    selectionLabel: import("@vue/composition-api").ComputedRef<string | undefined>;
+    focus: () => void;
+    focused: import("@vue/composition-api").ComputedRef<undefined>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    model: {
+        type: PropType<SelectValue>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        default: () => never[];
+    };
+    enableSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    model: {
+        type: PropType<SelectValue>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        default: () => never[];
+    };
+    enableSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    model: SelectValue;
+    modelValue: string;
+    placeholder: string;
+    options: SelectOption[];
+    enableSearch: boolean;
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<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[]>;
+    searchControl: 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>;
+    searchModelValue: import("../../../../hooks").UseProxyModelValueReturn<string>;
+    isEmpty: import("@vue/composition-api").ComputedRef<boolean>;
+    selection: import("@vue/composition-api").ComputedRef<SelectOption | undefined>;
+    selectionLabel: import("@vue/composition-api").ComputedRef<string | undefined>;
+    focus: () => void;
+    focused: import("@vue/composition-api").ComputedRef<undefined>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    model: SelectValue;
+    modelValue: string;
+    placeholder: string;
+    options: SelectOption[];
+    enableSearch: boolean;
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    model: SelectValue;
+    modelValue: string;
+    placeholder: string;
+    options: SelectOption[];
+    enableSearch: boolean;
+    disabled: boolean;
+}, true>);
+export default _default;

package/dist/esm/v2/components/or-select-v3/partials/or-select-single-control/index.d.ts

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

package/dist/esm/v2/components/or-select-v3/partials/or-select-single-control/index.js

@@ -0,0 +1,13 @@
+export { _ as OrSelectSingleControl } from '../../../../OrSelectSingleControl-76b29e0b.js';
+import 'vue-demi';
+import '../../../../OrSelectPlaceholder-f36f4e40.js';
+import '../../../../normalize-component-6e8e3d80.js';
+import '../../../../OrSelectControlInput-28c226f8.js';
+import '@vueuse/core';
+import '../../../../dom-aecadd9a.js';
+import 'lodash/isElement';
+import 'lodash/get';
+import '../../../../useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind/plugins/core';
+import '@onereach/styles/tailwind.config.json';
+import '../../../../isEmptyValue-fd56a6e4.js';

package/dist/esm/v2/components/or-select-v3/partials/or-select-single-control/styles.d.ts

@@ -0,0 +1 @@
+export declare const SelectSingleControlInput: string[];

package/dist/esm/v2/components/or-select-v3/types.d.ts

@@ -1,10 +1,12 @@
 export interface SelectOption {
-    value: object | string | number;
+    value: RawValue;
     label: string;
 }
+export type RawValue = string | number | object;
 export interface SelectSearchFunction {
     (searchText: string, options: SelectOption[]): Promise<SelectOption[]>;
 }
 export interface SelectGroupByFunction {
     (option: SelectOption): string;
 }
+export type SelectValue = RawValue | RawValue[] | undefined;

package/dist/esm/v2/components/or-tag-input-v3/OrTagInput.vue.d.ts

@@ -1,11 +1,24 @@
 import { PropType } from 'vue-demi';
-import { TagInputSize } from './props';
+import { TagsOverflow } from '../or-tags-v3';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     control: import("@vue/composition-api").Ref<HTMLInputElement | 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>;
+    tags: 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[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlInlineStyles: import("@vue/composition-api").ComputedRef<{
+        width: string;
+    }>;
     controlAttributes: {
         required: boolean | undefined;
         minlength: number | undefined;
@@ -20,12 +33,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         id: string | undefined;
     };
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
-    draftModelValue: import("@vue/composition-api").Ref<string | undefined>;
+    draftModelValue: import("@vue/composition-api").Ref<string>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    activated: import("@vue/composition-api").Ref<boolean>;
+    showControl: import("@vue/composition-api").ComputedRef<boolean>;
     focus: () => void;
     blur: () => void;
     add: () => void;
+    activate: () => void;
+    deactivate: () => void;
     remove: (value: string) => void;
     reset: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -33,10 +50,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<string[]>;
         default: () => never[];
     };
-    size: {
-        type: PropType<"m" | "s">;
-        default: TagInputSize;
-    };
     label: {
         type: StringConstructor;
         default: undefined;
@@ -69,15 +82,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
+        default: TagsOverflow;
+    };
+    enableClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    size: {
-        type: PropType<"m" | "s">;
-        default: TagInputSize;
-    };
     label: {
         type: StringConstructor;
         default: undefined;
@@ -110,9 +127,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
+        default: TagsOverflow;
+    };
+    enableClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string[];
-    size: "m" | "s";
     label: string;
     placeholder: string;
     hint: string;
@@ -121,14 +145,29 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
+    overflow: "default" | "wrap" | "hidden" | "scroll";
+    enableClear: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     control: import("@vue/composition-api").Ref<HTMLInputElement | 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>;
+    tags: 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[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlInlineStyles: import("@vue/composition-api").ComputedRef<{
+        width: string;
+    }>;
     controlAttributes: {
         required: boolean | undefined;
         minlength: number | undefined;
@@ -143,17 +182,20 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         id: string | undefined;
     };
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
-    draftModelValue: import("@vue/composition-api").Ref<string | undefined>;
+    draftModelValue: import("@vue/composition-api").Ref<string>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    activated: import("@vue/composition-api").Ref<boolean>;
+    showControl: import("@vue/composition-api").ComputedRef<boolean>;
     focus: () => void;
     blur: () => void;
     add: () => void;
+    activate: () => void;
+    deactivate: () => void;
     remove: (value: string) => void;
     reset: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string[];
-    size: "m" | "s";
     label: string;
     placeholder: string;
     hint: string;
@@ -162,11 +204,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
+    overflow: "default" | "wrap" | "hidden" | "scroll";
+    enableClear: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string[];
-    size: "m" | "s";
     label: string;
     placeholder: string;
     hint: string;
@@ -175,5 +218,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
+    overflow: "default" | "wrap" | "hidden" | "scroll";
+    enableClear: boolean;
 }, true>);
 export default _default;

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

@@ -1,8 +1,8 @@
-export { _ as OrTagInputV3 } from '../../OrTagInput-51521313.js';
+export { _ as OrTagInputV3 } from '../../OrTagInput-7f917d41.js';
 export { I as TagInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import 'vue-demi';
-import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useIdAttribute-859439f0.js';
 import '../../dom-aecadd9a.js';
 import 'lodash/isElement';
 import 'lodash/get';
@@ -28,8 +28,8 @@ import 'portal-vue';
 import '../../useTheme-0ef25778.js';
 import '../../OrInputBox-7dc5b9e9.js';
 import '../../OrLabel-b465bc0b.js';
-import '../../OrTags-98807166.js';
-import '../../useOverflow-ff9ae748.js';
+import '../../OrTags-ed4ddf4d.js';
+import '../../useOverflow-b482f3c9.js';
 import '../../OrButton-78336f88.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../OrTag-884d1994.js';

package/dist/esm/v2/components/or-tags-v3/OrTags.vue.d.ts

@@ -1,8 +1,11 @@
 import { PropType } from 'vue-demi';
 import { TagsOverflow } from './props';
+import { Tag } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    localOverflow: import("@vue/composition-api").ComputedRef<TagsOverflow.Hidden | "wrap" | "hidden" | "scroll">;
+    localItems: import("@vue/composition-api").ComputedRef<import("./types").TagObject[]>;
     overflowButton: 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[], {} & {}, {
@@ -19,14 +22,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    overflowItems: import("@vue/composition-api").ComputedRef<string[]>;
+    overflowItems: import("@vue/composition-api").ComputedRef<import("./types").TagObject[]>;
+    togglePopover: () => void;
+    scrollToEnd: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     items: {
-        type: PropType<string[]>;
+        type: PropType<Tag[]>;
         default: () => never[];
     };
     overflow: {
-        type: PropType<"default" | "wrap">;
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
         default: TagsOverflow;
     };
     tagProps: {
@@ -35,13 +40,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         } | {}> & Omit<{} & {}, never>>>;
         default: undefined;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     items: {
-        type: PropType<string[]>;
+        type: PropType<Tag[]>;
         default: () => never[];
     };
     overflow: {
-        type: PropType<"default" | "wrap">;
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
         default: TagsOverflow;
     };
     tagProps: {
@@ -50,17 +59,24 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         } | {}> & Omit<{} & {}, never>>>;
         default: undefined;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    items: string[];
-    overflow: "default" | "wrap";
+    items: Tag[];
+    overflow: "default" | "wrap" | "hidden" | "scroll";
     tagProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
+    disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    localOverflow: import("@vue/composition-api").ComputedRef<TagsOverflow.Hidden | "wrap" | "hidden" | "scroll">;
+    localItems: import("@vue/composition-api").ComputedRef<import("./types").TagObject[]>;
     overflowButton: 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[], {} & {}, {
@@ -77,20 +93,24 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    overflowItems: import("@vue/composition-api").ComputedRef<string[]>;
+    overflowItems: import("@vue/composition-api").ComputedRef<import("./types").TagObject[]>;
+    togglePopover: () => void;
+    scrollToEnd: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    items: string[];
-    overflow: "default" | "wrap";
+    items: Tag[];
+    overflow: "default" | "wrap" | "hidden" | "scroll";
     tagProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
+    disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    items: string[];
-    overflow: "default" | "wrap";
+    items: Tag[];
+    overflow: "default" | "wrap" | "hidden" | "scroll";
     tagProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
+    disabled: boolean;
 }, true>);
 export default _default;

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

@@ -1,6 +1,6 @@
-export { _ as OrTagsV3, T as TagsOverflow } from '../../OrTags-98807166.js';
+export { _ as OrTagsV3, T as TagsOverflow } from '../../OrTags-ed4ddf4d.js';
 import 'vue-demi';
-import '../../useOverflow-ff9ae748.js';
+import '../../useOverflow-b482f3c9.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
 import 'lodash/isElement';

package/dist/esm/v2/components/or-tags-v3/props.d.ts

@@ -1,4 +1,6 @@
 export declare enum TagsOverflow {
     Default = "default",
-    Wrap = "wrap"
+    Wrap = "wrap",
+    Hidden = "hidden",
+    Scroll = "scroll"
 }

package/dist/esm/v2/components/or-tags-v3/types.d.ts

@@ -0,0 +1,6 @@
+export type SimpleTag = string;
+export type Tag = SimpleTag | TagObject;
+export interface TagObject {
+    label: string;
+    value: string | number | object;
+}

package/dist/esm/v2/components/or-tags-v3/utils/castToTag.d.ts

@@ -0,0 +1,2 @@
+import { Tag, TagObject } from '../types';
+export declare function castToTagObject(tag: Tag): TagObject;

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

@@ -1,6 +1,6 @@
 export { u as useControlAttributes, a as useIdAttribute } from '../useIdAttribute-859439f0.js';
 export { u as useElevation } from '../useElevation-a50ec347.js';
-export { u as useOverflow } from '../useOverflow-ff9ae748.js';
+export { u as useOverflow } from '../useOverflow-b482f3c9.js';
 export { u as usePopoverState } from '../usePopoverState-b92c698b.js';
 export { u as useProxyModelValue } from '../useProxyModelValue-940010d2.js';
 export { u as useResponsive } from '../useResponsive-5c8291da.js';

package/dist/esm/v2/hooks/useOverflow.d.ts

@@ -4,4 +4,7 @@ export interface Overflow {
     innerItems: Ref<HTMLElement[]>;
     outerItems: Ref<HTMLElement[]>;
 }
-export declare function useOverflow(container: MaybeElementRef<HTMLElement | undefined>): Overflow;
+export interface UseOverflowOptions {
+    hide?: boolean;
+}
+export declare function useOverflow(container: MaybeElementRef<HTMLElement | undefined>, options?: UseOverflowOptions): Overflow;

package/dist/esm/v2/index.js

@@ -93,7 +93,7 @@ export { _ as OrSearch } from './OrSearch-ac542dd6.js';
 export { _ as OrSearchV3 } from './OrSearch-c5850ddd.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-bba94cda.js';
 export { _ as OrSelect } from './OrSelect-c0d04cf6.js';
-export { _ as OrSelectV3 } from './OrSelect-57af5b9a.js';
+export { _ as OrSelectV3 } from './OrSelect-578bcee2.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
 export { _ as OrSidebarV3 } from './OrSidebar-d24100a9.js';
 export { S as OrSidebarPlacement, S as SidebarPlacement } from './props-cc0586c8.js';
@@ -115,9 +115,9 @@ export { _ as OrTabV3 } from './OrTab-13db2e49.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
 export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-71f4fc47.js';
 export { _ as OrTag } from './OrTag-b5803a20.js';
-export { _ as OrTagInputV3 } from './OrTagInput-51521313.js';
+export { _ as OrTagInputV3 } from './OrTagInput-7f917d41.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-884d1994.js';
-export { _ as OrTagsV3, T as TagsOverflow } from './OrTags-98807166.js';
+export { _ as OrTagsV3, T as TagsOverflow } from './OrTags-ed4ddf4d.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from './OrText-44449e7b.js';
@@ -137,7 +137,7 @@ export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-943553c1.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-a50ec347.js';
-export { u as useOverflow } from './useOverflow-ff9ae748.js';
+export { u as useOverflow } from './useOverflow-b482f3c9.js';
 export { u as usePopoverState } from './usePopoverState-b92c698b.js';
 export { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 export { u as useResponsive } from './useResponsive-5c8291da.js';
@@ -200,6 +200,10 @@ import './codemirrorView-020fe885.js';
 import 'prosemirror-state';
 import 'prosemirror-commands';
 import 'lodash/keyBy';
+import './OrSelectMultipleControl-961d8d6a.js';
+import './OrSelectPlaceholder-f36f4e40.js';
+import './OrSelectControlInput-28c226f8.js';
+import './OrSelectSingleControl-76b29e0b.js';
 import 'lodash/range';
 import './styles-ed564e39.js';
 import 'portal-vue/dist/portal-vue.esm.js';

package/dist/esm/v2/{useOverflow-ff9ae748.js → useOverflow-b482f3c9.js}

@@ -3,6 +3,9 @@ import { isRef, ref, watch } from 'vue-demi';
 import { r as requestAF } from './dom-aecadd9a.js';
 
 function useOverflow(container) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    hide: true
+  };
   const containerRef = isRef(container) ? container : ref(container);
   // State
   const innerItemsRef = ref([]);
@@ -26,13 +29,17 @@ function useOverflow(container) {
           width: containerWidth
         } = container.getBoundingClientRect();
         if (itemOffset + itemWidth > containerOffset + containerWidth) {
-          item.style.setProperty('visibility', 'hidden');
+          if (options.hide) {
+            item.style.setProperty('visibility', 'hidden');
+          }
           return {
             innerItems,
             outerItems: [...outerItems, item]
           };
         } else {
-          item.style.removeProperty('visibility');
+          if (options.hide) {
+            item.style.removeProperty('visibility');
+          }
           return {
             innerItems: [...innerItems, item],
             outerItems