@onereach/ui-components 5.0.2-beta.3154.0 → 5.0.2

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

@@ -1,14 +1,14 @@
-import { s as script } from '../../OrSelect.vue_vue_type_script_lang-77ad0fa1.js';
-export { s as default } from '../../OrSelect.vue_vue_type_script_lang-77ad0fa1.js';
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-932be22a.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-932be22a.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, withModifiers, createVNode, vShow } from 'vue';
 import 'vue-demi';
 import '../../utils/isEmptyValue.js';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-38736023.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-eeb6b419.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
+import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';
@@ -32,20 +32,20 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-da2a6044.js';
+import '../../OrIconButton.vue_vue_type_script_lang-06c23edb.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-215def44.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4dceb6f6.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-cc1ee134.js';
+import '../../OrPopover.vue_vue_type_script_lang-0382ede2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../../index-929e224a.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-d6609a26.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-bbea53fe.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
 import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
@@ -62,7 +62,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-ec80afeb.js';
+import '../../OrInput.vue_vue_type_script_lang-3927acb7.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -78,7 +78,7 @@ import '../OrMenuItemV3/OrMenuItem.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrTagV3/OrTag.js';
-import '../../OrTag.vue_vue_type_script_lang-206b5c7c.js';
+import '../../OrTag.vue_vue_type_script_lang-86225135.js';
 import '../OrTagV3/props.js';
 import '../OrTagV3/styles.js';
 import '../../hooks/useOverflow.js';
@@ -86,30 +86,24 @@ import '../../directives/dropdown-close.js';
 import '../../directives/dropdown-open.js';
 
 const _hoisted_1 = ["id", "tabindex", "disabled"];
-const _hoisted_2 = ["disabled"];
-const _hoisted_3 = {
+const _hoisted_2 = {
   class: "truncate"
 };
-const _hoisted_4 = ["disabled"];
-const _hoisted_5 = {
-  key: 2,
-  class: /*#__PURE__*/normalizeClass(['grow'])
-};
-const _hoisted_6 = {
+const _hoisted_3 = {
   class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'gap-sm'])
 };
-const _hoisted_7 = {
+const _hoisted_4 = {
   class: /*#__PURE__*/normalizeClass(['contents'])
 };
-const _hoisted_8 = {
+const _hoisted_5 = {
   class: /*#__PURE__*/normalizeClass(['contents'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrTag = resolveComponent("OrTag");
-  const _component_OrInput = resolveComponent("OrInput");
   const _component_OrIconButton = resolveComponent("OrIconButton");
   const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrInput = resolveComponent("OrInput");
   const _component_OrCheckbox = resolveComponent("OrCheckbox");
   const _component_OrMenuItem = resolveComponent("OrMenuItem");
   const _component_OrExpansionPanel = resolveComponent("OrExpansionPanel");
@@ -152,12 +146,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onBlur: _cache[1] || (_cache[1] = $event => _ctx.$emit('blur', $event))
     }, [_ctx.multiple ? (openBlock(), createElementBlock(Fragment, {
       key: 0
-    }, [!_ctx.isEmptyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
+    }, [_ctx.proxyModelValue && _ctx.proxyModelValue.length > 0 ? renderSlot(_ctx.$slots, "valueTemplate", {
       key: 0,
       model: _ctx.proxyModelValue
-    }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selection, option => {
+    }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selection, (option, i) => {
       return openBlock(), createBlock(_component_OrTag, {
-        key: option.value,
+        key: i,
         variant: 'reset',
         disabled: _ctx.disabled || _ctx.readonly,
         onReset: $event => _ctx.deselect(option)
@@ -166,38 +160,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
         _: 2 /* DYNAMIC */
       }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onReset"]);
-    }), 128 /* KEYED_FRAGMENT */))]) : _ctx.popoverState === 'closed' || !_ctx.enableSearch ? (openBlock(), createElementBlock("span", {
+    }), 128 /* KEYED_FRAGMENT */))]) : (openBlock(), createElementBlock("span", {
       key: 1,
-      class: normalizeClass(_ctx.placeholderStyles),
-      disabled: _ctx.disabled ? '' : null
-    }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
+      class: normalizeClass(_ctx.placeholderStyles)
+    }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
       key: 1
     }, [!_ctx.isEmptyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
       key: 0,
       model: _ctx.proxyModelValue
-    }, () => [createElementVNode("span", _hoisted_3, toDisplayString(_ctx.selection && _ctx.selection.label), 1 /* TEXT */)]) : _ctx.popoverState === 'closed' || !_ctx.enableSearch ? (openBlock(), createElementBlock("span", {
+    }, () => [createElementVNode("span", _hoisted_2, toDisplayString(_ctx.selection && _ctx.selection.label), 1 /* TEXT */)]) : (openBlock(), createElementBlock("span", {
       key: 1,
-      class: normalizeClass(_ctx.placeholderStyles),
-      disabled: _ctx.disabled ? '' : null
-    }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_4)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1), _ctx.multiple && _ctx.outerItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+      class: normalizeClass(_ctx.placeholderStyles)
+    }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 64 /* STABLE_FRAGMENT */))], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1), _ctx.multiple && _ctx.outerItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
       key: 0
-    }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.isDesktop ? (openBlock(), createBlock(_component_OrInput, {
-      key: 1,
-      ref: "searchControl",
-      modelValue: _ctx.searchText,
-      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.searchText = $event),
-      class: normalizeClass([..._ctx.searchControlStyles, _ctx.isEmptyModelValue && 'md:!ml-none']),
-      type: 'search',
-      placeholder: _ctx.searchPlaceholder,
-      size: _ctx.size,
-      "disable-default-styles": true,
-      onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
-    }, null, 8 /* PROPS */, ["modelValue", "class", "placeholder", "size"])) : (openBlock(), createElementBlock("div", _hoisted_5)), createElementVNode("div", _hoisted_6, [_ctx.popoverState === 'closed' && !_ctx.isEmptyModelValue ? (openBlock(), createBlock(_component_OrIconButton, {
+    }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [!_ctx.multiple && _ctx.proxyModelValue ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: 'close',
       color: 'inherit',
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[4] || (_cache[4] = withModifiers($event => _ctx.$emit('update:modelValue', _ctx.multiple ? [] : undefined), ["stop"]))
+      onClick: _cache[2] || (_cache[2] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrIcon, {
       icon: _ctx.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',
       variant: 'outlined'
@@ -208,18 +189,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       placement: 'bottom',
       "full-width": true,
       "custom-styles": _ctx.dropdownStyles,
-      "disable-default-styles": true,
-      onClose: _cache[8] || (_cache[8] = $event => _ctx.clearSearchControl())
+      "disable-default-styles": true
     }, {
-      default: withCtx(() => [_ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.isMobile ? (openBlock(), createBlock(_component_OrInput, {
+      default: withCtx(() => [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrInput, {
         key: 0,
-        ref: "searchControl",
         modelValue: _ctx.searchText,
-        "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.searchText = $event),
-        class: normalizeClass(_ctx.searchControlStyles),
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.searchText = $event),
         type: 'search',
-        placeholder: _ctx.searchPlaceholder
-      }, null, 8 /* PROPS */, ["modelValue", "class", "placeholder"])) : createCommentVNode("v-if", true), _ctx.resolvedSearchOptions.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+        placeholder: 'Search',
+        size: 's',
+        "disable-default-styles": true
+      }, null, 8 /* PROPS */, ["modelValue"])) : createCommentVNode("v-if", true), _ctx.resolvedSearchOptions.length > 0 ? (openBlock(), createElementBlock(Fragment, {
         key: 1
       }, [_ctx.groupByFunction ? (openBlock(true), createElementBlock(Fragment, {
         key: 0
@@ -232,28 +212,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0
           }, renderList(group, (option, i) => {
             return openBlock(), createBlock(_component_OrMenuItem, {
-              key: i,
-              selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value)
+              key: i
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
                 model: _ctx.proxyModelValue,
                 option: option
               }, () => [createVNode(_component_OrCheckbox, {
                 modelValue: _ctx.proxyModelValue,
-                "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.proxyModelValue = $event),
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.proxyModelValue = $event),
                 value: option.value,
                 label: option.label,
-                "label-variant": 'menu-item'
+                "label-variant": 'input'
               }, null, 8 /* PROPS */, ["modelValue", "value", "label"])])]),
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected"]);
+            }, 1024 /* DYNAMIC_SLOTS */);
           }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
             key: 1
           }, renderList(group, (option, i) => {
             return openBlock(), createBlock(_component_OrMenuItem, {
               key: i,
-              class: normalizeClass(_ctx.dropdownItemStyles),
-              selected: _ctx.proxyModelValue === option.value,
               onClick: withModifiers($event => {
                 _ctx.proxyModelValue = option.value;
                 _ctx.close();
@@ -265,7 +242,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
 
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "onClick"]);
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
           }), 128 /* KEYED_FRAGMENT */))]),
 
           _: 2 /* DYNAMIC */
@@ -276,15 +253,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0
       }, renderList(_ctx.resolvedSearchOptions, (option, i) => {
         return openBlock(), createBlock(_component_OrMenuItem, {
-          key: i,
-          selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value)
+          key: i
         }, {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             modelValue: _ctx.proxyModelValue,
-            "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.proxyModelValue = $event),
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.proxyModelValue = $event),
             value: option.value,
             label: option.label,
-            "label-variant": 'menu-item'
+            "label-variant": 'input'
           }, {
             default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
               model: _ctx.proxyModelValue,
@@ -293,14 +269,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 2 /* DYNAMIC */
           }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "value", "label"])]),
           _: 2 /* DYNAMIC */
-        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected"]);
+        }, 1024 /* DYNAMIC_SLOTS */);
       }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
         key: 1
       }, renderList(_ctx.resolvedSearchOptions, (option, i) => {
         return openBlock(), createBlock(_component_OrMenuItem, {
           key: i,
-          class: normalizeClass(_ctx.dropdownItemStyles),
-          selected: _ctx.proxyModelValue === option.value,
           onClick: withModifiers($event => {
             _ctx.proxyModelValue = option.value;
             _ctx.close();
@@ -312,7 +286,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
 
           _: 2 /* DYNAMIC */
-        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "onClick"]);
+        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
       }), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
         key: 2,
         class: normalizeClass(_ctx.noSearchResultsStyles)
@@ -321,14 +295,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["trigger", "custom-styles"])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_7, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_4, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_8, [createVNode(_component_OrError, {
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_5, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),

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

@@ -30,10 +30,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-    searchPlaceholder: {
-        type: StringConstructor;
-        default: undefined;
-    };
     hint: {
         type: StringConstructor;
         default: undefined;
@@ -75,16 +71,13 @@ declare const _default: import("vue-demi").DefineComponent<{
     inputBox: import("vue-demi").Ref<any>;
     inputBoxRoot: import("vue-demi").ComputedRef<any>;
     control: import("vue-demi").Ref<HTMLElement | undefined>;
-    searchControl: import("vue-demi").Ref<HTMLElement | undefined>;
     popover: import("vue-demi").Ref<any>;
     popoverRoot: import("vue-demi").ComputedRef<any>;
     popoverState: import("vue-demi").ComputedRef<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     controlStyles: import("vue-demi").ComputedRef<string[]>;
-    searchControlStyles: import("vue-demi").ComputedRef<string[]>;
     placeholderStyles: import("vue-demi").ComputedRef<string[]>;
     dropdownStyles: import("vue-demi").ComputedRef<string[]>;
-    dropdownItemStyles: import("vue-demi").ComputedRef<string[]>;
     noSearchResultsStyles: import("vue-demi").ComputedRef<string[]>;
     controlId: import("vue-demi").Ref<string>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | object | string[] | object[] | number[] | undefined>;
@@ -101,11 +94,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     toggle: () => void;
     close: () => void;
     deselect: (option: SelectOption) => void;
-    clearSearchControl: () => void;
     innerItems: import("vue-demi").Ref<HTMLElement[]>;
     outerItems: import("vue-demi").Ref<HTMLElement[]>;
-    isDesktop: import("vue-demi").Ref<boolean>;
-    isMobile: import("vue-demi").Ref<boolean>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
@@ -135,10 +125,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-    searchPlaceholder: {
-        type: StringConstructor;
-        default: undefined;
-    };
     hint: {
         type: StringConstructor;
         default: undefined;
@@ -188,7 +174,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     multiple: boolean;
     size: SelectSize;
     placeholder: string;
-    searchPlaceholder: string;
     hint: string;
     error: string | boolean;
     required: boolean;

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

@@ -1,13 +1,13 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-77ad0fa1.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-932be22a.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../../utils/isEmptyValue.js';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-38736023.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-eeb6b419.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
+import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import 'vue';
@@ -32,20 +32,20 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-da2a6044.js';
+import '../../OrIconButton.vue_vue_type_script_lang-06c23edb.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-215def44.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4dceb6f6.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-cc1ee134.js';
+import '../../OrPopover.vue_vue_type_script_lang-0382ede2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../../index-929e224a.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-d6609a26.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-bbea53fe.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
 import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
@@ -62,7 +62,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-ec80afeb.js';
+import '../../OrInput.vue_vue_type_script_lang-3927acb7.js';
 import '../OrInputV3/props.js';
 import '../OrInputV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
@@ -77,7 +77,7 @@ import '../OrMenuItemV3/OrMenuItem.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrTagV3/OrTag.js';
-import '../../OrTag.vue_vue_type_script_lang-206b5c7c.js';
+import '../../OrTag.vue_vue_type_script_lang-86225135.js';
 import '../OrTagV3/props.js';
 import '../OrTagV3/styles.js';
 import '../../hooks/useOverflow.js';

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

@@ -1,9 +1,7 @@
-export declare const Select: string[];
+export declare const SelectRoot: string[];
 export declare const SelectControl: string[];
-export declare const SelectSearchControl: string[];
 export declare const SelectPlaceholder: string[];
 export declare const SelectDropdown: string[];
 export declare const SelectDropdownDefault: string[];
 export declare const SelectDropdownFlipped: string[];
-export declare const SelectDropdownItem: string[];
 export declare const SelectNoSearchResults: string[];

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

@@ -1,4 +1,4 @@
-const Select = [
+const SelectRoot = [
 // Layout
 'layout-column',
 // Spacing
@@ -6,19 +6,14 @@ const Select = [
 const SelectControl = [
 // Layout
 'layout-row',
-// Layout (empty)
-'empty:hidden',
+// Box
+'w-full',
 // 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',
@@ -43,11 +38,6 @@ 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',
@@ -58,4 +48,4 @@ const SelectNoSearchResults = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
-export { Select, SelectControl, SelectDropdown, SelectDropdownDefault, SelectDropdownFlipped, SelectDropdownItem, SelectNoSearchResults, SelectPlaceholder, SelectSearchControl };
+export { SelectControl, SelectDropdown, SelectDropdownDefault, SelectDropdownFlipped, SelectNoSearchResults, SelectPlaceholder, SelectRoot };

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

@@ -1,12 +1,12 @@
-import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-a7103da5.js';
-export { s as default } from '../../OrSidebar.vue_vue_type_script_lang-a7103da5.js';
+import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-47572822.js';
+export { s as default } from '../../OrSidebar.vue_vue_type_script_lang-47572822.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 import '../../index-929e224a.js';
 import '../../index-f4d8e24c.js';
 import 'vue-demi';
 import './props.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-da2a6044.js';
+import '../../OrIconButton.vue_vue_type_script_lang-06c23edb.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -14,15 +14,15 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-215def44.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4dceb6f6.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-cc1ee134.js';
+import '../../OrPopover.vue_vue_type_script_lang-0382ede2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-d6609a26.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-bbea53fe.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
 import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';

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

@@ -1,10 +1,10 @@
 export { OrSidebarPlacement } from './props.js';
-export { s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-a7103da5.js';
+export { s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-47572822.js';
 import '../../index-929e224a.js';
 import '../../index-f4d8e24c.js';
 import 'vue-demi';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-da2a6044.js';
+import '../../OrIconButton.vue_vue_type_script_lang-06c23edb.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -13,15 +13,15 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import 'vue';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-215def44.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4dceb6f6.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-cc1ee134.js';
+import '../../OrPopover.vue_vue_type_script_lang-0382ede2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-d6609a26.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-bbea53fe.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
 import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';

package/dist/bundled/v3/components/OrSortingV3/OrSorting.js

@@ -1,20 +1,20 @@
-import { s as script } from '../../OrSorting.vue_vue_type_script_lang-a43c7a38.js';
-export { s as default } from '../../OrSorting.vue_vue_type_script_lang-a43c7a38.js';
+import { s as script } from '../../OrSorting.vue_vue_type_script_lang-dcae1408.js';
+export { s as default } from '../../OrSorting.vue_vue_type_script_lang-dcae1408.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
 import 'vue-demi';
 import './styles.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-6d3459d2.js';
+import '../../OrMenu.vue_vue_type_script_lang-03f408d2.js';
 import '../OrMenuV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-cc1ee134.js';
+import '../../OrPopover.vue_vue_type_script_lang-0382ede2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../../index-929e224a.js';
 import '../../index-f4d8e24c.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-d6609a26.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-bbea53fe.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
 import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';

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

@@ -1,18 +1,18 @@
-export { s as OrSortingV3 } from '../../OrSorting.vue_vue_type_script_lang-a43c7a38.js';
+export { s as OrSortingV3 } from '../../OrSorting.vue_vue_type_script_lang-dcae1408.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-6d3459d2.js';
+import '../../OrMenu.vue_vue_type_script_lang-03f408d2.js';
 import '../OrMenuV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-cc1ee134.js';
+import '../../OrPopover.vue_vue_type_script_lang-0382ede2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../../index-929e224a.js';
 import '../../index-f4d8e24c.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-d6609a26.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-bbea53fe.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
 import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';

package/dist/bundled/v3/components/OrSwitchV3/OrSwitch.js

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrSwitch.vue_vue_type_script_lang-14b4ec0a.js';
-export { s as default } from '../../OrSwitch.vue_vue_type_script_lang-14b4ec0a.js';
+import { s as script } from '../../OrSwitch.vue_vue_type_script_lang-ee55263f.js';
+export { s as default } from '../../OrSwitch.vue_vue_type_script_lang-ee55263f.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, mergeProps, vModelCheckbox, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
+import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';

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

@@ -1,8 +1,8 @@
-export { s as OrSwitchV3 } from '../../OrSwitch.vue_vue_type_script_lang-14b4ec0a.js';
+export { s as OrSwitchV3 } from '../../OrSwitch.vue_vue_type_script_lang-ee55263f.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
+import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import 'vue';