@onereach/ui-components 4.15.3-beta.3053.0 → 4.15.3-beta.3056.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-858a764b.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-b0c0cd32.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-858a764b.js';
+import '../../OrDateTimePickerMonthSelect-b0c0cd32.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-858a764b.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-b0c0cd32.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-858a764b.js';
+import '../../OrDateTimePickerMonthSelect-b0c0cd32.js';
 import './hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,4 +1,4 @@
-import { a as autoUpdate, c as computePosition, s as shift, f as flip, h as hide } from '../../floating-ui.dom.esm-83eba816.js';
+import { a as autoUpdate, c as computePosition, o as offset, s as shift, f as flip, h as hide } from '../../floating-ui.dom.esm-83eba816.js';
 import { o as onClickOutside } from '../../index-760079e7.js';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './props.js';
@@ -45,6 +45,10 @@ var script = defineComponent({
       type: String,
       default: PopoverPlacement.Bottom
     },
+    offset: {
+      type: [Number, Object, Function],
+      default: undefined
+    },
     fullWidth: {
       type: Boolean,
       default: false
@@ -101,7 +105,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/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -44,6 +44,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">;
         default: PopoverPlacement;
     };
+    offset: {
+        type: PropType<import("@floating-ui/core/src/middleware/offset").Options | undefined>;
+        default: undefined;
+    };
     fullWidth: {
         type: BooleanConstructor;
         default: boolean;
@@ -82,6 +86,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">;
         default: PopoverPlacement;
     };
+    offset: {
+        type: PropType<import("@floating-ui/core/src/middleware/offset").Options | undefined>;
+        default: undefined;
+    };
     fullWidth: {
         type: BooleanConstructor;
         default: boolean;
@@ -102,6 +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;
     fullWidth: boolean;
     customStyles: string[];
     disableDefaultStyles: boolean;
@@ -133,6 +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;
     fullWidth: boolean;
     customStyles: string[];
     disableDefaultStyles: boolean;
@@ -146,6 +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;
     fullWidth: boolean;
     customStyles: string[];
     disableDefaultStyles: boolean;

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

@@ -1,6 +1,6 @@
 import { defineComponent, getCurrentInstance, ref, computed, toRef, onMounted, watch } from 'vue-demi';
 import { isEmptyValue } from '../../utils/isEmptyValue.js';
-import { SelectRoot, SelectControl, SelectSearchControl, SelectPlaceholder, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectNoSearchResults } from './styles.js';
+import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, 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';
@@ -184,7 +184,6 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-select-v3', ...SelectRoot]);
     const controlStyles = computed(() => [...SelectControl]);
-    const searchControlStyles = computed(() => [...SelectSearchControl]);
     const placeholderStyles = computed(() => [...SelectPlaceholder]);
     const dropdownStyles = computed(() => {
       var _a;
@@ -280,7 +279,6 @@ var script = defineComponent({
       popoverState,
       rootStyles,
       controlStyles,
-      searchControlStyles,
       placeholderStyles,
       dropdownStyles,
       noSearchResultsStyles,
@@ -348,27 +346,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
     }
-  }, [_vm.popoverState === 'open' && _vm.enableSearch ? [_c('OrInput', {
-    class: _vm.searchControlStyles,
-    attrs: {
-      "type": 'search',
-      "placeholder": 'Search',
-      "size": _vm.size,
-      "disable-default-styles": true
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-      }
-    },
-    model: {
-      value: _vm.searchText,
-      callback: function ($$v) {
-        _vm.searchText = $$v;
-      },
-      expression: "searchText"
-    }
-  })] : [_c('div', {
+  }, [_c('div', {
     ref: "control",
     class: _vm.controlStyles,
     attrs: {
@@ -385,9 +363,9 @@ var __vue_render__ = function () {
       }
     }
   }, [_vm.multiple ? [_vm.proxyModelValue && _vm.proxyModelValue.length > 0 ? [_vm._t("valueTemplate", function () {
-    return _vm._l(_vm.selection, function (option) {
+    return _vm._l(_vm.selection, function (option, i) {
       return _c('OrTag', {
-        key: option.value,
+        key: i,
         attrs: {
           "variant": 'reset',
           "disabled": _vm.disabled || _vm.readonly
@@ -397,7 +375,7 @@ var __vue_render__ = function () {
             return _vm.deselect(option);
           }
         }
-      }, [_vm._v("\n                " + _vm._s(option.label) + "\n              ")]);
+      }, [_vm._v("\n              " + _vm._s(option.label) + "\n            ")]);
     });
   }, {
     "model": _vm.proxyModelValue
@@ -406,12 +384,12 @@ var __vue_render__ = function () {
   }, [_vm._v(_vm._s(_vm.placeholder))])]] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
     return [_c('span', {
       staticClass: "truncate"
-    }, [_vm._v("\n                " + _vm._s(_vm.selection.label) + "\n              ")])];
+    }, [_vm._v("\n              " + _vm._s(_vm.selection && _vm.selection.label) + "\n            ")])];
   }, {
     "model": _vm.proxyModelValue
   })] : [_c('span', {
     class: _vm.placeholderStyles
-  }, [_vm._v(_vm._s(_vm.placeholder))])]]], 2), _vm._v(" "), _vm.multiple && _vm.outerItems.length > 0 ? [_vm._v("\n        +" + _vm._s(_vm.outerItems.length) + "\n      ")] : _vm._e(), _vm._v(" "), _c('div', {
+  }, [_vm._v(_vm._s(_vm.placeholder))])]]], 2), _vm._v(" "), _vm.multiple && _vm.outerItems.length > 0 ? [_vm._v("\n      +" + _vm._s(_vm.outerItems.length) + "\n    ")] : _vm._e(), _vm._v(" "), _c('div', {
     class: ['layout-inline-row', 'gap-sm']
   }, [!_vm.multiple && _vm.proxyModelValue ? [_c('OrIconButton', {
     attrs: {
@@ -430,7 +408,7 @@ var __vue_render__ = function () {
       "icon": _vm.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',
       "variant": 'outlined'
     }
-  })], 2)], _vm._v(" "), _c('OrPopover', {
+  })], 2), _vm._v(" "), _c('OrPopover', {
     ref: "popover",
     attrs: {
       "variant": 'auto',
@@ -440,7 +418,21 @@ var __vue_render__ = function () {
       "custom-styles": _vm.dropdownStyles,
       "disable-default-styles": true
     }
-  }, [_vm.resolvedSearchOptions.length > 0 ? [_vm.groupByFunction ? _vm._l(_vm.groupedOptions, function (group, groupName) {
+  }, [_vm.enableSearch ? [_c('OrInput', {
+    attrs: {
+      "type": 'search',
+      "placeholder": 'Search',
+      "size": 's',
+      "disable-default-styles": true
+    },
+    model: {
+      value: _vm.searchText,
+      callback: function ($$v) {
+        _vm.searchText = $$v;
+      },
+      expression: "searchText"
+    }
+  })] : _vm._e(), _vm._v(" "), _vm.resolvedSearchOptions.length > 0 ? [_vm.groupByFunction ? _vm._l(_vm.groupedOptions, function (group, groupName) {
     return _c('OrExpansionPanel', {
       key: groupName,
       attrs: {

package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -19,7 +19,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     popoverState: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    searchControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
     dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
     noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -207,7 +206,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     popoverState: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    searchControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
     dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
     noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;

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

@@ -1,6 +1,5 @@
 export declare const SelectRoot: string[];
 export declare const SelectControl: string[];
-export declare const SelectSearchControl: string[];
 export declare const SelectPlaceholder: string[];
 export declare const SelectDropdown: string[];
 export declare const SelectDropdownDefault: string[];

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

@@ -14,11 +14,6 @@ const SelectControl = [
 'gap-xs',
 // Typography
 'typography-inherit'];
-const SelectSearchControl = [
-// Box
-'w-full',
-// Spacing
-'!mx-none', '!my-none'];
 const SelectPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
@@ -53,4 +48,4 @@ const SelectNoSearchResults = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
-export { SelectControl, SelectDropdown, SelectDropdownDefault, SelectDropdownFlipped, SelectNoSearchResults, SelectPlaceholder, SelectRoot, SelectSearchControl };
+export { SelectControl, SelectDropdown, SelectDropdownDefault, SelectDropdownFlipped, SelectNoSearchResults, SelectPlaceholder, SelectRoot };

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-858a764b.js';
+import '../OrDateTimePickerMonthSelect-b0c0cd32.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-858a764b.js';
+import './OrDateTimePickerMonthSelect-b0c0cd32.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-8bffacc8.js → OrCardCollection.vue_vue_type_script_lang-7cd2c8f8.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-c1c6415a.js';
+import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-454f42bd.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-8c2943c2.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-fafcb023.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';
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',

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

@@ -10,11 +10,11 @@ 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-b853cc1e.js';
+import { s as script$6 } from './OrModal.vue_vue_type_script_lang-f3337065.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-fafcb023.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$5 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-110e7d1e.js → OrConfirm.vue_vue_type_script_lang-b7d7eccf.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-a2f740af.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-53d404d9.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-332f9983.js → OrDatePicker.vue_vue_type_script_lang-974c438e.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-aad99ddf.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-3efd336b.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-fafcb023.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$c } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
+import { s as script$d } from './OrPopover.vue_vue_type_script_lang-cf17cdfd.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-dec4f0cf.js → OrDateTimePicker.vue_vue_type_script_lang-b390fc68.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-aad99ddf.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-3efd336b.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-fafcb023.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$e } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
+import { s as script$f } from './OrPopover.vue_vue_type_script_lang-cf17cdfd.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrDateTimePickerMonthSelect-aad99ddf.js → OrDateTimePickerMonthSelect-3efd336b.js}

@@ -9,8 +9,8 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$4 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-fafcb023.js';
-import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-f8611f9d.js';
+import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
+import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-f206a17e.js';
 import { s as script$7 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 
 const DateTimePickerDateControl = [

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-fafcb023.js → OrIconButton.vue_vue_type_script_lang-41412816.js}

@@ -3,7 +3,7 @@ import { IconButtonColor } from './components/OrIconButtonV3/props.js';
 import { IconButtonRoot, IconButtonRootColors } from './components/OrIconButtonV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrTooltipV3/OrTooltip.js';
-import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-7f5d792c.js';
+import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-882afef3.js';
 import { IconSize } from './components/OrIconV3/props.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-c94cbe72.js → OrInlineInput.vue_vue_type_script_lang-008ca100.js}

@@ -9,7 +9,7 @@ import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c
 import { InlineInputBoxSize } from './components/OrInlineInputBoxV3/props.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-fafcb023.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-77460342.js → OrInlineTextarea.vue_vue_type_script_lang-70a2af0d.js}

@@ -6,7 +6,7 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInlineInputBoxV3/OrInlineInputBox.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-fafcb023.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-a2f740af.js → OrInput.vue_vue_type_script_lang-53d404d9.js}

@@ -7,7 +7,7 @@ import './components/OrHintV3/OrHint.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-fafcb023.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import './components/OrLabelV3/OrLabel.js';

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-f8611f9d.js → OrMenu.vue_vue_type_script_lang-f206a17e.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { MenuRoot } from './components/OrMenuV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-cf17cdfd.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-b853cc1e.js → OrModal.vue_vue_type_script_lang-f3337065.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers } from 'vue';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-fafcb023.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
 import { ModalSize } from './components/OrModalV3/props.js';
 import { ModalRoot, ModalRootSizes } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-093cb959.js → OrNotification.vue_vue_type_script_lang-98116a87.js}

@@ -4,7 +4,7 @@ import { NotificationRoot, NotificationRootVariants, NotificationIcon, Notificat
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-fafcb023.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-422377bf.js → OrPagination.vue_vue_type_script_lang-8f6100d1.js}

@@ -6,7 +6,7 @@ import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-7370e903.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-f8611f9d.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-f206a17e.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-d15ec5cb.js → OrPopover.vue_vue_type_script_lang-cf17cdfd.js}

@@ -1,4 +1,4 @@
-import { a as autoUpdate, c as computePosition, s as shift, f as flip, h as hide } from './floating-ui.dom.esm-83eba816.js';
+import { a as autoUpdate, c as computePosition, o as offset, s as shift, f as flip, h as hide } from './floating-ui.dom.esm-83eba816.js';
 import { o as onClickOutside } from './index-e11e05e2.js';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
@@ -39,6 +39,10 @@ var script = defineComponent({
       type: String,
       default: PopoverPlacement.Bottom
     },
+    offset: {
+      type: [Number, Object, Function],
+      default: undefined
+    },
     fullWidth: {
       type: Boolean,
       default: false
@@ -95,7 +99,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/bundled/v3/{OrSearch.vue_vue_type_script_lang-8c2943c2.js → OrSearch.vue_vue_type_script_lang-a637570b.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import './components/OrInputV3/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-a2f740af.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-53d404d9.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { a as watchDebounced } from './index-f4d8e24c.js';
 

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-c70d3f4e.js → OrSelect.vue_vue_type_script_lang-82e5a0ad.js}

@@ -1,6 +1,6 @@
 import { defineComponent, getCurrentInstance, ref, computed, toRef, onMounted, watch } from 'vue-demi';
 import { isEmptyValue } from './utils/isEmptyValue.js';
-import { SelectRoot, SelectControl, SelectSearchControl, SelectPlaceholder, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
+import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrExpansionPanelV3/OrExpansionPanel.js';
@@ -14,18 +14,18 @@ import './components/OrLabelV3/OrLabel.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
-import { s as script$c } from './OrTag.vue_vue_type_script_lang-a04676a1.js';
+import { s as script$c } from './OrTag.vue_vue_type_script_lang-3f3676bf.js';
 import { useOverflow } from './hooks/useOverflow.js';
 import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-eeb6b419.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$4 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$6 } from './OrIconButton.vue_vue_type_script_lang-fafcb023.js';
-import { s as script$7 } from './OrInput.vue_vue_type_script_lang-a2f740af.js';
+import { s as script$6 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
+import { s as script$7 } from './OrInput.vue_vue_type_script_lang-53d404d9.js';
 import { s as script$8 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { s as script$a } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
-import { s as script$b } from './OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
+import { s as script$b } from './OrPopover.vue_vue_type_script_lang-cf17cdfd.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
@@ -153,7 +153,6 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-select-v3', ...SelectRoot]);
     const controlStyles = computed(() => [...SelectControl]);
-    const searchControlStyles = computed(() => [...SelectSearchControl]);
     const placeholderStyles = computed(() => [...SelectPlaceholder]);
     const dropdownStyles = computed(() => {
       var _a;
@@ -249,7 +248,6 @@ var script = defineComponent({
       popoverState,
       rootStyles,
       controlStyles,
-      searchControlStyles,
       placeholderStyles,
       dropdownStyles,
       noSearchResultsStyles,

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-a79c5901.js → OrSidebar.vue_vue_type_script_lang-758ef7ad.js}

@@ -2,7 +2,7 @@ import { e as useDraggable, d as useElementBounding } from './index-e11e05e2.js'
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-fafcb023.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
 import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
 

package/dist/bundled/v3/{OrSorting.vue_vue_type_script_lang-c1c6415a.js → OrSorting.vue_vue_type_script_lang-454f42bd.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
 import { SortingRoot, SortingLabel } from './components/OrSortingV3/styles.js';
 import './components/OrMenuV3/OrMenu.js';
-import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-f8611f9d.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-f206a17e.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$2 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 import './components/OrButtonV3/OrButton.js';

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-af8a81f1.js → OrTabs.vue_vue_type_script_lang-373ea11e.js}

@@ -8,7 +8,7 @@ import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrTabV3/OrTab.js';
 import { s as script$4 } from './OrTab.vue_vue_type_script_lang-8af58197.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-f8611f9d.js';
+import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-f206a17e.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-a04676a1.js → OrTag.vue_vue_type_script_lang-3f3676bf.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi
 import { TagVariant, TagColor } from './components/OrTagV3/props.js';
 import { TagRoot, TagRootVariants, TagRootColors } from './components/OrTagV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-fafcb023.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-41412816.js';
 
 var script = defineComponent({
   name: 'OrTag',