@onereach/ui-components 6.6.2-beta.3526.0 → 7.0.0

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-136179dc.js → OrModal.vue_vue_type_script_lang-09c00129.js}

@@ -1,11 +1,11 @@
 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-5a2b8679.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-a35c30ce.js';
 import { ModalSize } from './components/OrModalV3/props.js';
 import { Modal, ModalSizes } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
-import { s as script$5 } from './OrOverlay.vue_vue_type_script_lang-5b1f4a36.js';
+import { s as script$5 } from './OrOverlay.vue_vue_type_script_lang-a2afd31a.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
 const ModalContent = [

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-a7ac4ac5.js → OrModal.vue_vue_type_script_lang-712e0986.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './components/OrModal/constants.js';
-import { o as onClickOutside } from './index-c5cda763.js';
-import { u as useFocusTrap } from './useFocusTrap-aa5b17f6.js';
+import { o as onClickOutside } from './index-5baaa991.js';
+import { u as useFocusTrap } from './useFocusTrap-7acc7be5.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrOverlay/OrOverlay.js';
 import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-2f5d626d.js';

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-9f8216c9.js → OrNotification.vue_vue_type_script_lang-b53d29af.js}

@@ -3,8 +3,8 @@ import { NotificationVariant } from './components/OrNotificationV3/props.js';
 import { NotificationRoot, NotificationRootVariants, NotificationIcon, NotificationIconVariants } from './components/OrNotificationV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5a2b8679.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-bc674d9e.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a35c30ce.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrOverflowMenu.vue_vue_type_script_lang-fa75e033.js → OrOverflowMenu.vue_vue_type_script_lang-bba61b94.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from './index-c5cda763.js';
+import { o as onClickOutside } from './index-5baaa991.js';
 import './components/OrButtonV2/OrButton.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-0fb2b270.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers } from 'vue';
@@ -9,7 +9,7 @@ import './components/OrFloating/OrFloating.js';
 import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-f6bf7dda.js';
 import { s as script$4 } from './OrFloating.vue_vue_type_script_lang-38aa1d83.js';
 import { OrFloatingPlacements } from './components/OrFloating/constants.js';
-import { u as useToggle } from './index-6cbf1493.js';
+import { u as useToggle } from './index-544e4b4e.js';
 
 var script$1 = defineComponent({
   name: 'OrOverflowMenuItem',

package/dist/bundled/v3/{OrOverlay.vue_vue_type_script_lang-5b1f4a36.js → OrOverlay.vue_vue_type_script_lang-a2afd31a.js}

@@ -1,4 +1,4 @@
-import { i as useScrollLock } from './index-c5cda763.js';
+import { h as useScrollLock } from './index-5baaa991.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './components/OrOverlayV3/styles.js';
 import './components/OrTeleportV3/OrTeleport.js';

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-2714585c.js → OrPagination.vue_vue_type_script_lang-5b33bd96.js}

@@ -4,10 +4,10 @@ import './components/OrButtonV3/OrButton.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-7052780f.js';
-import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-37aef985.js';
-import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-bc25bb37.js';
+import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-bc674d9e.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-c4b4ca1b.js';
+import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-1e9ee207.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
 

package/dist/bundled/v3/{OrPassword.vue_vue_type_script_lang-5cacdf5e.js → OrPassword.vue_vue_type_script_lang-b36b869a.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { c as useVModel } from './index-c5cda763.js';
+import { c as useVModel } from './index-5baaa991.js';
 import './components/OrInput/OrInput.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import useToggle from './hooks/useToggle.js';

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-aa97c946.js → OrPopover.vue_vue_type_script_lang-2462c31d.js}

@@ -1,11 +1,11 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from './floating-ui.dom-d9ef0d1f.js';
-import { o as onClickOutside } from './index-c5cda763.js';
+import { o as onClickOutside } from './index-5baaa991.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
 import { useFloating } from './components/OrPopoverV3/hooks/useFloating.js';
 import './components/OrBottomSheetV3/OrBottomSheet.js';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-5487541b.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-37e2fc0e.js';
 import './components/OrTeleportV3/OrTeleport.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
 import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';

package/dist/bundled/v3/{OrProgress.vue_vue_type_script_lang-2aa509c0.js → OrProgress.vue_vue_type_script_lang-f2da8e58.js}

@@ -1,4 +1,4 @@
-import { d as useElementBounding } from './index-c5cda763.js';
+import { d as useElementBounding } from './index-5baaa991.js';
 import { r as round_1 } from './round-567ede34.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './components/OrProgressV3/props.js';

package/dist/bundled/v3/{OrRadio.vue_vue_type_script_lang-1027061f.js → OrRadio.vue_vue_type_script_lang-750ce51f.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { RadioRoot, RadioControl, RadioControlHandle } from './components/OrRadioV3/styles.js';
 import './components/OrLabelV3/OrLabel.js';
-import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
+import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
 import { LabelVariant } from './components/OrLabelV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrRadioGroup.vue_vue_type_script_lang-98379ffe.js → OrRadioGroup.vue_vue_type_script_lang-8fad9a5f.js}

@@ -1,8 +1,8 @@
 import { defineComponent, toRef } from 'vue-demi';
 import './components/OrFormGroupV3/OrFormGroup.js';
 import './components/OrRadioV3/OrRadio.js';
-import { s as script$2 } from './OrRadio.vue_vue_type_script_lang-1027061f.js';
-import { s as script$1 } from './OrFormGroup.vue_vue_type_script_lang-7ef8a039.js';
+import { s as script$2 } from './OrRadio.vue_vue_type_script_lang-750ce51f.js';
+import { s as script$1 } from './OrFormGroup.vue_vue_type_script_lang-165cf30e.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrResizeablePanel.vue_vue_type_script_lang-28f3879b.js → OrResizeablePanel.vue_vue_type_script_lang-6ff56926.js}

@@ -1,9 +1,9 @@
-import { g as useDraggable } from './index-c5cda763.js';
+import { f as useDraggable } from './index-5baaa991.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './components/OrResizeablePanelV3/props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './components/OrResizeablePanelV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-5a2b8679.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-a35c30ce.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-86b38f6e.js → OrRichTextEditor.vue_vue_type_script_lang-3e868b85.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-import { u as useFocusTrap } from './useFocusTrap-aa5b17f6.js';
-import { e as useResizeObserver, o as onClickOutside } from './index-c5cda763.js';
+import { u as useFocusTrap } from './useFocusTrap-7acc7be5.js';
+import { e as useResizeObserver, o as onClickOutside } from './index-5baaa991.js';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from './markdown-3b17cc9b.js';
 import { EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './components/OrRichTextEditorV3/styles.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-1789f0cf.js';
@@ -16,14 +16,14 @@ import './components/OrModalV3/OrModal.js';
 import './components/OrInputV3/OrInput.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-5a2b8679.js';
-import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
-import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-37aef985.js';
-import { s as script$5 } from './OrModal.vue_vue_type_script_lang-136179dc.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-2b98ac5c.js';
-import { s as script$7 } from './OrButton.vue_vue_type_script_lang-7052780f.js';
-import { s as script$8 } from './OrPopover.vue_vue_type_script_lang-aa97c946.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-a35c30ce.js';
+import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
+import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-1e9ee207.js';
+import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-c4b4ca1b.js';
+import { s as script$5 } from './OrModal.vue_vue_type_script_lang-09c00129.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-bea5b267.js';
+import { s as script$7 } from './OrButton.vue_vue_type_script_lang-bc25bb37.js';
+import { s as script$8 } from './OrPopover.vue_vue_type_script_lang-2462c31d.js';
 
 var lodashExports = {};
 var lodash = {

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-af778eb4.js → OrSearch.vue_vue_type_script_lang-12b1c76f.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import './components/OrInputV3/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-2b98ac5c.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-bea5b267.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
-import { a as watchDebounced } from './index-6cbf1493.js';
+import { a as watchDebounced } from './index-544e4b4e.js';
 
 var script = defineComponent({
   name: 'OrSearch',

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-89527d71.js → OrSearch.vue_vue_type_script_lang-44935ef1.js}

@@ -3,7 +3,7 @@ import './components/OrInput/OrInput.js';
 import { s as script$1 } from './OrInput.vue_vue_type_script_lang-515ff78a.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-f6bf7dda.js';
-import { a as watchDebounced } from './index-6cbf1493.js';
+import { a as watchDebounced } from './index-544e4b4e.js';
 import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSegmentedControl.vue_vue_type_script_lang-3a7df112.js → OrSegmentedControl.vue_vue_type_script_lang-10bd4ea8.js}

@@ -10,7 +10,7 @@ const SegmentedControlItemRoot = [
 // Shape
 'rounded-md',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Theme
 'theme-foreground-default', 'dark:theme-foreground-default-dark',
 // Theme (selected)

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-a4d17559.js → OrSelect.vue_vue_type_script_lang-0ae0fd63.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from './index-c5cda763.js';
+import { o as onClickOutside } from './index-5baaa991.js';
 import { isEmpty } from './utils/isEmpty.js';
 import { _ as _baseAssignValue } from './_baseAssignValue-2250dbc9.js';
 import { k as keys_1, _ as _Stack, a as _baseIsEqual, i as isArguments_1 } from './_baseIsEqual-fe2002b6.js';

package/dist/bundled/v3/OrSelect.vue_vue_type_script_lang-d1d57fd5.js

@@ -0,0 +1,352 @@
+import { defineComponent, ref, computed, getCurrentInstance, toRefs, onMounted, watch } from 'vue-demi';
+import { isEmptyValue } from './utils/isEmptyValue.js';
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+import { Select, SelectControl, SelectSearchControl, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectDropdownItem, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
+import './components/OrCheckboxV3/OrCheckbox.js';
+import './components/OrErrorV3/OrError.js';
+import './components/OrExpansionPanelV3/OrExpansionPanel.js';
+import { s as script$4 } from './OrExpansionPanel.vue_vue_type_script_lang-d7c2d142.js';
+import './components/OrHintV3/OrHint.js';
+import './components/OrIconV3/OrIcon.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import './components/OrInputV3/OrInput.js';
+import './components/OrInputBoxV3/OrInputBox.js';
+import './components/OrLabelV3/OrLabel.js';
+import './components/OrMenuItemV3/OrMenuItem.js';
+import './components/OrPopoverV3/OrPopover.js';
+import './components/OrTagV3/OrTag.js';
+import { s as script$d } from './OrTag.vue_vue_type_script_lang-e4811b42.js';
+import { useOverflow } from './hooks/useOverflow.js';
+import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-cdc466f7.js';
+import { s as script$3 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
+import { s as script$5 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
+import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-bc674d9e.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-a35c30ce.js';
+import { s as script$8 } from './OrInput.vue_vue_type_script_lang-bea5b267.js';
+import { s as script$9 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
+import { s as script$a } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
+import { s as script$b } from './OrMenuItem.vue_vue_type_script_lang-1e9ee207.js';
+import { s as script$c } from './OrPopover.vue_vue_type_script_lang-2462c31d.js';
+import { DropdownClose } from './directives/dropdown-close.js';
+import { DropdownOpen } from './directives/dropdown-open.js';
+import { InputBoxSize } from './components/OrInputBoxV3/props.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
+import useResponsive from './hooks/useResponsive/useResponsive.js';
+
+const SelectPlaceholder = [
+// Interactivity
+'interactivity-default',
+// Typography
+'typography-inherit truncate',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+
+var script$1 = defineComponent({
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-select-placeholder-v3', ...SelectPlaceholder]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+const _hoisted_1 = ["disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script$1.render = render;
+script$1.__file = "src/components/or-select-v3/partials/or-select-placeholder/OrSelectPlaceholder.vue";
+
+var script = defineComponent({
+  components: {
+    OrCheckbox: script$2,
+    OrError: script$3,
+    OrExpansionPanel: script$4,
+    OrHint: script$5,
+    OrIcon: script$6,
+    OrIconButton: script$7,
+    OrInput: script$8,
+    OrInputBox: script$9,
+    OrLabel: script$a,
+    OrMenuItem: script$b,
+    OrPopover: script$c,
+    OrSelectPlaceholder: script$1,
+    OrTag: script$d
+  },
+  directives: {
+    DropdownClose,
+    DropdownOpen
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    searchOptions: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: [Object, String, Number, Array],
+      default: undefined
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    placeholder: {
+      type: String,
+      default: undefined
+    },
+    searchPlaceholder: {
+      type: String,
+      default: undefined
+    },
+    hint: {
+      type: String,
+      default: undefined
+    },
+    error: {
+      type: [String, Boolean],
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disableDefaultStyles: {
+      type: Boolean,
+      default: false
+    },
+    enableSearch: {
+      type: Boolean,
+      default: false
+    },
+    enableClear: {
+      type: Boolean,
+      default: false
+    },
+    searchFunction: {
+      type: Function,
+      default: async (searchText, options) => {
+        return options.filter(_ref => {
+          let {
+            label
+          } = _ref;
+          return label.toLowerCase().includes(searchText.toLowerCase());
+        });
+      }
+    },
+    groupByFunction: {
+      type: Function,
+      default: undefined
+    },
+    externalControl: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'focus', 'blur', 'search'],
+  expose: ['root'],
+  setup(props, context) {
+    var _a;
+    const currentInstance = getCurrentInstance();
+    // Refs
+    const root = ref();
+    const inputBox = ref();
+    const inputBoxRoot = computed(() => {
+      var _a;
+      return (_a = inputBox.value) === null || _a === void 0 ? void 0 : _a.root;
+    });
+    const control = ref();
+    const searchControl = ref();
+    const popover = ref();
+    const popoverRoot = computed(() => {
+      var _a;
+      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
+    });
+    const popoverState = computed(() => {
+      var _a;
+      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
+    });
+    // Props
+    const {
+      enableClear,
+      modelValue
+    } = toRefs(props);
+    // Styles
+    const rootStyles = computed(() => ['or-select-v3', ...Select]);
+    const controlStyles = computed(() => [...SelectControl]);
+    const searchControlStyles = computed(() => [...SelectSearchControl]);
+    const dropdownStyles = computed(() => {
+      var _a;
+      return [...SelectDropdown, ...(((_a = popover.value) === null || _a === void 0 ? void 0 : _a.isFlipped) ? SelectDropdownFlipped : SelectDropdownDefault)];
+    });
+    const dropdownItemStyles = computed(() => [...SelectDropdownItem]);
+    const noSearchResultsStyles = computed(() => [...SelectNoSearchResults]);
+    // State
+    const controlId = ref((_a = context.attrs.id) !== null && _a !== void 0 ? _a : currentInstance.uid.toString());
+    const proxyModelValue = useProxyModelValue(modelValue, context.emit);
+    const isEmptyModelValue = computed(() => {
+      return Array.isArray(proxyModelValue.value) ? proxyModelValue.value.length === 0 : isEmptyValue(proxyModelValue.value);
+    });
+    const showClear = computed(() => {
+      return enableClear.value && !isEmptyModelValue.value;
+    });
+    onMounted(() => {
+      if (!proxyModelValue.value && props.multiple) {
+        proxyModelValue.value = [];
+      }
+    });
+    const readonly = computed(() => context.attrs.readonly);
+    const selection = computed(() => {
+      const modelValue = proxyModelValue.value;
+      if (Array.isArray(modelValue)) {
+        return modelValue.map(value => props.options.find(option => option.value === value)).filter(value => !!value);
+      }
+      return props.options.find(option => option.value === modelValue);
+    });
+    const internalSearchOptions = ref(props.options);
+    const resolvedSearchOptions = computed(() => {
+      return props.externalControl ? props.searchOptions : internalSearchOptions.value;
+    });
+    const searchText = ref('');
+    watch([() => props.externalControl, searchText, () => props.options], async _ref2 => {
+      let [externalControl, searchText, options] = _ref2;
+      if (externalControl) {
+        context.emit('search', searchText);
+      } else {
+        internalSearchOptions.value = await props.searchFunction(searchText, options);
+      }
+    }, {
+      deep: true
+    });
+    const groupedOptions = computed(() => {
+      const groupBy = props.groupByFunction;
+      if (groupBy) {
+        return internalSearchOptions.value.reduce((accumulator, option) => {
+          var _a;
+          const group = groupBy(option);
+          return {
+            ...accumulator,
+            [group]: [...((_a = accumulator[group]) !== null && _a !== void 0 ? _a : []), option]
+          };
+        }, {});
+      }
+      return {
+        '': props.options
+      };
+    });
+    // Methods
+    function toggle() {
+      if (!readonly.value && !props.disabled) {
+        const popoverInstance = popover.value;
+        if (popoverInstance) {
+          if (popoverState.value === 'open') {
+            popoverInstance.close();
+          } else {
+            popoverInstance.open();
+          }
+        }
+      }
+    }
+    function close() {
+      const popoverInstance = popover.value;
+      if (popoverInstance) {
+        popoverInstance.close();
+      }
+    }
+    function deselect(option) {
+      const modelValue = proxyModelValue.value;
+      if (Array.isArray(modelValue)) {
+        proxyModelValue.value = modelValue.filter(value => value !== option.value);
+      }
+    }
+    function clearSearchControl() {
+      searchText.value = '';
+    }
+    const {
+      innerItems,
+      outerItems
+    } = useOverflow(control);
+    // Utils
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
+    // Effects
+    watch(searchControl, control => {
+      setTimeout(() => {
+        control === null || control === void 0 ? void 0 : control.focus();
+      });
+    });
+    return {
+      root,
+      inputBox,
+      inputBoxRoot,
+      control,
+      searchControl,
+      popover,
+      popoverRoot,
+      popoverState,
+      rootStyles,
+      controlStyles,
+      searchControlStyles,
+      dropdownStyles,
+      dropdownItemStyles,
+      noSearchResultsStyles,
+      controlId,
+      proxyModelValue,
+      readonly,
+      isEmptyModelValue,
+      showClear,
+      selection,
+      searchText,
+      internalSearchOptions,
+      resolvedSearchOptions,
+      groupedOptions,
+      toggle,
+      close,
+      deselect,
+      clearSearchControl,
+      innerItems,
+      outerItems,
+      isDesktop,
+      isMobile
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-b390177a.js → OrSidebar.vue_vue_type_script_lang-509fb105.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { SidebarPlacement } from './components/OrSidebarV3/props.js';
 import { Sidebar, SidebarHeader, SidebarHeaderPaddings, SidebarContent, SidebarContentPaddings, SidebarFooter, SidebarFooterPaddings } from './components/OrSidebarV3/styles.js';
 import './components/OrResizeablePanelV3/OrResizeablePanel.js';
-import { s as script$1 } from './OrResizeablePanel.vue_vue_type_script_lang-28f3879b.js';
+import { s as script$1 } from './OrResizeablePanel.vue_vue_type_script_lang-6ff56926.js';
 import { ResizeablePanelPadding } from './components/OrResizeablePanelV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-f69f92ca.js → OrSidebar.vue_vue_type_script_lang-696f6851.js}

@@ -1,4 +1,4 @@
-import { g as useDraggable } from './index-c5cda763.js';
+import { f as useDraggable } from './index-5baaa991.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './components/OrSidebar/constants.js';
 

package/dist/bundled/v3/{OrSlider.vue_vue_type_script_lang-207c0596.js → OrSlider.vue_vue_type_script_lang-e0c33892.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, g as useDraggable } from './index-c5cda763.js';
+import { o as onClickOutside, f as useDraggable } from './index-5baaa991.js';
 import { f as addClass, h as removeClass } from './dom-cec392f3.js';
 import './components/OrIcon/OrIcon.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-f3cbff23.js';

package/dist/bundled/v3/{OrSorting.vue_vue_type_script_lang-98bee130.js → OrSorting.vue_vue_type_script_lang-9c054059.js}

@@ -1,13 +1,13 @@
 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-37aef985.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-c4b4ca1b.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
-import { s as script$2 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
+import { s as script$2 } from './OrMenuItem.vue_vue_type_script_lang-1e9ee207.js';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-7052780f.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-bc25bb37.js';
 import './components/OrIconV3/OrIcon.js';
-import { s as script$4 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
+import { s as script$4 } from './OrIcon.vue_vue_type_script_lang-bc674d9e.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-a469ef9a.js → OrSwitch.vue_vue_type_script_lang-188b038b.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { SwitchRoot, SwitchControl, SwitchControlHandle, SwitchLoader, SwitchLoaderHandle } from './components/OrSwitchV3/styles.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrLoaderV3/OrLoader.js';
-import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-e4fbf869.js';
+import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
+import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-aefd49c2.js';
 import { LabelVariant } from './components/OrLabelV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';