@onereach/ui-components 5.0.2 → 5.1.0

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-ef25e74b.js → OrCardCollection.vue_vue_type_script_lang-32a5019d.js}

@@ -6,7 +6,7 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrSortingV3/OrSorting.js';
 import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-dcae1408.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-787d1b44.js';
+import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-e055677e.js';
 import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-06c23edb.js';
 
 var script$1 = defineComponent({

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-aca7f503.js → OrCode.vue_vue_type_script_lang-1bf2766c.js}

@@ -15,7 +15,7 @@ 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-06c23edb.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-2ca0f55a.js → OrConfirm.vue_vue_type_script_lang-d37994d8.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-3927acb7.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-4a4bec95.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-86ca7af9.js → OrDatePicker.vue_vue_type_script_lang-f73b9f07.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-c7057468.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-d9eef487.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';
@@ -17,7 +17,7 @@ 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-06c23edb.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$c } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$d } from './OrPopover.vue_vue_type_script_lang-0382ede2.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-92429c31.js → OrDateTimePicker.vue_vue_type_script_lang-df504a2e.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-c7057468.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-d9eef487.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';
@@ -17,7 +17,7 @@ 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-06c23edb.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$e } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$f } from './OrPopover.vue_vue_type_script_lang-0382ede2.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';

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/{OrInput.vue_vue_type_script_lang-3927acb7.js → OrInput.vue_vue_type_script_lang-4a4bec95.js}

@@ -11,7 +11,7 @@ import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-06c23edb.
 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';

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/{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-787d1b44.js → OrSearch.vue_vue_type_script_lang-e055677e.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-3927acb7.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-4a4bec95.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-932be22a.js → OrSelect.vue_vue_type_script_lang-19739ac1.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';
@@ -16,23 +16,23 @@ import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
 import { s as script$c } from './OrTag.vue_vue_type_script_lang-86225135.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-06c23edb.js';
-import { s as script$7 } from './OrInput.vue_vue_type_script_lang-3927acb7.js';
+import { s as script$7 } from './OrInput.vue_vue_type_script_lang-4a4bec95.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-0382ede2.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,
@@ -84,6 +84,10 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    searchPlaceholder: {
+      type: String,
+      default: undefined
+    },
     hint: {
       type: String,
       default: undefined
@@ -141,6 +145,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 +156,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 +181,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 +241,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 +287,11 @@ var script = defineComponent({
       toggle,
       close,
       deselect,
+      clearSearchControl,
       innerItems,
-      outerItems
+      outerItems,
+      isDesktop,
+      isMobile
     };
   }
 });

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';

package/dist/bundled/v3/{OrTagInput.vue_vue_type_script_lang-85c70a2a.js → OrTagInput.vue_vue_type_script_lang-972ba1bb.js}

@@ -11,7 +11,7 @@ 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-06c23edb.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 { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-7562cca1.js → OrTextarea.vue_vue_type_script_lang-a7cfbe82.js}

@@ -7,7 +7,7 @@ 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 './OrInputBox.vue_vue_type_script_lang-137cb650.js';
-import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-15702833.js → OrTimePicker.vue_vue_type_script_lang-e4274a52.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader-d9eef487.js';
+import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader-eff1f44b.js';
 import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-4c47cc2f.js';
 import { TimePicker, TimePickerPopover } from './components/OrTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
@@ -16,7 +16,7 @@ import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-06c23edb.js';
 import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
-import { s as script$b } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import { s as script$b } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$c } from './OrPopover.vue_vue_type_script_lang-0382ede2.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-ef25e74b.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-ef25e74b.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-32a5019d.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-32a5019d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, createVNode, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps, withCtx, createTextVNode } from 'vue';
 import 'vue-demi';
 import './styles.js';
@@ -59,9 +59,9 @@ import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../../hooks/useProxyModelValue.js';
 import '../OrSearchV3/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-787d1b44.js';
+import '../../OrSearch.vue_vue_type_script_lang-e055677e.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-3927acb7.js';
+import '../../OrInput.vue_vue_type_script_lang-4a4bec95.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -75,7 +75,7 @@ import '../OrInputBoxV3/OrInputBox.js';
 import '../../OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';

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

@@ -1,5 +1,5 @@
 export { CardCollectionView, defaultViewModes, gridView, listView } from './props.js';
-export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-ef25e74b.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-32a5019d.js';
 import 'vue-demi';
 import './styles.js';
 import 'vue';
@@ -58,9 +58,9 @@ import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../../hooks/useProxyModelValue.js';
 import '../OrSearchV3/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-787d1b44.js';
+import '../../OrSearch.vue_vue_type_script_lang-e055677e.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-3927acb7.js';
+import '../../OrInput.vue_vue_type_script_lang-4a4bec95.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -74,7 +74,7 @@ import '../OrInputBoxV3/OrInputBox.js';
 import '../../OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';

package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.js

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrCheckboxGroup.vue_vue_type_script_lang-3b25afe5.js';
-export { s as default } from '../../OrCheckboxGroup.vue_vue_type_script_lang-3b25afe5.js';
+import { s as script } from '../../OrCheckboxGroup.vue_vue_type_script_lang-51bbd047.js';
+export { s as default } from '../../OrCheckboxGroup.vue_vue_type_script_lang-51bbd047.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 import 'vue-demi';
 import '../OrCheckboxTreeV3/OrCheckboxTree.js';
-import '../../OrCheckboxTree.vue_vue_type_script_lang-ab30a5c4.js';
+import '../../OrCheckboxTree.vue_vue_type_script_lang-e67747a4.js';
 import '../../utils/functions/flattenDeep.js';
 import '../OrCheckboxTreeV3/styles.js';
 import '../OrIconV3/OrIcon.js';
@@ -11,11 +11,11 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-eeb6b419.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-38736023.js';
 import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';
@@ -33,7 +33,7 @@ import '../../index-f4d8e24c.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrFormGroupV3/OrFormGroup.js';
-import '../../OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
+import '../../OrFormGroup.vue_vue_type_script_lang-d67479fc.js';
 import '../OrFormGroupV3/props.js';
 import '../OrFormGroupV3/styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -1,7 +1,7 @@
-export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup.vue_vue_type_script_lang-3b25afe5.js';
+export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup.vue_vue_type_script_lang-51bbd047.js';
 import 'vue-demi';
 import '../OrCheckboxTreeV3/OrCheckboxTree.js';
-import '../../OrCheckboxTree.vue_vue_type_script_lang-ab30a5c4.js';
+import '../../OrCheckboxTree.vue_vue_type_script_lang-e67747a4.js';
 import '../../utils/functions/flattenDeep.js';
 import '../OrCheckboxTreeV3/styles.js';
 import '../OrIconV3/OrIcon.js';
@@ -10,11 +10,11 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import 'vue';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-eeb6b419.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-38736023.js';
 import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';
@@ -32,7 +32,7 @@ import '../../index-f4d8e24c.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrFormGroupV3/OrFormGroup.js';
-import '../../OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
+import '../../OrFormGroup.vue_vue_type_script_lang-d67479fc.js';
 import '../OrFormGroupV3/props.js';
 import '../OrFormGroupV3/styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v3/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCheckboxTree.vue_vue_type_script_lang-ab30a5c4.js';
-export { s as default } from '../../OrCheckboxTree.vue_vue_type_script_lang-ab30a5c4.js';
+import { s as script } from '../../OrCheckboxTree.vue_vue_type_script_lang-e67747a4.js';
+export { s as default } from '../../OrCheckboxTree.vue_vue_type_script_lang-e67747a4.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';
 import 'vue-demi';
 import '../../utils/functions/flattenDeep.js';
@@ -9,11 +9,11 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-eeb6b419.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-38736023.js';
 import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';

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

@@ -1,4 +1,4 @@
-export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree.vue_vue_type_script_lang-ab30a5c4.js';
+export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree.vue_vue_type_script_lang-e67747a4.js';
 import 'vue-demi';
 import '../../utils/functions/flattenDeep.js';
 import './styles.js';
@@ -8,11 +8,11 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import 'vue';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-eeb6b419.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-38736023.js';
 import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';

package/dist/bundled/v3/components/OrCheckboxV3/OrCheckbox.js

@@ -1,12 +1,12 @@
-import { s as script } from '../../OrCheckbox.vue_vue_type_script_lang-eeb6b419.js';
-export { s as default } from '../../OrCheckbox.vue_vue_type_script_lang-eeb6b419.js';
+import { s as script } from '../../OrCheckbox.vue_vue_type_script_lang-38736023.js';
+export { s as default } from '../../OrCheckbox.vue_vue_type_script_lang-38736023.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import '../../utils/isEmptyValue.js';
 import './styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';
@@ -38,6 +38,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     "control-id": _ctx.controlAttributes.id,
     variant: _ctx.labelVariant,
+    selected: _ctx.isChecked,
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
@@ -45,7 +46,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["control-id", "variant", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["control-id", "variant", "selected", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
 var css_248z = "\ninput[data-v-5358d710] {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  line-height: 0;\n}\n";

package/dist/bundled/v3/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: LabelVariant;
     };
     indeterminate: {
@@ -58,7 +58,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: LabelVariant;
     };
     indeterminate: {
@@ -82,7 +82,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: any;
     value: string | number | boolean | object;
     label: string;
-    labelVariant: "input" | "toggle";
+    labelVariant: "input" | "toggle" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;