@onereach/ui-components 5.0.2-beta.3149.0 → 5.0.2-beta.3152.0

package/dist/esm/v2/{OrSelect-c92299c7.js → OrSelect-804d3352.js}

@@ -1,27 +1,28 @@
 import { defineComponent, getCurrentInstance, ref, computed, toRef, onMounted, watch } from 'vue-demi';
-import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
+import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
-import { _ as __vue_component__$1 } from './OrCheckbox-db66b4ea.js';
+import { _ as __vue_component__$1 } from './OrCheckbox-ae903071.js';
 import { _ as __vue_component__$2 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-f1d8fcc9.js';
 import { _ as __vue_component__$4 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$6 } from './OrIconButton-667d8f83.js';
+import { _ as __vue_component__$6 } from './OrIconButton-311050dc.js';
 import { _ as __vue_component__$5 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$8 } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
-import { _ as __vue_component__$7 } from './OrInput-57211a5b.js';
-import { _ as __vue_component__$9 } from './OrLabel-63380256.js';
+import { _ as __vue_component__$7 } from './OrInput-fbed0b61.js';
+import { _ as __vue_component__$9 } from './OrLabel-4a3d8904.js';
 import { _ as __vue_component__$a } from './OrMenuItem-c1c97ebe.js';
-import { _ as __vue_component__$b } from './OrPopover-66817adb.js';
-import { _ as __vue_component__$c } from './OrTag-7a14e88b.js';
+import { _ as __vue_component__$b } from './OrPopover-36e2fc9f.js';
+import { _ as __vue_component__$c } from './OrTag-d21ee9c1.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-const SelectRoot = [
+const Select = [
 // Layout
 'layout-column',
 // Spacing
@@ -29,14 +30,19 @@ const SelectRoot = [
 const SelectControl = [
 // Layout
 'layout-row',
-// Box
-'w-full',
+// Layout (empty)
+'empty:hidden',
 // Overflow
 'overflow-hidden',
 // Spacing
 'gap-xs',
 // Typography
 'typography-inherit'];
+const SelectSearchControl = [
+// Layout
+'grow',
+// Spacing
+'!mx-lg md:!-mx-sm+', '!my-sm md:!my-none'];
 const SelectPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
@@ -61,6 +67,11 @@ const SelectDropdownFlipped = [
 'rounded-t-md',
 // Theme
 '!border-b-0'];
+const SelectDropdownItem = [
+// Typography
+'!typography-body-2-regular',
+// Typography (selected)
+'selected:!typography-body-2-semibold'];
 const SelectNoSearchResults = [
 // Layout
 'layout-row justify-center',
@@ -72,7 +83,6 @@ const SelectNoSearchResults = [
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script = defineComponent({
-  name: 'OrSelect',
   components: {
     OrCheckbox: __vue_component__$1,
     OrError: __vue_component__$2,
@@ -181,6 +191,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;
@@ -191,13 +202,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());
@@ -214,7 +227,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);
     });
@@ -274,22 +287,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,
@@ -303,8 +333,11 @@ var script = defineComponent({
       toggle,
       close,
       deselect,
+      clearSearchControl,
       innerItems,
-      outerItems
+      outerItems,
+      isDesktop,
+      isMobile
     };
   }
 });
@@ -371,10 +404,10 @@ var __vue_render__ = function () {
         return _vm.$emit('blur', $event);
       }
     }
-  }, [_vm.multiple ? [_vm.proxyModelValue && _vm.proxyModelValue.length > 0 ? [_vm._t("valueTemplate", function () {
-    return _vm._l(_vm.selection, function (option, i) {
+  }, [_vm.multiple ? [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
+    return _vm._l(_vm.selection, function (option) {
       return _c('OrTag', {
-        key: i,
+        key: option.value,
         attrs: {
           "variant": 'reset',
           "disabled": _vm.disabled || _vm.readonly
@@ -388,19 +421,48 @@ var __vue_render__ = function () {
     });
   }, {
     "model": _vm.proxyModelValue
-  })] : [_c('span', {
-    class: _vm.placeholderStyles
-  }, [_vm._v(_vm._s(_vm.placeholder))])]] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
+  })] : _vm.popoverState === 'closed' || !_vm.enableSearch ? [_c('span', {
+    class: _vm.placeholderStyles,
+    attrs: {
+      "disabled": _vm.disabled ? '' : null
+    }
+  }, [_vm._v("\n            " + _vm._s(_vm.placeholder) + "\n          ")])] : _vm._e()] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
     return [_c('span', {
       staticClass: "truncate"
     }, [_vm._v("\n              " + _vm._s(_vm.selection && _vm.selection.label) + "\n            ")])];
   }, {
     "model": _vm.proxyModelValue
-  })] : [_c('span', {
-    class: _vm.placeholderStyles
-  }, [_vm._v(_vm._s(_vm.placeholder))])]]], 2), _vm._v(" "), _vm.multiple && _vm.outerItems.length > 0 ? [_vm._v("\n      +" + _vm._s(_vm.outerItems.length) + "\n    ")] : _vm._e(), _vm._v(" "), _c('div', {
+  })] : _vm.popoverState === 'closed' || !_vm.enableSearch ? [_c('span', {
+    class: _vm.placeholderStyles,
+    attrs: {
+      "disabled": _vm.disabled ? '' : null
+    }
+  }, [_vm._v("\n            " + _vm._s(_vm.placeholder) + "\n          ")])] : _vm._e()]], 2), _vm._v(" "), _vm.multiple && _vm.outerItems.length > 0 ? [_vm._v("\n      +" + _vm._s(_vm.outerItems.length) + "\n    ")] : _vm._e(), _vm._v(" "), _vm.popoverState === 'open' && _vm.enableSearch && _vm.isDesktop ? [_c('OrInput', {
+    ref: "searchControl",
+    class: _vm.searchControlStyles.concat([_vm.isEmptyModelValue && 'md:!ml-none']),
+    attrs: {
+      "type": 'search',
+      "placeholder": _vm.placeholder,
+      "size": _vm.size,
+      "disable-default-styles": true
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+      }
+    },
+    model: {
+      value: _vm.searchText,
+      callback: function ($$v) {
+        _vm.searchText = $$v;
+      },
+      expression: "searchText"
+    }
+  })] : [_c('div', {
+    class: ['grow']
+  })], _vm._v(" "), _c('div', {
     class: ['layout-inline-row', 'gap-sm']
-  }, [!_vm.multiple && _vm.proxyModelValue ? [_c('OrIconButton', {
+  }, [_vm.popoverState === 'closed' && !_vm.isEmptyModelValue ? [_c('OrIconButton', {
     attrs: {
       "icon": 'close',
       "color": 'inherit',
@@ -409,7 +471,7 @@ var __vue_render__ = function () {
     on: {
       "click": function ($event) {
         $event.stopPropagation();
-        return _vm.$emit('update:modelValue', undefined);
+        return _vm.$emit('update:modelValue', _vm.multiple ? [] : undefined);
       }
     }
   })] : _vm._e(), _vm._v(" "), _c('OrIcon', {
@@ -426,13 +488,18 @@ var __vue_render__ = function () {
       "full-width": true,
       "custom-styles": _vm.dropdownStyles,
       "disable-default-styles": true
+    },
+    on: {
+      "close": function ($event) {
+        return _vm.clearSearchControl();
+      }
     }
-  }, [_vm.enableSearch ? [_c('OrInput', {
+  }, [_vm.popoverState === 'open' && _vm.enableSearch && _vm.isMobile ? [_c('OrInput', {
+    ref: "searchControl",
+    class: _vm.searchControlStyles,
     attrs: {
       "type": 'search',
-      "placeholder": 'Search',
-      "size": 's',
-      "disable-default-styles": true
+      "placeholder": _vm.placeholder
     },
     model: {
       value: _vm.searchText,
@@ -449,13 +516,16 @@ var __vue_render__ = function () {
       }
     }, [_vm.multiple ? _vm._l(group, function (option, i) {
       return _c('OrMenuItem', {
-        key: i
+        key: i,
+        attrs: {
+          "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
+        }
       }, [_vm._t("optionTemplate", function () {
         return [_c('OrCheckbox', {
           attrs: {
             "value": option.value,
             "label": option.label,
-            "label-variant": 'input'
+            "label-variant": 'menu-item'
           },
           model: {
             value: _vm.proxyModelValue,
@@ -472,6 +542,10 @@ var __vue_render__ = function () {
     }) : _vm._l(group, function (option, i) {
       return _c('OrMenuItem', {
         key: i,
+        class: _vm.dropdownItemStyles,
+        attrs: {
+          "selected": _vm.proxyModelValue === option.value
+        },
         on: {
           "click": function ($event) {
             $event.stopPropagation();
@@ -488,12 +562,15 @@ var __vue_render__ = function () {
     })], 2);
   }) : [_vm.multiple ? _vm._l(_vm.resolvedSearchOptions, function (option, i) {
     return _c('OrMenuItem', {
-      key: i
+      key: i,
+      attrs: {
+        "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
+      }
     }, [_c('OrCheckbox', {
       attrs: {
         "value": option.value,
         "label": option.label,
-        "label-variant": 'input'
+        "label-variant": 'menu-item'
       },
       model: {
         value: _vm.proxyModelValue,
@@ -509,6 +586,10 @@ var __vue_render__ = function () {
   }) : _vm._l(_vm.resolvedSearchOptions, function (option, i) {
     return _c('OrMenuItem', {
       key: i,
+      class: _vm.dropdownItemStyles,
+      attrs: {
+        "selected": _vm.proxyModelValue === option.value
+      },
       on: {
         "click": function ($event) {
           $event.stopPropagation();

package/dist/esm/v2/{OrSidebar-18d20059.js → OrSidebar-0539d572.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { _ as __vue_component__$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-b490ff86.js';
+import { _ as __vue_component__$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-8474d9c3.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SidebarRoot = [

package/dist/esm/v2/{OrSidebarCollapseButton-b490ff86.js → OrSidebarCollapseButton-8474d9c3.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-667d8f83.js';
+import { _ as __vue_component__$1 } from './OrIconButton-311050dc.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var OrSidebarPlacement;

package/dist/esm/v2/{OrSorting-501484aa.js → OrSorting-fad7928f.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrMenu-27a67132.js';
-import './OrPopover-66817adb.js';
+import { _ as __vue_component__$1 } from './OrMenu-e2f557c8.js';
+import './OrPopover-36e2fc9f.js';
 import { _ as __vue_component__$2 } from './OrMenuItem-c1c97ebe.js';
 import { _ as __vue_component__$3 } from './OrButton-a23ee9f0.js';
 import { _ as __vue_component__$4 } from './OrIcon-d35a84d8.js';

package/dist/esm/v2/{OrSwitch-e49ce2d8.js → OrSwitch-a3da6bec.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-63380256.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-4a3d8904.js';
 import { _ as __vue_component__$2 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrTabs-8e1ffb33.js → OrTabs-0046e15b.js}

@@ -5,8 +5,8 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-c1c97ebe.js';
-import { _ as __vue_component__$2 } from './OrMenu-27a67132.js';
-import './OrPopover-66817adb.js';
+import { _ as __vue_component__$2 } from './OrMenu-e2f557c8.js';
+import './OrPopover-36e2fc9f.js';
 import { _ as __vue_component__$4 } from './OrTab-88036fe9.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTag-7a14e88b.js → OrTag-d21ee9c1.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-667d8f83.js';
+import { _ as __vue_component__$1 } from './OrIconButton-311050dc.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;

package/dist/esm/v2/{OrTagInput-7c95be61.js → OrTagInput-400f0605.js}

@@ -7,11 +7,11 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-667d8f83.js';
+import { _ as __vue_component__$3 } from './OrIconButton-311050dc.js';
 import { _ as __vue_component__$4 } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
-import { _ as __vue_component__$5 } from './OrLabel-63380256.js';
-import { _ as __vue_component__$6 } from './OrTags-b4de9652.js';
+import { _ as __vue_component__$5 } from './OrLabel-4a3d8904.js';
+import { _ as __vue_component__$6 } from './OrTags-c1a44ef7.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTags-b4de9652.js → OrTags-c1a44ef7.js}

@@ -4,8 +4,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1 } from './OrButton-a23ee9f0.js';
-import { _ as __vue_component__$2 } from './OrPopover-66817adb.js';
-import { _ as __vue_component__$3 } from './OrTag-7a14e88b.js';
+import { _ as __vue_component__$2 } from './OrPopover-36e2fc9f.js';
+import { _ as __vue_component__$3 } from './OrTag-d21ee9c1.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Tags = [

package/dist/esm/v2/{OrTextarea-824f7048.js → OrTextarea-6fe8b65f.js}

@@ -9,7 +9,7 @@ import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$3 } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
-import { _ as __vue_component__$4 } from './OrLabel-63380256.js';
+import { _ as __vue_component__$4 } from './OrLabel-4a3d8904.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTimePicker-fe172ae6.js → OrTimePicker-b6c79be1.js}

@@ -1,19 +1,19 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
+import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-1bd2a85f.js';
-import { _ as __vue_component__$4, a as __vue_component__$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-78b7ad39.js';
+import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-83eb5ad1.js';
+import { _ as __vue_component__$4, a as __vue_component__$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-5044ee23.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$9 } from './OrIconButton-667d8f83.js';
+import { _ as __vue_component__$9 } from './OrIconButton-311050dc.js';
 import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$a } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
-import { _ as __vue_component__$b } from './OrLabel-63380256.js';
-import { _ as __vue_component__$c } from './OrPopover-66817adb.js';
+import { _ as __vue_component__$b } from './OrLabel-4a3d8904.js';
+import { _ as __vue_component__$c } from './OrPopover-36e2fc9f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TimePicker = [

package/dist/esm/v2/{OrTooltip-dbe9383a.js → OrTooltip-ec00d3ee.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-66817adb.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-36e2fc9f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TooltipRoot = [

package/dist/esm/v2/components/index.js

@@ -1,6 +1,6 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from '../OrAvatar-2d73ca2c.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from '../OrAvatar-dd0e1e3b.js';
-export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../OrBottomSheet-c20810b8.js';
+export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../OrBottomSheet-a4ee4b0e.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-dc23a0b5.js';
 export { _ as OrButtonV2 } from '../OrButton-f189b59b.js';
 export { _ as OrIconButton, _ as OrIconButtonV2 } from '../OrIconButton-257b38f2.js';
@@ -8,27 +8,27 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-a23ee9f0.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-bea023f8.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-16d7fede.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-10ae5e3a.js';
 export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
 export { _ as OrCheckbox } from '../OrCheckbox-fcd6b64c.js';
-export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-a04f27fe.js';
-export { _ as OrCheckboxTreeV3 } from '../OrCheckboxTree-f48db82f.js';
-export { _ as OrCheckboxV3 } from '../OrCheckbox-db66b4ea.js';
+export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-74dc7c1d.js';
+export { _ as OrCheckboxTreeV3 } from '../OrCheckboxTree-19f5d69b.js';
+export { _ as OrCheckboxV3 } from '../OrCheckbox-ae903071.js';
 export { _ as OrChip } from '../OrChip-6cae6dab.js';
 export { _ as OrChips } from '../OrChips-dd82c2b6.js';
 export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-34234c09.js';
-export { C as CodeLanguage, _ as OrCodeV3 } from '../OrCode-c772c8f5.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from '../OrCode-65f78f9f.js';
 export { _ as OrCollapse } from '../OrCollapse-9d22b072.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-7a4f2fcb.js';
-export { _ as OrCombinedInputV3 } from '../OrCombinedInput-45187323.js';
+export { _ as OrCombinedInputV3 } from '../OrCombinedInput-2639e3e1.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-7dc5b9e9.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 export { _ as OrConfirm } from '../OrConfirm-807585ea.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-389d7e31.js';
-export { _ as OrDatePickerV3 } from '../OrDatePicker-dab6a28b.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-d2ae622a.js';
+export { _ as OrDatePickerV3 } from '../OrDatePicker-3eef3059.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-7f4ecc89.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-b927b51a.js';
-export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from '../OrDateTimePicker.vue_rollup-plugin-vue_script-78b7ad39.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-aeebd5ea.js';
+export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from '../OrDateTimePicker.vue_rollup-plugin-vue_script-5044ee23.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from '../OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-a55ae01a.js';
@@ -36,52 +36,52 @@ export { _ as OrErrorV3 } from '../OrError-4ffc1c39.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../OrExpansionPanel-f1d8fcc9.js';
 export { F as FabColor, _ as OrFabV3 } from '../OrFab-f3a590c0.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-b41017c7.js';
-export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../OrFormGroup-29a514db.js';
+export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../OrFormGroup-9000fcdf.js';
 export { _ as OrHint } from '../OrHint-7eadc91e.js';
 export { _ as OrHintV3 } from '../OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-d26e8a1e.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-667d8f83.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-311050dc.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from '../OrIcon-d35a84d8.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from '../OrInlineInputBox-19b49ee6.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-9322b873.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-410e6e7d.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-2ec8a8b4.js';
-export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-60a9de36.js';
+export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-be5970dd.js';
 export { _ as OrInput } from '../OrInput-7a12709e.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-57211a5b.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-fbed0b61.js';
 export { _ as OrLabel } from '../OrLabel-fcceec1b.js';
-export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-63380256.js';
+export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-4a3d8904.js';
 export { L as LinkColor, _ as OrLinkV3 } from '../OrLink-cf3a0091.js';
 export { _ as OrList } from '../OrList-f98a05a4.js';
 export { _ as OrListOfInputs } from '../OrListOfInputs-1eaeb7e9.js';
 export { L as LoaderViews, _ as OrLoader } from '../OrLoader-90406201.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from '../OrLoader-b0c381f9.js';
 export { _ as OrMenuItemV3 } from '../OrMenuItem-c1c97ebe.js';
-export { _ as OrMenuV3 } from '../OrMenu-27a67132.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-66817adb.js';
+export { _ as OrMenuV3 } from '../OrMenu-e2f557c8.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-36e2fc9f.js';
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-d300f52f.js';
-export { M as ModalSize, _ as OrModalV3 } from '../OrModal-836db96a.js';
+export { M as ModalSize, _ as OrModalV3 } from '../OrModal-3dafa3ce.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-defc3f87.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-512ed857.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-6df1f6f6.js';
 export { _ as OrNumberInput } from '../OrNumberInput-7f0d6f74.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-6f60e864.js';
 export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from '../OrOverlay-f819eff9.js';
-export { _ as OrPaginationV3 } from '../OrPagination-4cf94f8d.js';
+export { _ as OrPaginationV3 } from '../OrPagination-f1e7aaa7.js';
 export { _ as OrPassword } from '../OrPassword-ab2acc85.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-65968c24.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-e079e857.js';
 export { _ as OrRadio } from '../OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
-export { _ as OrRadioGroupV3 } from '../OrRadioGroup-d1c2e460.js';
-export { _ as OrRadioV3 } from '../OrRadio-b32dfbfe.js';
+export { _ as OrRadioGroupV3 } from '../OrRadioGroup-1108883d.js';
+export { _ as OrRadioV3 } from '../OrRadio-0fc3ae14.js';
 export { _ as OrSearch } from '../OrSearch-ac542dd6.js';
-export { _ as OrSearchV3 } from '../OrSearch-95447225.js';
+export { _ as OrSearchV3 } from '../OrSearch-598dee09.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-d4e32f80.js';
 export { _ as OrSelect } from '../OrSelect-c0d04cf6.js';
-export { _ as OrSelectV3 } from '../OrSelect-c92299c7.js';
+export { _ as OrSelectV3 } from '../OrSelect-804d3352.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from '../OrSidebar-18d20059.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-b490ff86.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-0539d572.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-8474d9c3.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from '../OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from '../OrSkeletonText-bd5d97bb.js';
@@ -90,33 +90,33 @@ export { _ as OrSkeletonCircleV3 } from '../OrSkeletonCircle-3419b04d.js';
 export { _ as OrSkeletonRectV3 } from '../OrSkeletonRect-7057bc1c.js';
 export { _ as OrSkeletonTextV3 } from '../OrSkeletonText-6c00f797.js';
 export { _ as OrSlider } from '../OrSlider-c913a2b6.js';
-export { _ as OrSortingV3 } from '../OrSorting-501484aa.js';
+export { _ as OrSortingV3 } from '../OrSorting-fad7928f.js';
 export { _ as OrStepper } from '../OrStepper-8dc4059a.js';
 export { _ as OrSwitch } from '../OrSwitch-322328f7.js';
-export { _ as OrSwitchV3 } from '../OrSwitch-e49ce2d8.js';
+export { _ as OrSwitchV3 } from '../OrSwitch-a3da6bec.js';
 export { _ as OrTab } from '../OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from '../OrTab-88036fe9.js';
 export { _ as OrTabs } from '../OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-8e1ffb33.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-0046e15b.js';
 export { _ as OrTag } from '../OrTag-b5803a20.js';
-export { _ as OrTagInputV3 } from '../OrTagInput-7c95be61.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-7a14e88b.js';
-export { _ as OrTagsV3 } from '../OrTags-b4de9652.js';
+export { _ as OrTagInputV3 } from '../OrTagInput-400f0605.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-d21ee9c1.js';
+export { _ as OrTagsV3 } from '../OrTags-c1a44ef7.js';
 export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from '../OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from '../OrText-44449e7b.js';
 export { _ as OrTextarea } from '../OrTextarea-9febab19.js';
-export { _ as OrTextareaV3 } from '../OrTextarea-824f7048.js';
+export { _ as OrTextareaV3 } from '../OrTextarea-6fe8b65f.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-cb15a62f.js';
-export { _ as OrTimePickerV3 } from '../OrTimePicker-fe172ae6.js';
+export { _ as OrTimePickerV3 } from '../OrTimePicker-b6c79be1.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-ecffc69f.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-05a9c81b.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-186e4996.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-e481ff6f.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-5aa9dc05.js';
 export { _ as OrTooltip } from '../OrTooltip-2f267924.js';
 export { _ as OrTooltipContent } from '../OrTooltipContent-57a25502.js';
-export { _ as OrTooltipV3 } from '../OrTooltip-dbe9383a.js';
+export { _ as OrTooltipV3 } from '../OrTooltip-ec00d3ee.js';
 export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-dfc8a086.js';
 import 'vue-demi';
 import '../style-inject.es-4c6f2515.js';
@@ -149,8 +149,8 @@ import '../dom-aecadd9a.js';
 import 'lodash/isElement';
 import 'lodash/get';
 import '@vueuse/math';
-import '../dropdown-open-e1f90e0a.js';
-import '../OrDateTimePickerPopoverHeader-1bd2a85f.js';
+import '../dropdown-open-06d651cf.js';
+import '../OrDateTimePickerPopoverHeader-83eb5ad1.js';
 import 'lodash/padStart';
 import '@floating-ui/dom';
 import '../OrTooltip.vue_rollup-plugin-vue_styles.0-0aca0c11.js';