@onereach/ui-components 4.15.3-beta.3056.0 → 4.15.3-beta.3058.0

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-b0c0cd32.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ba8cae52.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-52a99e6a.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-b0c0cd32.js';
+import '../../OrDateTimePickerMonthSelect-ba8cae52.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-b0c0cd32.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ba8cae52.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-52a99e6a.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-8851268e.js';
 import { DateTimePickerTimeFormat } from './props.js';

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

@@ -3,7 +3,7 @@ export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-b0c0cd32.js';
+import '../../OrDateTimePickerMonthSelect-ba8cae52.js';
 import './hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInputBoxV3/OrInputBox.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { InputBoxVariant, InputBoxSize } from './props.js';
-import { InputBoxRoot, InputBoxRootVariants, InputBoxRootSizes } from './styles.js';
+import { InputBox, InputBoxVariants, InputBoxSizes } from './styles.js';
 
 const InputBoxAddon = [
 // Layout
@@ -10,7 +10,6 @@ const InputBoxAddon = [
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script$1 = defineComponent({
-  name: 'OrInputBoxAddon',
   props: {
     invalid: {
       type: Boolean,
@@ -79,7 +78,6 @@ const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
 var OrInputBoxAddon = __vue_component__$1;
 
 var script = defineComponent({
-  name: 'OrInputBox',
   components: {
     OrInputBoxAddon
   },
@@ -110,7 +108,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-input-box-v3', ...InputBoxRoot, ...InputBoxRootVariants[props.variant], ...InputBoxRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-input-box-v3', ...InputBox, ...InputBoxVariants[props.variant], ...InputBoxSizes[props.size]]);
     return {
       root,
       rootStyles

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

@@ -1,4 +1,4 @@
 import { InputBoxSize, InputBoxVariant } from './props';
-export declare const InputBoxRoot: string[];
-export declare const InputBoxRootVariants: Record<InputBoxVariant, string[]>;
-export declare const InputBoxRootSizes: Record<InputBoxSize, string[]>;
+export declare const InputBox: string[];
+export declare const InputBoxVariants: Record<InputBoxVariant, string[]>;
+export declare const InputBoxSizes: Record<InputBoxSize, string[]>;

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

@@ -1,4 +1,6 @@
-const InputBoxRoot = [
+import { InputBoxVariant, InputBoxSize } from './props.js';
+
+const InputBox = [
 // Layout
 'layout-row',
 // Overflow
@@ -9,8 +11,8 @@ const InputBoxRoot = [
 'rounded-md',
 // Theme (children)
 'children:outline-none'];
-const InputBoxRootVariants = {
-  'styled': [
+const InputBoxVariants = {
+  [InputBoxVariant.Styled]: [
   // Theme
   'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', 'theme-outline-2-transparent', 'dark:theme-outline-2-transparent',
   // Theme (focus)
@@ -23,19 +25,19 @@ const InputBoxRootVariants = {
   'invalid:focus-within:theme-background-error-translucent', 'dark:invalid:focus-within:theme-background-error-translucent-dark', 'invalid:focus-within:theme-border-1-error', 'dark:invalid:focus-within:theme-border-1-error-dark', 'invalid:focus-within:theme-outline-2-error', 'dark:invalid:focus-within:theme-outline-2-error-dark',
   // Theme (invalid, read-only)
   'invalid:read-only:bg-error-opacity-0-08', 'dark:invalid:read-only:bg-error-opacity-0-08-dark', 'invalid:read-only:!border-transparent', 'dark:invalid:read-only:!border-transparent'],
-  'unstyled': [
+  [InputBoxVariant.Unstyled]: [
   // Theme (disabled)
   'disabled:theme-foreground-disabled', 'dark:disabled:theme-foreground-disabled-dark']
 };
-const InputBoxRootSizes = {
-  'm': [
+const InputBoxSizes = {
+  [InputBoxSize.M]: [
   // Box
   'children:min-h-[46px] children:md:min-h-[34px]',
   // Spacing
   'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-sm+ md:gap-sm',
   // Typography
   'typography-body-2-regular'],
-  's': [
+  [InputBoxSize.S]: [
   // Box
   'children:min-h-[30px]',
   // Spacing
@@ -44,4 +46,4 @@ const InputBoxRootSizes = {
   'typography-caption-regular']
 };
 
-export { InputBoxRoot, InputBoxRootSizes, InputBoxRootVariants };
+export { InputBox, InputBoxSizes, InputBoxVariants };

package/dist/bundled/v2/components/OrMenuV3/OrMenu.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { MenuRoot } from './styles.js';
+import { Menu } from './styles.js';
 import __vue_component__$1 from '../OrPopoverV3/OrPopover.js';
 import { PopoverPlacement } from '../OrPopoverV3/props.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
@@ -20,7 +20,6 @@ import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 
 var script = defineComponent({
-  name: 'OrMenu',
   components: {
     OrPopover: __vue_component__$1
   },
@@ -37,6 +36,10 @@ var script = defineComponent({
     placement: {
       type: String,
       default: PopoverPlacement.Bottom
+    },
+    offset: {
+      type: [Number, Object, Function],
+      default: undefined
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -45,7 +48,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-menu-v3', ...MenuRoot]);
+    const rootStyles = computed(() => ['or-menu-v3', ...Menu]);
     // State
     const {
       state,
@@ -91,8 +94,7 @@ var __vue_render__ = function () {
       "variant": 'auto',
       "trigger": _vm.trigger,
       "placement": _vm.placement,
-      "full-width": false,
-      "disable-default-styles": false
+      "offset": _vm.offset
     },
     on: {
       "update:state": function ($event) {
@@ -105,7 +107,7 @@ var __vue_render__ = function () {
     on: {
       "click": function ($event) {
         $event.stopPropagation();
-        return _vm.onClick.apply(null, arguments);
+        return _vm.onClick($event);
       }
     }
   }, 'div', _vm.$attrs, false), [_vm._t("default")], 2)]);

package/dist/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { MenuPlacement } from './props';
+import { MenuOffset, MenuPlacement } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -24,6 +24,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<MenuPlacement>;
         default: MenuPlacement;
     };
+    offset: {
+        type: PropType<MenuOffset>;
+        default: undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
@@ -40,10 +44,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<MenuPlacement>;
         default: MenuPlacement;
     };
+    offset: {
+        type: PropType<MenuOffset>;
+        default: undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     isOpen: boolean;
     trigger: HTMLElement;
     placement: MenuPlacement;
+    offset: MenuOffset;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -58,11 +67,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isOpen: boolean;
     trigger: HTMLElement;
     placement: MenuPlacement;
+    offset: MenuOffset;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
     trigger: HTMLElement;
     placement: MenuPlacement;
+    offset: MenuOffset;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrMenuV3/props.d.ts

@@ -1 +1 @@
-export { PopoverPlacement as MenuPlacement } from '../or-popover-v3';
+export { PopoverOffset as MenuOffset, PopoverPlacement as MenuPlacement } from '../or-popover-v3';

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

@@ -1 +1 @@
-export declare const MenuRoot: string[];
+export declare const Menu: string[];

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

@@ -1,7 +1,7 @@
-const MenuRoot = [
+const Menu = [
 // Layout
 'overflow-y-auto',
 // Box
 'min-w-[160px]', 'md:max-w-[256px]', 'max-h-[340px]'];
 
-export { MenuRoot };
+export { Menu };

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

@@ -2,7 +2,7 @@ import { a as autoUpdate, c as computePosition, o as offset, s as shift, f as fl
 import { o as onClickOutside } from '../../index-760079e7.js';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './props.js';
-import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './styles.js';
+import { Popover, PopoverBody, PopoverBodyPlacements } from './styles.js';
 import __vue_component__$1 from '../OrBottomSheetV3/OrBottomSheet.js';
 import __vue_component__$2 from '../OrTeleportV3/OrTeleport.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
@@ -18,7 +18,6 @@ import 'vue';
 import '../../utils/isVisible.js';
 
 var script = defineComponent({
-  name: 'OrPopover',
   components: {
     OrBottomSheet: __vue_component__$1,
     OrTeleport: __vue_component__$2
@@ -77,7 +76,7 @@ var script = defineComponent({
       return (_a = bottomSheet.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-popover-v3', ...PopoverRoot, ...props.customStyles]);
+    const rootStyles = computed(() => ['or-popover-v3', ...Popover, ...props.customStyles]);
     const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
     // State
     const {

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { PopoverPlacement, PopoverVariant } from './props';
+import { PopoverOffset, PopoverPlacement, PopoverVariant } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     isDesktop: import("@vue/composition-api").Ref<boolean>;
     isMobile: import("@vue/composition-api").Ref<boolean>;
@@ -45,7 +45,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: PopoverPlacement;
     };
     offset: {
-        type: PropType<import("@floating-ui/core/src/middleware/offset").Options | undefined>;
+        type: PropType<PopoverOffset>;
         default: undefined;
     };
     fullWidth: {
@@ -87,7 +87,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: PopoverPlacement;
     };
     offset: {
-        type: PropType<import("@floating-ui/core/src/middleware/offset").Options | undefined>;
+        type: PropType<PopoverOffset>;
         default: undefined;
     };
     fullWidth: {
@@ -110,7 +110,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}> & Omit<{} & {}, never>>;
     trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
-    offset: import("@floating-ui/core/src/middleware/offset").Options | undefined;
+    offset: PopoverOffset;
     fullWidth: boolean;
     customStyles: string[];
     disableDefaultStyles: boolean;
@@ -142,7 +142,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}> & Omit<{} & {}, never>>;
     trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
-    offset: import("@floating-ui/core/src/middleware/offset").Options | undefined;
+    offset: PopoverOffset;
     fullWidth: boolean;
     customStyles: string[];
     disableDefaultStyles: boolean;
@@ -156,7 +156,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}> & Omit<{} & {}, never>>;
     trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
-    offset: import("@floating-ui/core/src/middleware/offset").Options | undefined;
+    offset: PopoverOffset;
     fullWidth: boolean;
     customStyles: string[];
     disableDefaultStyles: boolean;

package/dist/bundled/v2/components/OrPopoverV3/props.d.ts

@@ -1,3 +1,4 @@
+import { offset } from '@floating-ui/dom';
 export declare enum PopoverVariant {
     Auto = "auto",
     Popover = "popover",
@@ -17,3 +18,4 @@ export declare enum PopoverPlacement {
     RightStart = "right-start",
     RightEnd = "right-end"
 }
+export type PopoverOffset = NonNullable<Parameters<typeof offset>[0]>;

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

@@ -1,4 +1,4 @@
 import { PopoverPlacement } from './props';
-export declare const PopoverRoot: string[];
+export declare const Popover: string[];
 export declare const PopoverBody: string[];
 export declare const PopoverBodyPlacements: Record<PopoverPlacement, string[]>;

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

@@ -1,4 +1,6 @@
-const PopoverRoot = [
+import { PopoverPlacement } from './props.js';
+
+const Popover = [
 // Position
 'absolute'];
 const PopoverBody = [
@@ -11,34 +13,34 @@ const PopoverBody = [
 // Elevation
 'shadow-contextual', 'dark:shadow-contextual-dark'];
 const PopoverBodyPlacements = {
-  'top': [],
-  'top-start': [
+  [PopoverPlacement.Top]: [],
+  [PopoverPlacement.TopStart]: [
   // Spacing
   'ml-none'],
-  'top-end': [
+  [PopoverPlacement.TopEnd]: [
   // Spacing
   'mr-none'],
-  'bottom': [],
-  'bottom-start': [
+  [PopoverPlacement.Bottom]: [],
+  [PopoverPlacement.BottomStart]: [
   // Spacing
   'ml-none'],
-  'bottom-end': [
+  [PopoverPlacement.BottomEnd]: [
   // Spacing
   'mr-none'],
-  'left': [],
-  'left-start': [
+  [PopoverPlacement.Left]: [],
+  [PopoverPlacement.LeftStart]: [
   // Spacing
   'mt-none'],
-  'left-end': [
+  [PopoverPlacement.LeftEnd]: [
   // Spacing
   'mb-none'],
-  'right': [],
-  'right-start': [
+  [PopoverPlacement.Right]: [],
+  [PopoverPlacement.RightStart]: [
   // Spacing
   'mt-none'],
-  'right-end': [
+  [PopoverPlacement.RightEnd]: [
   // Spacing
   'mb-none']
 };
 
-export { PopoverBody, PopoverBodyPlacements, PopoverRoot };
+export { Popover, PopoverBody, PopoverBodyPlacements };

package/dist/bundled/v2/components/OrSortingV3/OrSorting.js

@@ -95,7 +95,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: _vm.root,
+    ref: "root",
     class: _vm.rootStyles
   }, [_c('OrButton', {
     ref: "sortButton",

package/dist/bundled/v2/components/OrTextV3/OrText.vue.d.ts

@@ -3,7 +3,7 @@
  * Ellipsis can be placed in the end or in the middle of the text. Convenient for displaying long labels,
  * that have same beginning and differ in the ending part.
  */
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     mainTextStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -48,7 +48,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: NumberConstructor;
         default: number;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     text: string;
     sliceIndex: number;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{

package/dist/bundled/v2/components/OrTextarea/OrTextarea.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     inputRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
 }> & {
     reqAF: any;
@@ -106,7 +106,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     isDisabled: BooleanConstructor;
     isReadonly: BooleanConstructor;
     isInvalid: BooleanConstructor;
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     isSmall: boolean;
     isRequired: boolean;

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js

@@ -36,6 +36,10 @@ var script = defineComponent({
     placement: {
       type: String,
       default: PopoverPlacement.Bottom
+    },
+    offset: {
+      type: [Number, Object, Function],
+      default: undefined
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -92,7 +96,7 @@ var __vue_render__ = function () {
       "variant": 'popover',
       "trigger": _vm.root,
       "placement": _vm.placement,
-      "full-width": false,
+      "offset": _vm.offset,
       "disable-default-styles": true
     },
     on: {

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { TooltipPlacement } from './props';
+import { TooltipOffset, TooltipPlacement } from './props';
 declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -21,6 +21,10 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: PropType<TooltipPlacement>;
         default: TooltipPlacement;
     };
+    offset: {
+        type: PropType<TooltipOffset>;
+        default: undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
@@ -34,10 +38,15 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: PropType<TooltipPlacement>;
         default: TooltipPlacement;
     };
+    offset: {
+        type: PropType<TooltipOffset>;
+        default: undefined;
+    };
 }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     isOpen: boolean;
     text: string;
     placement: TooltipPlacement;
+    offset: TooltipOffset;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -52,11 +61,13 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     isOpen: boolean;
     text: string;
     placement: TooltipPlacement;
+    offset: TooltipOffset;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
     text: string;
     placement: TooltipPlacement;
+    offset: TooltipOffset;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrTooltipV3/props.d.ts

@@ -1 +1 @@
-export { PopoverPlacement as TooltipPlacement } from '../or-popover-v3';
+export { PopoverOffset as TooltipOffset, PopoverPlacement as TooltipPlacement } from '../or-popover-v3';

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

@@ -234,7 +234,7 @@ import './OrCombinedInputV3/styles.js';
 import '../index-15e8c1f3.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-b0c0cd32.js';
+import '../OrDateTimePickerMonthSelect-ba8cae52.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-52a99e6a.js';
 import './OrDatePickerV3/styles.js';

package/dist/bundled/v2/index.js

@@ -204,7 +204,7 @@ import './components/OrCombinedInputV3/styles.js';
 import './index-15e8c1f3.js';
 import './components/OrConfirmV3/styles.js';
 import './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import './OrDateTimePickerMonthSelect-b0c0cd32.js';
+import './OrDateTimePickerMonthSelect-ba8cae52.js';
 import './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import './OrDateTimePickerPopoverHeader-52a99e6a.js';
 import './components/OrDatePickerV3/styles.js';

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-7cd2c8f8.js → OrCardCollection.vue_vue_type_script_lang-c7fd6715.js}

@@ -4,10 +4,10 @@ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, re
 import { gridView, defaultViewModes } from './components/OrCardCollectionV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrSortingV3/OrSorting.js';
-import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-454f42bd.js';
+import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-a03617b0.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-a637570b.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
+import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-fd1632f4.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a07cef85.js';
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-73791416.js → OrCode.vue_vue_type_script_lang-fe045f8c.js}

@@ -10,12 +10,12 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrModalV3/OrModal.js';
-import { s as script$6 } from './OrModal.vue_vue_type_script_lang-f3337065.js';
+import { s as script$6 } from './OrModal.vue_vue_type_script_lang-bad4be0d.js';
 import { useTheme } from './hooks/useTheme.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
-import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a07cef85.js';
+import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-b7d7eccf.js → OrConfirm.vue_vue_type_script_lang-6441b7e0.js}

@@ -9,7 +9,7 @@ import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-9036d75d.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-7370e903.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-53d404d9.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-e00fff75.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 import { w as whenever } from './index-f4d8e24c.js';
 

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-974c438e.js → OrDatePicker.vue_vue_type_script_lang-2c96dc74.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-3efd336b.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-283bd5c5.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-4959231c.js';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
@@ -15,10 +15,10 @@ import { DropdownOpen } from './directives/dropdown-open.js';
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
-import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-a07cef85.js';
+import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-cf17cdfd.js';
+import { s as script$d } from './OrPopover.vue_vue_type_script_lang-b7f2517f.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-b390fc68.js → OrDateTimePicker.vue_vue_type_script_lang-b0c9544d.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-3efd336b.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-283bd5c5.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-4959231c.js';
 import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-b8cc72af.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';
@@ -15,10 +15,10 @@ import './components/OrPopoverV3/OrPopover.js';
 import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
-import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
+import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-a07cef85.js';
+import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-cf17cdfd.js';
+import { s as script$f } from './OrPopover.vue_vue_type_script_lang-b7f2517f.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';