@onereach/ui-components 4.4.2-beta.2712.0 → 4.4.2

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-5fa6caa0.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-5eda9e34.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

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

@@ -2,7 +2,7 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-5fa6caa0.js';
+import '../../OrDateTimePickerMonthSelect-5eda9e34.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-5fa6caa0.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-5eda9e34.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-aa60911c.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';

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

@@ -2,7 +2,7 @@ export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-5fa6caa0.js';
+import '../../OrDateTimePickerMonthSelect-5eda9e34.js';
 import './hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';

package/dist/bundled/v2/components/OrIconButtonV3/OrIconButton.vue.d.ts

@@ -12,11 +12,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     color: {
-        type: PropType<"default" | "danger" | "inherit">;
+        type: PropType<IconButtonColor>;
         default: IconButtonColor;
     };
     size: {
-        type: PropType<"inherit" | "xl" | "l" | "m">;
+        type: PropType<IconButtonSize>;
         default: IconButtonSize;
     };
     selected: {
@@ -41,11 +41,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     color: {
-        type: PropType<"default" | "danger" | "inherit">;
+        type: PropType<IconButtonColor>;
         default: IconButtonColor;
     };
     size: {
-        type: PropType<"inherit" | "xl" | "l" | "m">;
+        type: PropType<IconButtonSize>;
         default: IconButtonSize;
     };
     selected: {
@@ -63,11 +63,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    size: "inherit" | "xl" | "l" | "m";
+    size: IconButtonSize;
     icon: Omit<Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>, "size">;
-    color: "default" | "danger" | "inherit";
+    color: IconButtonColor;
     selected: boolean;
     disabled: boolean;
     tooltip: string | Readonly<Partial<{
@@ -80,11 +80,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isVue3: boolean;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    size: "inherit" | "xl" | "l" | "m";
+    size: IconButtonSize;
     icon: Omit<Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>, "size">;
-    color: "default" | "danger" | "inherit";
+    color: IconButtonColor;
     selected: boolean;
     disabled: boolean;
     tooltip: string | Readonly<Partial<{
@@ -93,8 +93,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    size: "inherit" | "xl" | "l" | "m";
-    color: "default" | "danger" | "inherit";
+    size: IconButtonSize;
+    color: IconButtonColor;
     selected: boolean;
     disabled: boolean;
     tooltip: string | Readonly<Partial<{

package/dist/bundled/v2/components/OrIconV3/OrIcon.vue.d.ts

@@ -9,11 +9,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     variant: {
-        type: PropType<"outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit">;
+        type: PropType<IconVariant>;
         default: IconVariant;
     };
     size: {
-        type: PropType<"inherit" | "xl" | "l" | "m">;
+        type: PropType<IconSize>;
         default: IconSize;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
@@ -22,26 +22,26 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     variant: {
-        type: PropType<"outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit">;
+        type: PropType<IconVariant>;
         default: IconVariant;
     };
     size: {
-        type: PropType<"inherit" | "xl" | "l" | "m">;
+        type: PropType<IconSize>;
         default: IconSize;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     icon: string;
-    variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
-    size: "inherit" | "xl" | "l" | "m";
+    variant: IconVariant;
+    size: IconSize;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     icon: string;
-    variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
-    size: "inherit" | "xl" | "l" | "m";
+    variant: IconVariant;
+    size: IconSize;
 } & {}, {
-    variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
-    size: "inherit" | "xl" | "l" | "m";
+    variant: IconVariant;
+    size: IconSize;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrInputBoxV3/OrInputBox.vue.d.ts

@@ -5,11 +5,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     variant: {
-        type: PropType<"styled" | "unstyled">;
+        type: PropType<InputBoxVariant>;
         default: InputBoxVariant;
     };
     size: {
-        type: PropType<"m" | "s">;
+        type: PropType<InputBoxSize>;
         default: InputBoxSize;
     };
     invalid: {
@@ -26,11 +26,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     variant: {
-        type: PropType<"styled" | "unstyled">;
+        type: PropType<InputBoxVariant>;
         default: InputBoxVariant;
     };
     size: {
-        type: PropType<"m" | "s">;
+        type: PropType<InputBoxSize>;
         default: InputBoxSize;
     };
     invalid: {
@@ -46,8 +46,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    variant: "styled" | "unstyled";
-    size: "m" | "s";
+    variant: InputBoxVariant;
+    size: InputBoxSize;
     invalid: boolean;
     readonly: boolean;
     disabled: boolean;
@@ -55,14 +55,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    variant: "styled" | "unstyled";
-    size: "m" | "s";
+    variant: InputBoxVariant;
+    size: InputBoxSize;
     invalid: boolean;
     readonly: boolean;
     disabled: boolean;
 } & {}, {
-    variant: "styled" | "unstyled";
-    size: "m" | "s";
+    variant: InputBoxVariant;
+    size: InputBoxSize;
     invalid: boolean;
     readonly: boolean;
     disabled: boolean;

package/dist/bundled/v2/components/OrLabelV3/OrLabel.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     variant: {
-        type: PropType<"input" | "toggle">;
+        type: PropType<LabelVariant>;
         default: LabelVariant;
     };
     required: {
@@ -28,7 +28,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     variant: {
-        type: PropType<"input" | "toggle">;
+        type: PropType<LabelVariant>;
         default: LabelVariant;
     };
     required: {
@@ -41,7 +41,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     controlId: string;
-    variant: "input" | "toggle";
+    variant: LabelVariant;
     required: boolean;
     disabled: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -51,12 +51,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     controlId: string;
-    variant: "input" | "toggle";
+    variant: LabelVariant;
     required: boolean;
     disabled: boolean;
 } & {}, {
     controlId: string;
-    variant: "input" | "toggle";
+    variant: LabelVariant;
     required: boolean;
     disabled: boolean;
 }, true>);

package/dist/bundled/v2/components/OrLinkV3/OrLink.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     color: {
-        type: PropType<"primary" | "success" | "warning" | "danger" | "inherit">;
+        type: PropType<LinkColor>;
         default: LinkColor;
     };
     underlined: {
@@ -34,7 +34,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     color: {
-        type: PropType<"primary" | "success" | "warning" | "danger" | "inherit">;
+        type: PropType<LinkColor>;
         default: LinkColor;
     };
     underlined: {
@@ -55,7 +55,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     href: string;
-    color: "primary" | "success" | "warning" | "danger" | "inherit";
+    color: LinkColor;
     underlined: boolean;
     disabled: boolean;
     loading: boolean;
@@ -65,13 +65,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<(string | false)[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     href: string;
-    color: "primary" | "success" | "warning" | "danger" | "inherit";
+    color: LinkColor;
     underlined: boolean;
     disabled: boolean;
     loading: boolean;
     loadingText: string;
 } & {}, {
-    color: "primary" | "success" | "warning" | "danger" | "inherit";
+    color: LinkColor;
     underlined: boolean;
     disabled: boolean;
     loading: boolean;

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -53,7 +53,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:state', 'update:state:open', 'update:state:fullscreen', 'update:state:closed', 'update:state:closed-automatically'],
-  expose: ['root', 'state', 'isOpen', 'isFullscreen', 'isClosed', 'isFlipped', 'open', 'close'],
+  expose: ['root', 'state', 'isOpen', 'isFullscreen', 'isClosed', 'open', 'close'],
   setup(props, context) {
     const {
       isDesktop,
@@ -74,7 +74,6 @@ var script = defineComponent({
     const isOpen = computed(() => state.value === 'open');
     const isFullscreen = computed(() => state.value === 'fullscreen');
     const isClosed = computed(() => state.value === 'closed');
-    const isFlipped = ref(false);
     // Events
     watch(state, value => {
       context.emit('update:state', value);
@@ -163,7 +162,6 @@ var script = defineComponent({
         } = props;
         if (trigger) {
           autoUpdate(trigger, rootElement, async () => {
-            var _a;
             const {
               x,
               y,
@@ -178,7 +176,6 @@ var script = defineComponent({
               visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
               width: props.fullWidth ? `${trigger.offsetWidth}px` : ''
             });
-            isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
           });
         }
       }
@@ -215,7 +212,6 @@ var script = defineComponent({
       isOpen,
       isFullscreen,
       isClosed,
-      isFlipped,
       open,
       close
     };

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -17,7 +17,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isOpen: import("@vue/composition-api").ComputedRef<boolean>;
     isFullscreen: import("@vue/composition-api").ComputedRef<boolean>;
     isClosed: import("@vue/composition-api").ComputedRef<boolean>;
-    isFlipped: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
     close: (auto?: boolean) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -117,7 +116,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isOpen: import("@vue/composition-api").ComputedRef<boolean>;
     isFullscreen: import("@vue/composition-api").ComputedRef<boolean>;
     isClosed: import("@vue/composition-api").ComputedRef<boolean>;
-    isFlipped: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
     close: (auto?: boolean) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

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

@@ -1,5 +1,5 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
-import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectNoSearchResults } from './styles.js';
+import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectNoSearchResults } from './styles.js';
 import __vue_component__$1 from '../OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$2 from '../OrErrorV3/OrError.js';
 import __vue_component__$3 from '../OrExpansionPanelV3/OrExpansionPanel.js';
@@ -180,10 +180,7 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-select-v3', ...SelectRoot]);
     const controlStyles = computed(() => [...SelectControl]);
     const placeholderStyles = computed(() => [...SelectPlaceholder]);
-    const dropdownStyles = computed(() => {
-      var _a;
-      return [...SelectDropdown, ...(((_a = popover.value) === null || _a === void 0 ? void 0 : _a.isFlipped) ? SelectDropdownFlipped : SelectDropdownDefault)];
-    });
+    const dropdownStyles = computed(() => [...SelectDropdown]);
     const noSearchResultsStyles = computed(() => [...SelectNoSearchResults]);
     // State
     const controlId = ref((_a = context.attrs.id) !== null && _a !== void 0 ? _a : currentInstance.uid.toString());
@@ -334,7 +331,7 @@ var __vue_render__ = function () {
       expression: "close"
     }],
     ref: "inputBox",
-    class: [_vm.popoverState === 'open' && (_vm.popover.isFlipped ? 'rounded-t-0' : 'rounded-b-0')],
+    class: [_vm.popoverState === 'open' && 'rounded-b-0'],
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
       "size": _vm.size,

package/dist/bundled/v2/components/OrSelectV3/styles.d.ts

@@ -2,6 +2,4 @@ export declare const SelectRoot: string[];
 export declare const SelectControl: string[];
 export declare const SelectPlaceholder: string[];
 export declare const SelectDropdown: string[];
-export declare const SelectDropdownDefault: string[];
-export declare const SelectDropdownFlipped: string[];
 export declare const SelectNoSearchResults: string[];

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

@@ -26,18 +26,10 @@ const SelectDropdown = [
 'overflow-y-auto',
 // Box
 'max-h-[340px]',
-// Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark'];
-const SelectDropdownDefault = [
 // Shape
 'rounded-b-md',
 // Theme
-'!border-t-0'];
-const SelectDropdownFlipped = [
-// Shape
-'rounded-t-md',
-// Theme
-'!border-b-0'];
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', '!border-t-0'];
 const SelectNoSearchResults = [
 // Layout
 'layout-row justify-center',
@@ -48,4 +40,4 @@ const SelectNoSearchResults = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
-export { SelectControl, SelectDropdown, SelectDropdownDefault, SelectDropdownFlipped, SelectNoSearchResults, SelectPlaceholder, SelectRoot };
+export { SelectControl, SelectDropdown, SelectNoSearchResults, SelectPlaceholder, SelectRoot };

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,7 +1,7 @@
 import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
-import { TabsRoot, TabsRootVariants } from './styles.js';
+import { TabsRoot, TabsRootVariants, TabsContainer } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
@@ -71,6 +71,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-tabs-v3', ...TabsRoot, ...TabsRootVariants[props.variant]]);
+    const containerStyles = computed(() => [...TabsContainer]);
     // State
     const tabs = reactive({
       normal: [],
@@ -140,6 +141,7 @@ var script = defineComponent({
       overflowMenu,
       overflowMenuRoot,
       rootStyles,
+      containerStyles,
       tabs,
       proxyModelValue,
       activeTab
@@ -155,7 +157,9 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', [_c('div', _vm._b({
+  return _c('div', {
+    class: _vm.containerStyles
+  }, [_c('div', _vm._b({
     ref: "root",
     class: _vm.rootStyles
   }, 'div', _vm.$attrs, false), [_vm._l(_vm.tabs.normal, function (tab) {

package/dist/bundled/v2/components/OrTabsV3/OrTabs.vue.d.ts

@@ -16,6 +16,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;
@@ -75,6 +76,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;

package/dist/bundled/v2/components/OrTabsV3/styles.d.ts

@@ -1,3 +1,4 @@
 import { TabsVariant } from './props';
 export declare const TabsRoot: string[];
 export declare const TabsRootVariants: Record<TabsVariant, string[]>;
+export declare const TabsContainer: string[];

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

@@ -15,5 +15,10 @@ const TabsRootVariants = {
   // Layout
   'auto-cols-auto']
 };
+const TabsContainer = [
+// Layout
+'layout-column',
+// Spacing
+'gap-lg'];
 
-export { TabsRoot, TabsRootVariants };
+export { TabsContainer, TabsRoot, TabsRootVariants };

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         default: undefined;
     };
     placement: {
-        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">;
+        type: PropType<TooltipPlacement>;
         default: TooltipPlacement;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
@@ -27,12 +27,12 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         default: undefined;
     };
     placement: {
-        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">;
+        type: PropType<TooltipPlacement>;
         default: TooltipPlacement;
     };
 }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     text: string;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    placement: TooltipPlacement;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -49,11 +49,11 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     close: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     text: string;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    placement: TooltipPlacement;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     text: string;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    placement: TooltipPlacement;
 }, true>);
 export default _default;

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

@@ -213,7 +213,7 @@ import './OrColorPicker/utils/defultPalette.js';
 import '../index-968c331a.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-5fa6caa0.js';
+import '../OrDateTimePickerMonthSelect-5eda9e34.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import './OrDatePickerV3/styles.js';