@onereach/ui-components 5.0.2-beta.3143.0 → 5.0.2-beta.3145.0

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-29cb3a36.js → OrCardCollection.vue_vue_type_script_lang-c93da401.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-ed1409be.js';
+import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-a43c7a38.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-0e30c704.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-c70a3751.js';
+import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-12bbade9.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-eeb6b419.js → OrCheckbox.vue_vue_type_script_lang-38736023.js}

@@ -3,7 +3,7 @@ import { isEmptyValue } from './utils/isEmptyValue.js';
 import { CheckboxRoot, CheckboxControl, CheckboxControlHandle } from './components/OrCheckboxV3/styles.js';
 import './components/OrLabelV3/OrLabel.js';
 import { LabelVariant } from './components/OrLabelV3/props.js';
-import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';

package/dist/bundled/v3/{OrCheckboxGroup.vue_vue_type_script_lang-3b25afe5.js → OrCheckboxGroup.vue_vue_type_script_lang-51bbd047.js}

@@ -1,8 +1,8 @@
 import { defineComponent, toRef } from 'vue-demi';
 import './components/OrCheckboxTreeV3/OrCheckboxTree.js';
-import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-ab30a5c4.js';
+import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-e67747a4.js';
 import './components/OrFormGroupV3/OrFormGroup.js';
-import { s as script$2 } from './OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
+import { s as script$2 } from './OrFormGroup.vue_vue_type_script_lang-d67479fc.js';
 import { FormGroupDirection } from './components/OrFormGroupV3/props.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrCheckboxTree.vue_vue_type_script_lang-ab30a5c4.js → OrCheckboxTree.vue_vue_type_script_lang-e67747a4.js}

@@ -3,7 +3,7 @@ import flattenDeep from './utils/functions/flattenDeep.js';
 import { CheckboxTreeRoot, CheckboxTreeRootParent } from './components/OrCheckboxTreeV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
-import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-eeb6b419.js';
+import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-38736023.js';
 import './components/OrButtonV3/OrButton.js';
 import { u as useToggle } from './index-f4d8e24c.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-a339ca23.js → OrCode.vue_vue_type_script_lang-0e34e3c4.js}

@@ -10,12 +10,12 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrModalV3/OrModal.js';
-import { s as script$6 } from './OrModal.vue_vue_type_script_lang-f28c8a71.js';
+import { s as script$6 } from './OrModal.vue_vue_type_script_lang-9db0be3b.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-c70a3751.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
-import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrCombinedInput.vue_vue_type_script_lang-cb7a88f3.js → OrCombinedInput.vue_vue_type_script_lang-230d4d9c.js}

@@ -5,7 +5,7 @@ import './components/OrHintV3/OrHint.js';
 import './components/OrLabelV3/OrLabel.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 './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-5fd7ece5.js → OrConfirm.vue_vue_type_script_lang-383e286f.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-2da128a3.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-0791a480.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-4d2f41e5.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-ec80afeb.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-20e06c4b.js → OrDatePicker.vue_vue_type_script_lang-ae3aabc6.js}

@@ -1,7 +1,7 @@
 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-37fef5d9.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-d9eef487.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-47d89402.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-eff1f44b.js';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.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-c70a3751.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
-import { s as script$c } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-d93eccdc.js';
+import { s as script$c } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
+import { s as script$d } from './OrPopover.vue_vue_type_script_lang-cc1ee134.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-c6d3d49a.js → OrDateTimePicker.vue_vue_type_script_lang-911a50a3.js}

@@ -1,7 +1,7 @@
 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-37fef5d9.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-d9eef487.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-47d89402.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-eff1f44b.js';
 import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-4c47cc2f.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.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-c70a3751.js';
+import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
-import { s as script$e } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-d93eccdc.js';
+import { s as script$e } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
+import { s as script$f } from './OrPopover.vue_vue_type_script_lang-cc1ee134.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-37fef5d9.js → OrDateTimePickerMonthSelect-47d89402.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-c70a3751.js';
-import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-0d28fd5b.js';
+import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
+import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-6d3459d2.js';
 import { s as script$7 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 
 const DateTimePickerDateControl = [

package/dist/bundled/v3/{OrDateTimePickerPopoverHeader-d9eef487.js → OrDateTimePickerPopoverHeader-eff1f44b.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import './components/OrLabelV3/OrLabel.js';
-import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, renderSlot, withModifiers } from 'vue';
 import './components/OrButtonV3/OrButton.js';
 import { s as script$4 } from './OrButton.vue_vue_type_script_lang-0791a480.js';

package/dist/bundled/v3/{OrFormGroup.vue_vue_type_script_lang-1c6844d6.js → OrFormGroup.vue_vue_type_script_lang-d67479fc.js}

@@ -4,7 +4,7 @@ import { FormGroupRoot, FormGroupLabel, FormGroupContent, FormGroupContentDirect
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
-import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$3 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-c70a3751.js → OrIconButton.vue_vue_type_script_lang-da2a6044.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-b5f4ee27.js';
+import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-215def44.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-3f9a05d4.js → OrInlineInput.vue_vue_type_script_lang-8400fa8c.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-c70a3751.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.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-1b2375c7.js → OrInlineTextarea.vue_vue_type_script_lang-d6a348da.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-c70a3751.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.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-4d2f41e5.js → OrInput.vue_vue_type_script_lang-ec80afeb.js}

@@ -7,11 +7,11 @@ 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-c70a3751.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import './components/OrLabelV3/OrLabel.js';
-import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import './components/OrLoaderV3/OrLoader.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
@@ -113,6 +113,9 @@ var script = defineComponent({
     });
     const maxLength = computed(() => controlAttributes.maxlength);
     const disclosed = ref(false);
+    const {
+      isMobile
+    } = useResponsive();
     // Methods
     function focus() {
       var _a;
@@ -122,10 +125,6 @@ var script = defineComponent({
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
-    // Helpers
-    const {
-      isMobile
-    } = useResponsive();
     return {
       root,
       control,
@@ -136,9 +135,9 @@ var script = defineComponent({
       currentLength,
       maxLength,
       disclosed,
+      isMobile,
       focus,
-      blur,
-      isMobile
+      blur
     };
   }
 });

package/dist/bundled/v3/{OrLabel.vue_vue_type_script_lang-3e11ab8a.js → OrLabel.vue_vue_type_script_lang-fcdfd80d.js}

@@ -1,9 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LabelVariant } from './components/OrLabelV3/props.js';
-import { LabelRoot, LabelRootVariants, LabelText, LabelAddon } from './components/OrLabelV3/styles.js';
+import { Label, LabelVariants, LabelText, LabelAddon } from './components/OrLabelV3/styles.js';
 
 var script = defineComponent({
-  name: 'OrLabel',
   props: {
     controlId: {
       type: String,
@@ -13,6 +12,10 @@ var script = defineComponent({
       type: String,
       default: LabelVariant.Input
     },
+    selected: {
+      type: Boolean,
+      default: false
+    },
     required: {
       type: Boolean,
       default: false
@@ -27,7 +30,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-label-v3', ...LabelRoot, ...LabelRootVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-label-v3', ...Label, ...LabelVariants[props.variant]]);
     const textStyles = computed(() => [...LabelText]);
     const addonStyles = computed(() => [...LabelAddon]);
     return {

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-0d28fd5b.js → OrMenu.vue_vue_type_script_lang-6d3459d2.js}

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

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-f28c8a71.js → OrModal.vue_vue_type_script_lang-9db0be3b.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-c70a3751.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import { ModalSize } from './components/OrModalV3/props.js';
 import { Modal, ModalSizes } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-c212a660.js → OrNotification.vue_vue_type_script_lang-01382876.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-c70a3751.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-73549562.js → OrPagination.vue_vue_type_script_lang-4e054df4.js}

@@ -6,10 +6,10 @@ import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-0791a480.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-0d28fd5b.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-6d3459d2.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
-import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrPagination',
@@ -40,6 +40,10 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     const limitButton = ref();
@@ -133,12 +137,9 @@ var script = defineComponent({
     function toPage(page) {
       currentPage.value = page;
     }
-    // Helpers
-    const {
-      isDesktop,
-      isMobile
-    } = useResponsive();
     return {
+      isDesktop,
+      isMobile,
       root,
       limitButton,
       limitButtonRoot,
@@ -157,9 +158,7 @@ var script = defineComponent({
       buttonGroup,
       toPreviousPage,
       toNextPage,
-      toPage,
-      isDesktop,
-      isMobile
+      toPage
     };
   }
 });

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-d93eccdc.js → OrPopover.vue_vue_type_script_lang-cc1ee134.js}

@@ -4,7 +4,7 @@ import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'v
 import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
 import './components/OrBottomSheetV3/OrBottomSheet.js';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-5b03a234.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-d6609a26.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';
@@ -58,6 +58,10 @@ var script = defineComponent({
   emits: ['update:state', 'open', 'close'],
   expose: ['root', 'state', 'isFlipped', 'isHidden', 'open', 'close', 'toggle'],
   setup(props, context) {
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     const bottomSheet = ref();
@@ -77,11 +81,6 @@ var script = defineComponent({
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isFlipped = ref(false);
     const isHidden = ref(false);
-    // Helpers
-    const {
-      isDesktop,
-      isMobile
-    } = useResponsive();
     // Effects
     watchPostEffect(() => {
       const rootElement = unref(root);
@@ -133,6 +132,8 @@ var script = defineComponent({
     });
     // #endregion
     return {
+      isDesktop,
+      isMobile,
       root,
       bottomSheet,
       bottomSheetRoot,
@@ -141,8 +142,6 @@ var script = defineComponent({
       state,
       isFlipped,
       isHidden,
-      isDesktop,
-      isMobile,
       open,
       close,
       toggle

package/dist/bundled/v3/{OrProgress.vue_vue_type_script_lang-e49704b0.js → OrProgress.vue_vue_type_script_lang-5573d34e.js}

@@ -46,6 +46,9 @@ var script = defineComponent({
   },
   expose: ['root'],
   setup(props) {
+    const {
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     // Slots
@@ -104,10 +107,6 @@ var script = defineComponent({
       return width.value ? width.value - 2 : '100%';
     });
     const strokeDashoffset = computed(() => props.loading ? undefined : (1 - localProgress.value) * strokeDasharray.value);
-    // Helpers
-    const {
-      isMobile
-    } = useResponsive();
     return {
       root,
       rootStyles,

package/dist/bundled/v3/{OrRadio.vue_vue_type_script_lang-48c2bc6b.js → OrRadio.vue_vue_type_script_lang-08ab2220.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-3e11ab8a.js';
+import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.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-d7f6f8ca.js → OrRadioGroup.vue_vue_type_script_lang-d84948fc.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-48c2bc6b.js';
-import { s as script$1 } from './OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
+import { s as script$2 } from './OrRadio.vue_vue_type_script_lang-08ab2220.js';
+import { s as script$1 } from './OrFormGroup.vue_vue_type_script_lang-d67479fc.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-0e30c704.js → OrSearch.vue_vue_type_script_lang-12bbade9.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-4d2f41e5.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-ec80afeb.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-4ab41107.js → OrSelect.vue_vue_type_script_lang-4a6e81f8.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, SelectPlaceholder, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
+import { Select, SelectControl, SelectSearchControl, SelectPlaceholder, 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';
@@ -14,25 +14,25 @@ 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-c13be6d8.js';
+import { s as script$c } from './OrTag.vue_vue_type_script_lang-206b5c7c.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$1 } from './OrCheckbox.vue_vue_type_script_lang-38736023.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-c70a3751.js';
-import { s as script$7 } from './OrInput.vue_vue_type_script_lang-4d2f41e5.js';
+import { s as script$6 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
+import { s as script$7 } from './OrInput.vue_vue_type_script_lang-ec80afeb.js';
 import { s as script$8 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
-import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.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-d93eccdc.js';
+import { s as script$b } from './OrPopover.vue_vue_type_script_lang-cc1ee134.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';
 
 var script = defineComponent({
-  name: 'OrSelect',
   components: {
     OrCheckbox: script$1,
     OrError: script$2,
@@ -141,6 +141,7 @@ var script = defineComponent({
       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;
@@ -151,13 +152,15 @@ var script = defineComponent({
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-select-v3', ...SelectRoot]);
+    const rootStyles = computed(() => ['or-select-v3', ...Select]);
     const controlStyles = computed(() => [...SelectControl]);
+    const searchControlStyles = computed(() => [...SelectSearchControl]);
     const placeholderStyles = computed(() => [...SelectPlaceholder]);
     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());
@@ -174,7 +177,7 @@ var script = defineComponent({
     const selection = computed(() => {
       const modelValue = proxyModelValue.value;
       if (Array.isArray(modelValue)) {
-        return modelValue.map(value => props.options.find(option => option.value === value));
+        return modelValue.map(value => props.options.find(option => option.value === value)).filter(value => !!value);
       }
       return props.options.find(option => option.value === modelValue);
     });
@@ -234,22 +237,39 @@ var script = defineComponent({
         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,
       placeholderStyles,
       dropdownStyles,
+      dropdownItemStyles,
       noSearchResultsStyles,
       controlId,
       proxyModelValue,
@@ -263,8 +283,11 @@ var script = defineComponent({
       toggle,
       close,
       deselect,
+      clearSearchControl,
       innerItems,
-      outerItems
+      outerItems,
+      isDesktop,
+      isMobile
     };
   }
 });

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-6eddb9d6.js → OrSidebar.vue_vue_type_script_lang-a7103da5.js}

@@ -2,7 +2,7 @@ import { e as useDraggable, d as useElementBounding } from './index-929e224a.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-c70a3751.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.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-ed1409be.js → OrSorting.vue_vue_type_script_lang-a43c7a38.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-0d28fd5b.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-6d3459d2.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/{OrSwitch.vue_vue_type_script_lang-ee55263f.js → OrSwitch.vue_vue_type_script_lang-14b4ec0a.js}

@@ -2,7 +2,7 @@ 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-3e11ab8a.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-0395ad21.js';
 import { LabelVariant } from './components/OrLabelV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';