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

package/dist/bundled/v2/components/OrTagInputV3/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/bundled/v2/components/OrTagInputV3/styles.js

@@ -5,7 +5,7 @@ const TagInput = [
 'gap-xs'];
 const TagInputControl = [
 // Layout
-'flex-auto',
+// 'flex-auto',
 // Typography
 'typography-inherit',
 // Theme (placeholder)

package/dist/bundled/v2/components/OrTagsV3/OrTags.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, nextTick } from 'vue-demi';
 import { TagsOverflow } from './props.js';
 import { Tags, TagsContainer, TagsContainerOverflows, TagsOverflowButton, TagsOverflowPopover } from './styles.js';
+import { castToTagObject } from './utils/castToTag.js';
 import __vue_component__$1 from '../OrButtonV3/OrButton.js';
 import __vue_component__$2 from '../OrPopoverV3/OrPopover.js';
 import __vue_component__$3 from '../OrTagV3/OrTag.js';
@@ -21,19 +22,31 @@ var script = defineComponent({
     },
     overflow: {
       type: String,
-      default: TagsOverflow.Default
+      default: TagsOverflow.Hidden
     },
     tagProps: {
       type: Object,
       default: undefined
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['click', 'focus', 'blur', 'reset'],
-  expose: ['root'],
+  expose: ['root', 'container', 'overflowPopover', 'scrollToEnd'],
   setup(props) {
     // Refs
     const root = ref();
     const container = ref();
+    // Props
+    const {
+      items,
+      overflow
+    } = toRefs(props);
+    const localOverflow = computed(() => {
+      return overflow.value === TagsOverflow.Default ? TagsOverflow.Hidden : overflow.value;
+    });
     const overflowButton = ref();
     const overflowButtonRoot = computed(() => {
       var _a;
@@ -46,19 +59,39 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-tags-v3', ...Tags]);
-    const containerStyles = computed(() => [...TagsContainer, ...TagsContainerOverflows[props.overflow]]);
+    const containerStyles = computed(() => [...TagsContainer, ...TagsContainerOverflows[localOverflow.value]]);
     const overflowButtonStyles = computed(() => [...TagsOverflowButton]);
     const overflowPopoverStyles = computed(() => [...TagsOverflowPopover]);
     // State
     const {
       innerItems
-    } = useOverflow(container);
+    } = useOverflow(container, {
+      hide: false
+    });
+    const localItems = computed(() => {
+      return items.value.map(castToTagObject);
+    });
     const overflowItems = computed(() => {
-      return props.items.slice(innerItems.value.length);
+      return localItems.value.slice(innerItems.value.length);
     });
+    // Methods
+    function togglePopover() {
+      overflowPopover.value.toggle();
+    }
+    function scrollToEnd() {
+      nextTick(() => {
+        var _a, _b;
+        (_a = container.value) === null || _a === void 0 ? void 0 : _a.scrollTo({
+          left: (_b = container.value) === null || _b === void 0 ? void 0 : _b.scrollWidth,
+          behavior: 'smooth'
+        });
+      });
+    }
     return {
       root,
       container,
+      localOverflow,
+      localItems,
       overflowButton,
       overflowButtonRoot,
       overflowPopover,
@@ -67,7 +100,9 @@ var script = defineComponent({
       containerStyles,
       overflowButtonStyles,
       overflowPopoverStyles,
-      overflowItems
+      overflowItems,
+      togglePopover,
+      scrollToEnd
     };
   }
 });
@@ -83,30 +118,32 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, [_c('div', {
+  }, [_vm.localItems.length > 0 ? _c('div', {
     ref: "container",
     class: _vm.containerStyles
-  }, _vm._l(_vm.items, function (item) {
+  }, [_vm._l(_vm.localItems, function (item) {
     return _c('OrTag', _vm._b({
-      key: item,
+      key: item.value,
+      staticClass: "max-w-full",
       on: {
         "reset": function ($event) {
-          return _vm.$emit('reset', item);
+          return _vm.$emit('reset', item.value);
         }
       }
-    }, 'OrTag', _vm.tagProps, false), [_vm._v("\n      " + _vm._s(item) + "\n    ")]);
-  }), 1), _vm._v(" "), _vm.overflowItems.length > 0 ? [_c('OrButton', {
+    }, 'OrTag', _vm.tagProps, false), [_vm._v("\n      " + _vm._s(item.label) + "\n    ")]);
+  }), _vm._v(" "), _vm.localOverflow === 'wrap' ? _vm._t("tail") : _vm._e()], 2) : _vm._e(), _vm._v(" "), _vm.localOverflow === 'hidden' && _vm.overflowItems.length > 0 ? [_c('OrButton', {
     ref: "overflowButton",
     class: _vm.overflowButtonStyles,
     attrs: {
       "type": 'button',
       "variant": 'link',
-      "color": 'inherit'
+      "color": 'inherit',
+      "disabled": _vm.disabled
     },
     on: {
       "click": function ($event) {
         $event.stopPropagation();
-        return _vm.overflowPopover.open();
+        return _vm.togglePopover.apply(null, arguments);
       }
     }
   }, [_vm._v("\n      +" + _vm._s(_vm.overflowItems.length) + "\n    ")]), _vm._v(" "), _c('OrPopover', {
@@ -118,14 +155,14 @@ var __vue_render__ = function () {
     class: _vm.overflowPopoverStyles
   }, _vm._l(_vm.overflowItems, function (item) {
     return _c('OrTag', _vm._b({
-      key: item,
+      key: item.value,
       on: {
         "reset": function ($event) {
-          return _vm.$emit('reset', item);
+          return _vm.$emit('reset', item.value);
         }
       }
-    }, 'OrTag', _vm.tagProps, false), [_vm._v("\n          " + _vm._s(item) + "\n        ")]);
-  }), 1)])] : _vm._e()], 2);
+    }, 'OrTag', _vm.tagProps, false), [_vm._v("\n          " + _vm._s(item.label) + "\n        ")]);
+  }), 1)])] : _vm._e(), _vm._v(" "), _vm.localOverflow != 'wrap' || _vm.items.length === 0 ? _vm._t("tail") : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrTagsV3/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/bundled/v2/components/OrTagsV3/props.d.ts

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

package/dist/bundled/v2/components/OrTagsV3/props.js

@@ -1,7 +1,11 @@
 var TagsOverflow;
 (function (TagsOverflow) {
+  // todo: remove in next braking release
+  // @deprecated use Hidden instead
   TagsOverflow["Default"] = "default";
   TagsOverflow["Wrap"] = "wrap";
+  TagsOverflow["Hidden"] = "hidden";
+  TagsOverflow["Scroll"] = "scroll";
 })(TagsOverflow || (TagsOverflow = {}));
 
 export { TagsOverflow };

package/dist/bundled/v2/components/OrTagsV3/styles.js

@@ -11,25 +11,35 @@ const Tags = [
 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const TagsContainer = [
 // Layout
-'layout-row',
+'layout-row', 'max-w-full',
 // Spacing
-'gap-sm'];
+'gap-sm', 'py-xs'];
 const TagsContainerOverflows = {
+  // todo: remove in next braking release
+  // @deprecated use Hidden instead
   [TagsOverflow.Default]: [
   // Overflow
   'overflow-hidden'],
+  [TagsOverflow.Hidden]: [
+  // Overflow
+  'overflow-hidden'],
   [TagsOverflow.Wrap]: [
   // Layout
-  '!flex-wrap']
+  '!flex-wrap'],
+  [TagsOverflow.Scroll]: [
+  // Layout
+  'overflow-y-auto',
+  // todo: extract to plugin?
+  '[&::-webkit-scrollbar]:hidden [-ms-overflow-style:\'none\'] [scrollbar-width:\'none\']']
 };
 const TagsOverflowButton = [
 // Typography
 'typography-caption-regular'];
 const TagsOverflowPopover = [
 // Layout
-'layout-row !flex-wrap',
+'layout-row !flex-wrap !content-start overflow-y-auto',
 // Box
-'max-w-[192px]',
+'max-w-[192px] max-h-[340px]',
 // Spacing
 'px-md', 'py-md', 'gap-sm'];
 

package/dist/bundled/v2/components/OrTagsV3/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/bundled/v2/components/OrTagsV3/types.js

@@ -0,0 +1 @@
+

package/dist/bundled/v2/components/OrTagsV3/utils/castToTag.d.ts

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

package/dist/bundled/v2/components/OrTagsV3/utils/castToTag.js

@@ -0,0 +1,12 @@
+function castToTagObject(tag) {
+  if (typeof tag === 'string') {
+    return {
+      label: tag,
+      value: tag
+    };
+  } else {
+    return tag;
+  }
+}
+
+export { castToTagObject };

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5ebd3f35.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-02a369fb.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fceb3125.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-20b13137.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { k as useEventBus } from '../../../index-a488b35e.js';
+import { l as useEventBus } from '../../../index-a77d7adf.js';
 import { c as createSharedComposable } from '../../../index-210a7ab2.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { k as useEventBus } from '../../../index-a488b35e.js';
+import { l as useEventBus } from '../../../index-a77d7adf.js';
 import { c as createSharedComposable } from '../../../index-210a7ab2.js';
 
 const useToastEventBus = () => {

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

@@ -50,9 +50,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-06eb6ce3.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-fceb3125.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-5ebd3f35.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-0dfe417f.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-20b13137.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-02a369fb.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat } from './OrDateTimePickerV3/props.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatTime } from './OrDateTimePickerV3/utils/formatTime.js';

package/dist/bundled/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/bundled/v2/hooks/useOverflow.js

@@ -1,8 +1,11 @@
-import { i as useMutationObserver, e as useResizeObserver } from '../index-a488b35e.js';
+import { j as useMutationObserver, e as useResizeObserver } from '../index-a77d7adf.js';
 import { isRef, ref, watch } from 'vue-demi';
 import { r as requestAF } from '../dom-cec392f3.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

package/dist/bundled/v2/hooks/useResponsive/useResponsive.js

@@ -1,4 +1,4 @@
-import { j as useMediaQuery } from '../../index-a488b35e.js';
+import { k as useMediaQuery } from '../../index-a77d7adf.js';
 import { getCurrentInstance, ref, watch, onMounted, isVue3, computed } from 'vue-demi';
 
 var createPlugin$2 = {};