@onereach/ui-components 10.3.4 → 10.3.5-beta.4335.0

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

@@ -1,24 +1,29 @@
 import { PropType } from 'vue-demi';
+import { GroupFunction, SearchFunction } from '../../types';
 import { InputBoxSize } from '../or-input-box-v3';
 import { TagsOverflow } from '../or-tags-v3';
-import { RawValue, SelectGroupByFunction, SelectOption, SelectSearchFunction, SelectValue } from './types';
+import { SelectItem, SelectModelValue } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: PropType<SelectModelValue>;
+        default: undefined;
+    };
     options: {
-        type: PropType<SelectOption[]>;
-        default: () => never[];
+        type: PropType<SelectItem[]>;
+        default: SelectItem[];
     };
     searchOptions: {
-        type: PropType<SelectOption[]>;
-        default: () => never[];
-    };
-    modelValue: {
-        type: PropType<SelectValue>;
-        default: undefined;
+        type: PropType<SelectItem[]>;
+        default: SelectItem[];
     };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"wrap" | "scroll" | "hidden">;
+        default: () => TagsOverflow;
+    };
     size: {
         type: PropType<"m" | "s">;
         default: () => InputBoxSize;
@@ -60,21 +65,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     searchFunction: {
-        type: PropType<SelectSearchFunction>;
-        default: SelectSearchFunction;
+        type: PropType<SearchFunction<SelectItem>>;
+        default: SearchFunction<SelectItem>;
     };
     groupByFunction: {
-        type: PropType<SelectGroupByFunction>;
+        type: PropType<GroupFunction<SelectItem>>;
         default: undefined;
     };
     externalControl: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflow: {
-        type: PropType<"wrap" | "scroll" | "hidden">;
-        default: () => TagsOverflow;
-    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     inputBox: import("vue-demi").Ref<any>;
@@ -93,43 +94,47 @@ declare const _default: import("vue-demi").DefineComponent<{
     dropdownItemStyles: import("vue-demi").ComputedRef<string[]>;
     noSearchResultsStyles: import("vue-demi").ComputedRef<string[]>;
     controlId: import("vue-demi").Ref<string>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<SelectValue>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<SelectModelValue>;
     readonly: import("vue-demi").ComputedRef<boolean>;
     isEmptyModelValue: import("vue-demi").ComputedRef<boolean>;
     showClear: import("vue-demi").ComputedRef<boolean>;
     searchText: import("vue-demi").Ref<string>;
     internalSearchOptions: import("vue-demi").Ref<{
-        value: RawValue;
         label: string;
+        value: import("./types").SelectItemValue;
         disabled?: boolean | undefined;
     }[]>;
-    resolvedSearchOptions: import("vue-demi").ComputedRef<SelectOption[]>;
-    groupedOptions: import("vue-demi").ComputedRef<Record<string, SelectOption[]>>;
+    resolvedSearchOptions: import("vue-demi").ComputedRef<SelectItem[]>;
+    groupedOptions: import("vue-demi").ComputedRef<Record<string, SelectItem[]>>;
     toggle: () => void;
     close: () => void;
     open: () => void;
-    deselect: (option: RawValue) => void;
-    toggleOption: (option: RawValue) => void;
-    clearSearchControl: () => void;
+    selectOption: (item: SelectItem) => void;
+    deselectOption: (item: SelectItem) => void;
+    toggleOption: (item: SelectItem) => void;
     isDesktop: import("vue-demi").ComputedRef<boolean>;
     isMobile: import("vue-demi").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<SelectModelValue>;
+        default: undefined;
+    };
     options: {
-        type: PropType<SelectOption[]>;
-        default: () => never[];
+        type: PropType<SelectItem[]>;
+        default: SelectItem[];
     };
     searchOptions: {
-        type: PropType<SelectOption[]>;
-        default: () => never[];
-    };
-    modelValue: {
-        type: PropType<SelectValue>;
-        default: undefined;
+        type: PropType<SelectItem[]>;
+        default: SelectItem[];
     };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"wrap" | "scroll" | "hidden">;
+        default: () => TagsOverflow;
+    };
     size: {
         type: PropType<"m" | "s">;
         default: () => InputBoxSize;
@@ -171,33 +176,30 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     searchFunction: {
-        type: PropType<SelectSearchFunction>;
-        default: SelectSearchFunction;
+        type: PropType<SearchFunction<SelectItem>>;
+        default: SearchFunction<SelectItem>;
     };
     groupByFunction: {
-        type: PropType<SelectGroupByFunction>;
+        type: PropType<GroupFunction<SelectItem>>;
         default: undefined;
     };
     externalControl: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflow: {
-        type: PropType<"wrap" | "scroll" | "hidden">;
-        default: () => TagsOverflow;
-    };
 }>> & {
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: SelectValue;
-    label: string;
-    options: SelectOption[];
-    searchOptions: SelectOption[];
+    modelValue: SelectModelValue;
+    options: SelectItem[];
+    searchOptions: SelectItem[];
     multiple: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
     size: "m" | "s";
+    label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
@@ -206,9 +208,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     disableDefaultStyles: boolean;
     enableSearch: boolean;
     enableClear: boolean;
-    searchFunction: SelectSearchFunction;
-    groupByFunction: SelectGroupByFunction;
+    searchFunction: SearchFunction<SelectItem>;
+    groupByFunction: GroupFunction<SelectItem>;
     externalControl: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
 }>;
 export default _default;

package/dist/bundled/v3/components/OrSelectV3/index.js

@@ -1 +1 @@
-export { s as OrSelectV3 } from '../OrSelectV3-b1418e70.js';
+export { s as OrSelectV3 } from '../OrSelectV3-70ef04ac.js';

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

@@ -1 +1 @@
-export { S as Select, a as SelectControl, d as SelectDropdown, e as SelectDropdownDefault, f as SelectDropdownFlipped, g as SelectDropdownItem, h as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-b1418e70.js';
+export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-70ef04ac.js';

package/dist/bundled/v3/components/OrSelectV3/types.d.ts

@@ -1,13 +1,4 @@
-export interface SelectOption {
-    value: RawValue;
-    label: string;
-    disabled?: boolean;
-}
-export type RawValue = string | number | object;
-export interface SelectSearchFunction {
-    (searchText: string, options: SelectOption[]): Promise<SelectOption[]>;
-}
-export interface SelectGroupByFunction {
-    (option: SelectOption): string;
-}
-export type SelectValue = RawValue | RawValue[] | undefined;
+import { Item, ModelValue } from '../../types';
+export type SelectModelValue = ModelValue<SelectItemValue | SelectItemValue[]>;
+export type SelectItem = Item<SelectItemValue>;
+export type SelectItemValue = string | number | object;

package/dist/bundled/v3/components/{OrSelectV3-b1418e70.js → OrSelectV3-70ef04ac.js}

@@ -1,31 +1,29 @@
 import { withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, vModelDynamic, renderSlot, resolveComponent, createVNode, createSlots, withCtx, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode, Fragment, resolveDirective, withModifiers, renderList } from 'vue';
 import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
-import { isEmpty } from '../utils/isEmpty.js';
-import { p as useFocus } from './OrBottomSheetV3-fa1d34c6.js';
+import { q as useFocus } from './OrAutocompleteV3-3b1ff7f8.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
-import { s as script$5, T as TagsOverflow } from './OrTagsV3-9c6b9369.js';
+import { s as script$5, T as TagsOverflow } from './OrTagsV3-271d28a7.js';
 import { isEqual } from '../utils/isEqual.js';
-import { s as script$6 } from './OrCheckboxV3-7c614121.js';
+import { isNil } from '../utils/isNil.js';
+import { toArray } from '../utils/toArray.js';
+import { isEmpty } from '../utils/isEmpty.js';
+import { s as script$6 } from './OrCheckboxV3-81e7bbf2.js';
 import { s as script$7 } from './OrErrorV3-b04d76aa.js';
-import { s as script$8 } from './OrExpansionPanelV3-c76fe138.js';
+import { s as script$8 } from './OrExpansionPanelV3-6f13abec.js';
 import { s as script$9 } from './OrHintV3-c8ac5975.js';
 import { s as script$a } from './OrIconV3-34670800.js';
-import { s as script$b } from './OrIconButtonV3-4c00d7c0.js';
-import { s as script$c } from './OrInputV3-14563ccc.js';
+import { s as script$b } from './OrIconButtonV3-8c956740.js';
+import { s as script$c } from './OrInputV3-fc813578.js';
 import { s as script$d, I as InputBoxSize } from './OrInputBoxV3-dbc63649.js';
-import { s as script$e } from './OrLabelV3-23a42d9d.js';
-import { s as script$f } from './OrMenuItemV3-f505db68.js';
-import { s as script$g } from './OrPopoverV3-cf693fae.js';
+import { s as script$e } from './OrLabelV3-2715e117.js';
+import { s as script$f } from './OrMenuItemV3-50f0d743.js';
+import { s as script$g } from './OrPopoverV3-d3624fb0.js';
+import { searchItemsByLabel } from '../helpers/searchItemsByLabel.js';
 import { DropdownClose } from '../directives/dropdown-close.js';
 import { DropdownOpen } from '../directives/dropdown-open.js';
 import useResponsive from '../hooks/useResponsive/useResponsive.js';
-
-function castToMultipleValue(value) {
-  if (Array.isArray(value)) {
-    return value;
-  }
-  return isEmpty(value) ? [] : [value];
-}
+import { include } from '../utils/include.js';
+import { exclude } from '../utils/exclude.js';
 
 const SelectControlInput = [
 // Base
@@ -180,12 +178,12 @@ var script$2 = defineComponent({
       default: ''
     },
     model: {
-      type: [Object, String, Number, Array],
-      default: () => []
+      type: undefined,
+      default: []
     },
     options: {
       type: Array,
-      default: () => []
+      default: []
     },
     overflow: {
       type: String,
@@ -193,7 +191,7 @@ var script$2 = defineComponent({
     },
     placeholder: {
       type: String,
-      default: ''
+      default: undefined
     },
     readonly: {
       type: Boolean,
@@ -235,7 +233,7 @@ var script$2 = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-select-multiple-control-v3', ...SelectMultipleControlRoot]);
     // Computed
-    const value = computed(() => castToMultipleValue(model.value));
+    const value = computed(() => isNil(model.value) ? [] : toArray(model.value));
     const isEmpty = computed(() => value.value.length === 0);
     const selection = computed(() => {
       if (model.value === undefined || model.value === null) {
@@ -351,16 +349,16 @@ var script$1 = defineComponent({
       default: ''
     },
     model: {
-      type: [Object, String, Number, Array],
+      type: undefined,
       default: undefined
     },
     options: {
       type: Array,
-      default: () => []
+      default: []
     },
     placeholder: {
       type: String,
-      default: ''
+      default: undefined
     },
     disabled: {
       type: Boolean,
@@ -535,22 +533,26 @@ var script = defineComponent({
     event: 'update:modelValue'
   },
   props: {
+    modelValue: {
+      type: undefined,
+      default: undefined
+    },
     options: {
       type: Array,
-      default: () => []
+      default: []
     },
     searchOptions: {
       type: Array,
-      default: () => []
-    },
-    modelValue: {
-      type: [Object, String, Number, Array],
-      default: undefined
+      default: []
     },
     multiple: {
       type: Boolean,
       default: false
     },
+    overflow: {
+      type: String,
+      default: () => TagsOverflow.Hidden
+    },
     size: {
       type: String,
       default: () => InputBoxSize.M
@@ -593,14 +595,7 @@ var script = defineComponent({
     },
     searchFunction: {
       type: Function,
-      default: async (searchText, options) => {
-        return options.filter(_ref => {
-          let {
-            label
-          } = _ref;
-          return label.toLowerCase().includes(searchText.toLowerCase());
-        });
-      }
+      default: searchItemsByLabel
     },
     groupByFunction: {
       type: Function,
@@ -609,10 +604,6 @@ var script = defineComponent({
     externalControl: {
       type: Boolean,
       default: false
-    },
-    overflow: {
-      type: String,
-      default: () => TagsOverflow.Hidden
     }
   },
   emits: ['update:modelValue', 'focus', 'blur', 'search'],
@@ -680,8 +671,8 @@ var script = defineComponent({
       return props.externalControl ? props.searchOptions : internalSearchOptions.value;
     });
     const searchText = ref('');
-    watch([() => props.externalControl, searchText, () => props.options], async _ref2 => {
-      let [externalControl, searchText, options] = _ref2;
+    watch([() => props.externalControl, searchText, () => props.options], async _ref => {
+      let [externalControl, searchText, options] = _ref;
       if (externalControl) {
         context.emit('search', searchText);
       } else {
@@ -742,26 +733,31 @@ var script = defineComponent({
         }
       }
     }
-    function deselect(option) {
-      const modelValue = proxyModelValue.value;
-      if (Array.isArray(modelValue)) {
-        proxyModelValue.value = modelValue.filter(value => value !== option);
+    function selectOption(item) {
+      if (props.multiple) {
+        proxyModelValue.value = include(item.value, toArray(proxyModelValue.value));
+      } else {
+        proxyModelValue.value = item.value;
+      }
+    }
+    function deselectOption(item) {
+      if (props.multiple) {
+        proxyModelValue.value = exclude(item.value, toArray(proxyModelValue.value));
+      } else {
+        proxyModelValue.value = null;
       }
     }
-    function toggleOption(option) {
-      const modelValue = proxyModelValue.value;
-      if (multiple.value) {
-        if (modelValue && Array.isArray(modelValue) && modelValue.includes(option)) {
-          deselect(option);
+    function toggleOption(item) {
+      if (props.multiple) {
+        const model = toArray(proxyModelValue.value);
+        if (!model.includes(item.value)) {
+          proxyModelValue.value = include(item.value, model);
         } else {
-          proxyModelValue.value = [...castToMultipleValue(modelValue), option];
+          proxyModelValue.value = exclude(item.value, model);
         }
       } else {
-        proxyModelValue.value = option;
+        proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : null;
       }
-      clearSearchControl();
-    }
-    function clearSearchControl() {
       searchText.value = '';
     }
     // Utils
@@ -798,9 +794,9 @@ var script = defineComponent({
       toggle,
       close,
       open,
-      deselect,
+      selectOption,
+      deselectOption,
       toggleOption,
-      clearSearchControl,
       isDesktop,
       isMobile
     };
@@ -812,12 +808,6 @@ const _hoisted_2 = {
   class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'gap-sm'])
 };
 const _hoisted_3 = ["onClick"];
-const _hoisted_4 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
-};
-const _hoisted_5 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrSelectMultipleControl = resolveComponent("OrSelectMultipleControl");
@@ -863,8 +853,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.controlStyles),
       tabindex: !_ctx.disabled ? 0 : null,
       disabled: _ctx.disabled,
-      onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
-      onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
+      onFocus: _cache[3] || (_cache[3] = $event => _ctx.$emit('focus', $event)),
+      onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
     }, [renderSlot(_ctx.$slots, "valueTemplate", {
       model: _ctx.proxyModelValue
     }, () => [_ctx.multiple ? (openBlock(), createBlock(_component_OrSelectMultipleControl, {
@@ -880,7 +870,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.disabled,
       "enable-search": _ctx.enableSearch,
       "is-open": _ctx.popoverState === 'open',
-      onReset: _ctx.deselect
+      onReset: _cache[1] || (_cache[1] = $event => _ctx.deselectOption($event))
     }, {
       tag: withCtx(_ref => {
         let {
@@ -891,11 +881,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         })];
       }),
       _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["modelValue", "model", "options", "overflow", "placeholder", "readonly", "disabled", "enable-search", "is-open", "onReset"])) : (openBlock(), createBlock(_component_OrSelectSingleControl, {
+    }, 8 /* PROPS */, ["modelValue", "model", "options", "overflow", "placeholder", "readonly", "disabled", "enable-search", "is-open"])) : (openBlock(), createBlock(_component_OrSelectSingleControl, {
       key: 1,
       ref: 'singleControl',
       modelValue: _ctx.searchText,
-      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.searchText = $event),
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.searchText = $event),
       model: _ctx.proxyModelValue,
       options: _ctx.options,
       placeholder: _ctx.placeholder,
@@ -908,7 +898,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       color: 'inherit',
       "additional-styles": ['!text-outline', '!dark:text-outline-dark'],
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[4] || (_cache[4] = withModifiers($event => _ctx.$emit('update:modelValue', _ctx.multiple ? [] : undefined), ["stop"]))
+      onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', _ctx.multiple ? [] : undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrIcon, {
       icon: _ctx.popoverState === 'open' ? _ctx.enableSearch ? 'search' : 'arrow_drop_up' : 'arrow_drop_down',
       class: normalizeClass(_ctx.popoverState === 'open' && _ctx.enableSearch ? '!text-outline !dark:text-outline-dark' : ''),
@@ -928,7 +918,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         ref: 'searchControl',
         modelValue: _ctx.searchText,
-        "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.searchText = $event),
+        "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.searchText = $event),
         class: normalizeClass(_ctx.searchControlStyles),
         type: 'search',
         placeholder: _ctx.placeholder
@@ -954,7 +944,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 option: option
               }, () => [createVNode(_component_OrCheckbox, {
                 modelValue: _ctx.proxyModelValue,
-                "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.proxyModelValue = $event),
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.proxyModelValue = $event),
                 value: option.value,
                 label: option.label,
                 "label-variant": 'menu-item',
@@ -970,7 +960,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.dropdownItemStyles),
               selected: _ctx.proxyModelValue === option.value,
               disabled: option.disabled,
-              onClick: withModifiers($event => _ctx.toggleOption(option.value), ["stop"])
+              onClick: withModifiers($event => _ctx.toggleOption(option), ["stop"])
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
                 model: _ctx.proxyModelValue,
@@ -992,7 +982,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: i,
           selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
           disabled: option.disabled,
-          onClick: withModifiers($event => !option.disabled && _ctx.toggleOption(option.value), ["stop"])
+          onClick: withModifiers($event => !option.disabled && _ctx.toggleOption(option), ["stop"])
         }, {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             "model-value": _ctx.proxyModelValue,
@@ -1001,7 +991,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             disabled: option.disabled
           }, {
             default: withCtx(() => [createElementVNode("div", {
-              onClick: $event => !option.disabled && _ctx.toggleOption(option.value)
+              onClick: $event => !option.disabled && _ctx.toggleOption(option)
             }, [renderSlot(_ctx.$slots, "optionTemplate", {
               model: _ctx.proxyModelValue,
               option: option
@@ -1019,7 +1009,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           selected: _ctx.proxyModelValue === option.value,
           disabled: option.disabled,
           onClick: withModifiers($event => {
-            _ctx.toggleOption(option.value);
+            _ctx.toggleOption(option);
             _ctx.close();
           }, ["stop"])
         }, {
@@ -1040,23 +1030,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["class", "custom-styles", "trigger"])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_4, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
-    key: 0,
+  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_5, [createVNode(_component_OrError, {
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 script.render = render;
 script.__file = "src/components/or-select-v3/OrSelect.vue";
 
-export { Select as S, SelectControl as a, SelectSearchControl as b, castToMultipleValue as c, SelectDropdown as d, SelectDropdownDefault as e, SelectDropdownFlipped as f, SelectDropdownItem as g, SelectNoSearchResults as h, script as s };
+export { Select as S, SelectControl as a, SelectSearchControl as b, SelectDropdown as c, SelectDropdownDefault as d, SelectDropdownFlipped as e, SelectDropdownItem as f, SelectNoSearchResults as g, script as s };

package/dist/bundled/v3/components/OrSidebar/index.js

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createCommentVNode } from 'vue';
-import { s as styleInject } from '../OrAvatar-24c81841.js';
-import { j as useDraggable } from '../OrBottomSheetV3-fa1d34c6.js';
+import { s as styleInject } from '../OrAvatar-2b5539e2.js';
+import { k as useDraggable } from '../OrAutocompleteV3-3b1ff7f8.js';
 import { defineComponent, ref } from 'vue-demi';
 
 var OrSidebarSide;

package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js

@@ -1 +1 @@
-export { s as default } from '../OrSidebarV3-fefba305.js';
+export { s as default } from '../OrSidebarV3-03c13d7e.js';

package/dist/bundled/v3/components/OrSidebarV3/index.js

@@ -1 +1 @@
-export { s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebarV3-fefba305.js';
+export { s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebarV3-03c13d7e.js';

package/dist/bundled/v3/components/OrSidebarV3/props.js

@@ -1 +1 @@
-export { S as SidebarPlacement } from '../OrSidebarV3-fefba305.js';
+export { S as SidebarPlacement } from '../OrSidebarV3-03c13d7e.js';

package/dist/bundled/v3/components/OrSidebarV3/styles.js

@@ -1,2 +1,2 @@
-import '../OrResizeablePanelV3-49b0c288.js';
-export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-fefba305.js';
+import '../OrResizeablePanelV3-eaf07938.js';
+export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-03c13d7e.js';

package/dist/bundled/v3/components/{OrSidebarV3-fefba305.js → OrSidebarV3-03c13d7e.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanelV3-49b0c288.js';
+import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanelV3-eaf07938.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 
 const Sidebar = [

package/dist/bundled/v3/components/OrSkeleton/constants.js

@@ -1 +1 @@
-export { O as OrSkeletonTextSizes } from '../OrSkeleton-b03185ba.js';
+export { O as OrSkeletonTextSizes } from '../OrSkeleton-6d7ea6a2.js';

package/dist/bundled/v3/components/OrSkeleton/index.js

@@ -1 +1 @@
-export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-b03185ba.js';
+export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-6d7ea6a2.js';

package/dist/bundled/v3/components/{OrSkeleton-b03185ba.js → OrSkeleton-6d7ea6a2.js}

@@ -1,8 +1,8 @@
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
-import { s as styleInject } from './OrAvatar-24c81841.js';
-import { i as isObject_1, m as toFinite_1 } from './OrDateTimePicker-830d18cf.js';
+import { s as styleInject } from './OrAvatar-2b5539e2.js';
+import { i as isObject_1, m as toFinite_1 } from './OrDateTimePicker-8818b526.js';
 import { defineComponent } from 'vue-demi';
-import { h as eq_1, a as isArrayLike_1, e as _isIndex } from './OrList-f7fe93d2.js';
+import { h as eq_1, a as isArrayLike_1, e as _isIndex } from './OrList-cbddc629.js';
 import { pxToRem } from '../utils/functions/px-to-rem.js';
 
 var script$2 = defineComponent({

package/dist/bundled/v3/components/OrSkeletonCircle/OrSkeletonCircle.js

@@ -1 +1 @@
-export { s as default } from '../OrSkeleton-b03185ba.js';
+export { s as default } from '../OrSkeleton-6d7ea6a2.js';

package/dist/bundled/v3/components/OrSkeletonCircle/index.js

@@ -1 +1 @@
-export { s as OrSkeletonCircle, O as OrSkeletonTextSizes } from '../OrSkeleton-b03185ba.js';
+export { s as OrSkeletonCircle, O as OrSkeletonTextSizes } from '../OrSkeleton-6d7ea6a2.js';

package/dist/bundled/v3/components/OrSkeletonCircleV3/OrSkeletonCircle.js

@@ -1 +1 @@
-export { s as default } from '../OrSkeletonV3-93f5de34.js';
+export { s as default } from '../OrSkeletonV3-edb59594.js';

package/dist/bundled/v3/components/OrSkeletonCircleV3/index.js

@@ -1 +1 @@
-export { s as OrSkeletonCircleV3 } from '../OrSkeletonV3-93f5de34.js';
+export { s as OrSkeletonCircleV3 } from '../OrSkeletonV3-edb59594.js';