@onereach/ui-components 4.15.5-beta.3075.0 → 4.16.0

package/dist/esm/v2/{OrInput-36d509c8.js → OrInput-41603455.js}

@@ -8,10 +8,10 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$4 } from './OrIconButton-35bbb1c1.js';
+import { _ as __vue_component__$4 } from './OrIconButton-c7400430.js';
 import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$5 } from './OrInputBox-11227ecd.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
+import { _ as __vue_component__$5 } from './OrInputBox-7dc5b9e9.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$6 } from './OrLabel-63380256.js';
 import { _ as __vue_component__$7 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v2/{OrInputBox-11227ecd.js → OrInputBox-7dc5b9e9.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
+import { s as script } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrInputBox.vue_rollup-plugin-vue_script-1715021a.js → OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js}

@@ -8,7 +8,6 @@ const InputBoxAddon = [
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script$1 = defineComponent({
-  name: 'OrInputBoxAddon',
   props: {
     invalid: {
       type: Boolean,
@@ -86,7 +85,7 @@ var InputBoxSize;
   InputBoxSize["S"] = "s";
 })(InputBoxSize || (InputBoxSize = {}));
 
-const InputBoxRoot = [
+const InputBox = [
 // Layout
 'layout-row',
 // Overflow
@@ -97,8 +96,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)
@@ -111,19 +110,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
@@ -133,7 +132,6 @@ const InputBoxRootSizes = {
 };
 
 var script = defineComponent({
-  name: 'OrInputBox',
   components: {
     OrInputBoxAddon: __vue_component__
   },
@@ -164,7 +162,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/esm/v2/{OrMenu-a693cf0c.js → OrMenu-df584a8c.js}

@@ -3,17 +3,16 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-e768c348.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-018274a5.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-const MenuRoot = [
+const Menu = [
 // Layout
 'overflow-y-auto',
 // Box
 'min-w-[160px]', 'md:max-w-[256px]', 'max-h-[340px]'];
 
 var script = defineComponent({
-  name: 'OrMenu',
   components: {
     OrPopover: __vue_component__$1
   },
@@ -30,6 +29,10 @@ var script = defineComponent({
     placement: {
       type: String,
       default: PopoverPlacement.Bottom
+    },
+    offset: {
+      type: [Number, Object, Function],
+      default: undefined
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -38,7 +41,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,
@@ -84,8 +87,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) {
@@ -98,7 +100,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/esm/v2/{OrModal-67fcc2c7.js → OrModal-773fe75c.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$5 } from './OrOverlay-948346df.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrIconButton-35bbb1c1.js';
+import { _ as __vue_component__$4 } from './OrIconButton-c7400430.js';
 
 const ModalContent = [
 // Layout

package/dist/esm/v2/{OrNotification-500af28d.js → OrNotification-a279c8a6.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-35bbb1c1.js';
+import { _ as __vue_component__$2 } from './OrIconButton-c7400430.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrPagination-ae2ee21e.js → OrPagination-a5db10f7.js}

@@ -7,8 +7,8 @@ import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1 } from './OrButton-9622e713.js';
 import { _ as __vue_component__$2 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$4 } from './OrMenuItem-c1c97ebe.js';
-import { _ as __vue_component__$3 } from './OrMenu-a693cf0c.js';
-import './OrPopover-e768c348.js';
+import { _ as __vue_component__$3 } from './OrMenu-df584a8c.js';
+import './OrPopover-018274a5.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const PaginationRoot = [

package/dist/esm/v2/{OrPopover-e768c348.js → OrPopover-018274a5.js}

@@ -1,4 +1,4 @@
-import { autoUpdate, computePosition, shift, flip, hide } from '@floating-ui/dom';
+import { autoUpdate, computePosition, offset, shift, flip, hide } from '@floating-ui/dom';
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { u as useElevation } from './useElevation-a50ec347.js';
@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { _ as __vue_component__$1 } from './OrBottomSheet-3f3a9eea.js';
+import { _ as __vue_component__$1 } from './OrBottomSheet-4a78742a.js';
 import { _ as __vue_component__$2 } from './OrTeleport.vue2-424c7f33.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -32,7 +32,7 @@ var PopoverPlacement;
   PopoverPlacement["RightEnd"] = "right-end";
 })(PopoverPlacement || (PopoverPlacement = {}));
 
-const PopoverRoot = [
+const Popover = [
 // Position
 'absolute'];
 const PopoverBody = [
@@ -45,38 +45,37 @@ 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']
 };
 
 var script = defineComponent({
-  name: 'OrPopover',
   components: {
     OrBottomSheet: __vue_component__$1,
     OrTeleport: __vue_component__$2
@@ -103,6 +102,10 @@ var script = defineComponent({
       type: String,
       default: PopoverPlacement.Bottom
     },
+    offset: {
+      type: [Number, Object, Function],
+      default: undefined
+    },
     fullWidth: {
       type: Boolean,
       default: false
@@ -131,7 +134,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 {
@@ -159,7 +162,7 @@ var script = defineComponent({
               middlewareData
             } = await computePosition(trigger, rootElement, {
               placement,
-              middleware: [shift(), flip(), hide()]
+              middleware: [offset(props.offset), shift(), flip(), hide()]
             });
             Object.assign(rootElement.style, {
               left: `${x}px`,

package/dist/esm/v2/{OrSearch-f228d6a8.js → OrSearch-d5b51596.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-36d509c8.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
+import { _ as __vue_component__$1 } from './OrInput-41603455.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSelect-65aabada.js → OrSelect-06125324.js}

@@ -9,15 +9,15 @@ import { _ as __vue_component__$1, i as isEmptyValue } from './OrCheckbox-9e76cd
 import { _ as __vue_component__$2 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-f1d8fcc9.js';
 import { _ as __vue_component__$4 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$6 } from './OrIconButton-35bbb1c1.js';
+import { _ as __vue_component__$6 } from './OrIconButton-c7400430.js';
 import { _ as __vue_component__$5 } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$8 } from './OrInputBox-11227ecd.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
-import { _ as __vue_component__$7 } from './OrInput-36d509c8.js';
+import { _ as __vue_component__$8 } from './OrInputBox-7dc5b9e9.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
+import { _ as __vue_component__$7 } from './OrInput-41603455.js';
 import { _ as __vue_component__$9 } from './OrLabel-63380256.js';
 import { _ as __vue_component__$a } from './OrMenuItem-c1c97ebe.js';
-import { _ as __vue_component__$b } from './OrPopover-e768c348.js';
-import { _ as __vue_component__$c } from './OrTag-98738ff4.js';
+import { _ as __vue_component__$b } from './OrPopover-018274a5.js';
+import { _ as __vue_component__$c } from './OrTag-47b9111c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectRoot = [

package/dist/esm/v2/{OrSidebar-e2115102.js → OrSidebar-90ba92ed.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { _ as __vue_component__$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-2e27819e.js';
+import { _ as __vue_component__$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-1d4a5907.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SidebarRoot = [

package/dist/esm/v2/{OrSidebarCollapseButton-2e27819e.js → OrSidebarCollapseButton-1d4a5907.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-35bbb1c1.js';
+import { _ as __vue_component__$1 } from './OrIconButton-c7400430.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var OrSidebarPlacement;

package/dist/esm/v2/{OrSorting-1c249177.js → OrSorting-3ce7e017.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrMenu-a693cf0c.js';
-import './OrPopover-e768c348.js';
+import { _ as __vue_component__$1 } from './OrMenu-df584a8c.js';
+import './OrPopover-018274a5.js';
 import { _ as __vue_component__$2 } from './OrMenuItem-c1c97ebe.js';
 import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
 import { _ as __vue_component__$4 } from './OrIcon-d35a84d8.js';
@@ -77,7 +77,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/esm/v2/{OrTabs-b4f4aa69.js → OrTabs-45e6ad4d.js}

@@ -5,8 +5,8 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-c1c97ebe.js';
-import { _ as __vue_component__$2 } from './OrMenu-a693cf0c.js';
-import './OrPopover-e768c348.js';
+import { _ as __vue_component__$2 } from './OrMenu-df584a8c.js';
+import './OrPopover-018274a5.js';
 import { _ as __vue_component__$4 } from './OrTab-88036fe9.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTag-98738ff4.js → OrTag-47b9111c.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-35bbb1c1.js';
+import { _ as __vue_component__$1 } from './OrIconButton-c7400430.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;

package/dist/esm/v2/{OrTagInput-b742f203.js → OrTagInput-d9ea325e.js}

@@ -7,11 +7,11 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-35bbb1c1.js';
-import { _ as __vue_component__$4 } from './OrInputBox-11227ecd.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
+import { _ as __vue_component__$3 } from './OrIconButton-c7400430.js';
+import { _ as __vue_component__$4 } from './OrInputBox-7dc5b9e9.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$5 } from './OrLabel-63380256.js';
-import { _ as __vue_component__$6 } from './OrTags-bf57a6d2.js';
+import { _ as __vue_component__$6 } from './OrTags-6bf4fb3a.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTags-bf57a6d2.js → OrTags-6bf4fb3a.js}

@@ -4,8 +4,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1 } from './OrButton-9622e713.js';
-import { _ as __vue_component__$2 } from './OrPopover-e768c348.js';
-import { _ as __vue_component__$3 } from './OrTag-98738ff4.js';
+import { _ as __vue_component__$2 } from './OrPopover-018274a5.js';
+import { _ as __vue_component__$3 } from './OrTag-47b9111c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Tags = [

package/dist/esm/v2/{OrTextarea-9221a04a.js → OrTextarea-824f7048.js}

@@ -7,8 +7,8 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrInputBox-11227ecd.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
+import { _ as __vue_component__$3 } from './OrInputBox-7dc5b9e9.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$4 } from './OrLabel-63380256.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrTimePicker-0c13c617.js → OrTimePicker-658ac979.js}

@@ -4,16 +4,16 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-50c9b850.js';
-import { _ as __vue_component__$4, a as __vue_component__$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-c9edd61f.js';
+import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-cbc0db61.js';
+import { _ as __vue_component__$4, a as __vue_component__$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-42274298.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$9 } from './OrIconButton-35bbb1c1.js';
+import { _ as __vue_component__$9 } from './OrIconButton-c7400430.js';
 import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$a } from './OrInputBox-11227ecd.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
+import { _ as __vue_component__$a } from './OrInputBox-7dc5b9e9.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$b } from './OrLabel-63380256.js';
-import { _ as __vue_component__$c } from './OrPopover-e768c348.js';
+import { _ as __vue_component__$c } from './OrPopover-018274a5.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TimePicker = [

package/dist/esm/v2/{OrTooltip-977fac89.js → OrTooltip-4c6e799d.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-e768c348.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-018274a5.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TooltipRoot = [
@@ -68,6 +68,10 @@ var script = defineComponent({
     placement: {
       type: String,
       default: PopoverPlacement.Bottom
+    },
+    offset: {
+      type: [Number, Object, Function],
+      default: undefined
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -124,7 +128,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/esm/v2/components/index.js

@@ -1,6 +1,6 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from '../OrAvatar-2b00cd61.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from '../OrAvatar-3df48865.js';
-export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../OrBottomSheet-3f3a9eea.js';
+export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../OrBottomSheet-4a78742a.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-bafb6cad.js';
 export { _ as OrButtonV2 } from '../OrButton-b60290c4.js';
 export { _ as OrIconButton, _ as OrIconButtonV2 } from '../OrIconButton-544ee642.js';
@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-9622e713.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-4eb5c533.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-a3a940ef.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-ed87aa1c.js';
 export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
 export { _ as OrCheckbox } from '../OrCheckbox-91788c22.js';
 export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-a190249b.js';
@@ -17,18 +17,18 @@ export { _ as OrCheckboxV3 } from '../OrCheckbox-9e76cdaf.js';
 export { _ as OrChip } from '../OrChip-a614bbb9.js';
 export { _ as OrChips } from '../OrChips-bdf51639.js';
 export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-cbd05828.js';
-export { C as CodeLanguage, _ as OrCodeV3 } from '../OrCode-d37ce714.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from '../OrCode-50974038.js';
 export { _ as OrCollapse } from '../OrCollapse-9b5d590f.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-5370585d.js';
-export { _ as OrCombinedInputV3 } from '../OrCombinedInput-ed20e33b.js';
-export { _ as OrInputBoxV3 } from '../OrInputBox-11227ecd.js';
-export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
+export { _ as OrCombinedInputV3 } from '../OrCombinedInput-45187323.js';
+export { _ as OrInputBoxV3 } from '../OrInputBox-7dc5b9e9.js';
+export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 export { _ as OrConfirm } from '../OrConfirm-f4eec5b2.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-e5a0c41e.js';
-export { _ as OrDatePickerV3 } from '../OrDatePicker-161fcf75.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-ac1c3938.js';
+export { _ as OrDatePickerV3 } from '../OrDatePicker-566f983c.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-fb410167.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-61cf69d2.js';
-export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from '../OrDateTimePicker.vue_rollup-plugin-vue_script-c9edd61f.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-2acbba82.js';
+export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from '../OrDateTimePicker.vue_rollup-plugin-vue_script-42274298.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from '../OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-a55ae01a.js';
@@ -40,14 +40,14 @@ export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../OrFormGroup-29a5
 export { _ as OrHint } from '../OrHint-7eadc91e.js';
 export { _ as OrHintV3 } from '../OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-fa826b6b.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-35bbb1c1.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-c7400430.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from '../OrIcon-d35a84d8.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from '../OrInlineInputBox-19b49ee6.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-38da9f18.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-76e293b3.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-f52267aa.js';
-export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-88b1923d.js';
+export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-25779658.js';
 export { _ as OrInput } from '../OrInput-014d2e47.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-36d509c8.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-41603455.js';
 export { _ as OrLabel } from '../OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-63380256.js';
 export { L as LinkColor, _ as OrLinkV3 } from '../OrLink-cf3a0091.js';
@@ -56,17 +56,17 @@ export { _ as OrListOfInputs } from '../OrListOfInputs-9b7522fa.js';
 export { L as LoaderViews, _ as OrLoader } from '../OrLoader-0cc7c73e.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from '../OrLoader-b0c381f9.js';
 export { _ as OrMenuItemV3 } from '../OrMenuItem-c1c97ebe.js';
-export { _ as OrMenuV3 } from '../OrMenu-a693cf0c.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-e768c348.js';
+export { _ as OrMenuV3 } from '../OrMenu-df584a8c.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-018274a5.js';
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-206611f2.js';
-export { M as ModalSize, _ as OrModalV3 } from '../OrModal-67fcc2c7.js';
+export { M as ModalSize, _ as OrModalV3 } from '../OrModal-773fe75c.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-44bc1f50.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-500af28d.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-a279c8a6.js';
 export { _ as OrNumberInput } from '../OrNumberInput-fcbcf229.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-e3ae75a3.js';
 export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from '../OrOverlay-948346df.js';
-export { _ as OrPaginationV3 } from '../OrPagination-ae2ee21e.js';
+export { _ as OrPaginationV3 } from '../OrPagination-a5db10f7.js';
 export { _ as OrPassword } from '../OrPassword-681f8c53.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-65968c24.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-e079e857.js';
@@ -75,13 +75,13 @@ export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from '../OrRadioGroup-d1c2e460.js';
 export { _ as OrRadioV3 } from '../OrRadio-b32dfbfe.js';
 export { _ as OrSearch } from '../OrSearch-e2941d35.js';
-export { _ as OrSearchV3 } from '../OrSearch-f228d6a8.js';
+export { _ as OrSearchV3 } from '../OrSearch-d5b51596.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-d4e32f80.js';
 export { _ as OrSelect } from '../OrSelect-49239b74.js';
-export { _ as OrSelectV3 } from '../OrSelect-65aabada.js';
+export { _ as OrSelectV3 } from '../OrSelect-06125324.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from '../OrSidebar-e2115102.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-2e27819e.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-90ba92ed.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-1d4a5907.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from '../OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from '../OrSkeletonText-bd5d97bb.js';
@@ -90,7 +90,7 @@ export { _ as OrSkeletonCircleV3 } from '../OrSkeletonCircle-3419b04d.js';
 export { _ as OrSkeletonRectV3 } from '../OrSkeletonRect-7057bc1c.js';
 export { _ as OrSkeletonTextV3 } from '../OrSkeletonText-6c00f797.js';
 export { _ as OrSlider } from '../OrSlider-529730ed.js';
-export { _ as OrSortingV3 } from '../OrSorting-1c249177.js';
+export { _ as OrSortingV3 } from '../OrSorting-3ce7e017.js';
 export { _ as OrStepper } from '../OrStepper-3707ec50.js';
 export { _ as OrSwitch } from '../OrSwitch-75458852.js';
 export { _ as OrSwitchV3 } from '../OrSwitch-e49ce2d8.js';
@@ -98,25 +98,25 @@ export { _ as OrTab } from '../OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from '../OrTab-88036fe9.js';
 export { _ as OrTabs } from '../OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-b4f4aa69.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-45e6ad4d.js';
 export { _ as OrTag } from '../OrTag-54778d09.js';
-export { _ as OrTagInputV3 } from '../OrTagInput-b742f203.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-98738ff4.js';
-export { _ as OrTagsV3 } from '../OrTags-bf57a6d2.js';
+export { _ as OrTagInputV3 } from '../OrTagInput-d9ea325e.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-47b9111c.js';
+export { _ as OrTagsV3 } from '../OrTags-6bf4fb3a.js';
 export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from '../OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from '../OrText-44449e7b.js';
 export { _ as OrTextarea } from '../OrTextarea-d36f4ec6.js';
-export { _ as OrTextareaV3 } from '../OrTextarea-9221a04a.js';
+export { _ as OrTextareaV3 } from '../OrTextarea-824f7048.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-a937432f.js';
-export { _ as OrTimePickerV3 } from '../OrTimePicker-0c13c617.js';
+export { _ as OrTimePickerV3 } from '../OrTimePicker-658ac979.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-7017d12b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-b5ea5cb2.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-ccbb7c3e.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-1dea2823.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a1332cc2.js';
 export { _ as OrTooltip } from '../OrTooltip-0bbf1ed5.js';
 export { _ as OrTooltipContent } from '../OrTooltipContent-57a25502.js';
-export { _ as OrTooltipV3 } from '../OrTooltip-977fac89.js';
+export { _ as OrTooltipV3 } from '../OrTooltip-4c6e799d.js';
 export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-dcacd695.js';
 import 'vue-demi';
 import '../style-inject.es-4c6f2515.js';
@@ -149,7 +149,7 @@ import 'lodash/isElement';
 import 'lodash/get';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
-import '../OrDateTimePickerPopoverHeader-50c9b850.js';
+import '../OrDateTimePickerPopoverHeader-cbc0db61.js';
 import 'lodash/padStart';
 import '@floating-ui/dom';
 import '../OrTooltip.vue_rollup-plugin-vue_styles.0-47985d95.js';