@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2083.0

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

@@ -1,248 +1,87 @@
-import { s as script } from '../../OrSelect.vue_vue_type_script_lang-b28438b6.js';
-export { s as default } from '../../OrSelect.vue_vue_type_script_lang-b28438b6.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, createVNode, withModifiers } from 'vue';
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-5f2464ac.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-5f2464ac.js';
+import { resolveComponent, openBlock, createElementBlock, createBlock, withCtx, renderSlot, createCommentVNode, createVNode, normalizeProps, guardReactiveProps } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
+import '../OrSelectMain/OrSelectMain.js';
+import '@vueuse/core';
+import '../OrSelectInput/OrSelectInput.js';
+import 'lodash';
+import '../OrSelectInputValue/OrSelectInputValue.js';
+import '../../constants-59507e57.js';
+import '../OrChip/OrChip.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
+import '../../px-to-rem-0b26b83e.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-28f5f62a.js';
+import '../OrSelectContent/OrSelectContent.js';
+import '../OrSelectSearchOptions/OrSelectSearchOptions.js';
+import '../OrSelectContentEmpty/OrSelectContentEmpty.js';
+import '../OrSelectContentOptions/OrSelectContentOptions.js';
+import '../OrSelectOption/OrSelectOption.js';
 import '../OrCheckbox/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-45641503.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-ef0d1fc7.js';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 import '../OrLabel/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
-import '../../useClassAttribute-47fdb016.js';
-import '../../style-inject.es-4c6f2515.js';
+import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
 import '../OrError/OrError.js';
-import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
-import '../OrExpansionPanel/OrExpansionPanel.js';
-import '../../OrExpansionPanel.vue_vue_type_script_lang-d1f8ac93.js';
-import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import '../OrHint/OrHint.js';
-import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
-import '../../OrInput-0540584e.js';
-import '../../OrInput.vue_vue_type_script_lang-2dfa8684.js';
-import '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
-import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f5885526.js';
-import '@vueuse/core';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
-import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
-import '../OrInputBox/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
-import '../OrMenuItem/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-eb21950f.js';
-import '../OrTag/OrTag.js';
-import '../../OrTag.vue_vue_type_script_lang-24e4ef85.js';
-import '../../dropdown-open-0d314aa4.js';
-import '../../useOverflow-ac506c65.js';
+import '../../OrError.vue_vue_type_script_lang-450321b8.js';
 
-const _hoisted_1 = ["id", "tabindex", "disabled"];
+const _hoisted_1 = {
+  class: "or-select"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrLabel = resolveComponent("OrLabel");
-  const _component_OrTag = resolveComponent("OrTag");
-  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");
-  const _component_OrPopover = resolveComponent("OrPopover");
-  const _component_OrInputBox = resolveComponent("OrInputBox");
-  const _component_OrHint = resolveComponent("OrHint");
-  const _component_OrError = resolveComponent("OrError");
-  const _directive_dropdown_open = resolveDirective("dropdown-open");
-  const _directive_dropdown_close = resolveDirective("dropdown-close");
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles
-  }), [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  const _component_or_label = resolveComponent("or-label");
+  const _component_or_select_main = resolveComponent("or-select-main");
+  const _component_or_error = resolveComponent("or-error");
+  return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.label ? (openBlock(), createBlock(_component_or_label, {
     key: 0,
-    "control-id": _ctx.controlId,
-    variant: 'input',
-    required: _ctx.required,
-    disabled: _ctx.disabled
+    label: _ctx.label,
+    "is-required": _ctx.isRequired
   }, {
-    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
-
+    append: withCtx(() => [renderSlot(_ctx.$slots, "label-append")]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
-    ref: "inputBox",
-    class: normalizeClass([_ctx.popoverState === 'open' && 'rounded-b-0']),
-    size: _ctx.size,
-    invalid: _ctx.invalid,
-    readonly: _ctx.readonly,
-    disabled: _ctx.disabled
+  }, 8 /* PROPS */, ["label", "is-required"])) : createCommentVNode("v-if", true), createVNode(_component_or_select_main, {
+    value: _ctx.modelValue,
+    options: _ctx.options,
+    "content-options": _ctx.contentOptions,
+    placeholder: _ctx.placeholder,
+    "use-search": _ctx.useSearch,
+    "is-multi-select": _ctx.isMultiSelect,
+    "is-loading": _ctx.isContentLoading,
+    "is-disabled": _ctx.isDisabled,
+    "is-invalid": _ctx.isInvalid,
+    "no-results-title": _ctx.noResultsTitle,
+    "no-results-start-text": _ctx.noResultsStartText,
+    "no-results-end-text": _ctx.noResultsEndText,
+    "update-search-text": _ctx.updateSearchText,
+    "ignore-click-outside": _ctx.ignoreClickOutside,
+    onInput: _cache[0] || (_cache[0] = $event => _ctx.$emit('update:modelValue', $event)),
+    onSearchChange: _ctx.handleSearchChange,
+    onOpen: _cache[1] || (_cache[1] = $event => _ctx.$emit('open')),
+    onClose: _cache[2] || (_cache[2] = $event => _ctx.$emit('close'))
   }, {
-    default: withCtx(() => [createElementVNode("div", {
-      id: _ctx.controlId,
-      ref: "control",
-      class: normalizeClass(_ctx.controlStyles),
-      tabindex: !_ctx.disabled ? 0 : null,
-      disabled: _ctx.disabled,
-      onFocus: _cache[0] || (_cache[0] = $event => _ctx.$emit('focus', $event)),
-      onBlur: _cache[1] || (_cache[1] = $event => _ctx.$emit('blur', $event))
-    }, [_ctx.proxyModelValue && _ctx.proxyModelValue.length > 0 ? (openBlock(), createElementBlock(Fragment, {
-      key: 0
-    }, [_ctx.multiple ? renderSlot(_ctx.$slots, "valueTemplate", {
-      key: 0,
-      model: _ctx.proxyModelValue
-    }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selection, option => {
-      return openBlock(), createBlock(_component_OrTag, {
-        key: option.value,
-        variant: 'reset',
-        onReset: $event => _ctx.deselect(option)
-      }, {
-        default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)]),
-
-        _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onReset"]);
-    }), 128 /* KEYED_FRAGMENT */))]) : renderSlot(_ctx.$slots, "valueTemplate", {
-      key: 1,
-      model: _ctx.proxyModelValue
-    }, () => [createTextVNode(toDisplayString(_ctx.selection.label), 1 /* TEXT */)])], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
-      key: 1,
-      class: normalizeClass(_ctx.placeholderStyles)
-    }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 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), createVNode(_component_OrIcon, {
-      icon: _ctx.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',
-      variant: 'outlined'
-    }, null, 8 /* PROPS */, ["icon"]), createVNode(_component_OrPopover, {
-      ref: "popover",
-      class: normalizeClass(_ctx.dropdownStyles),
-      variant: 'auto',
-      trigger: _ctx.inputBoxRoot,
-      placement: 'bottom',
-      "full-width": true,
-      "disable-default-styles": true
-    }, {
-      default: withCtx(() => [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrInput, {
-        key: 0,
-        modelValue: _ctx.searchText,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.searchText = $event),
-        type: 'search',
-        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
-      }, renderList(_ctx.groupedOptions, (group, groupName) => {
-        return openBlock(), createBlock(_component_OrExpansionPanel, {
-          key: groupName,
-          label: groupName
-        }, {
-          default: withCtx(() => [_ctx.multiple ? (openBlock(true), createElementBlock(Fragment, {
-            key: 0
-          }, renderList(group, option => {
-            return openBlock(), createBlock(_component_OrMenuItem, {
-              key: option.value
-            }, {
-              default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
-                model: _ctx.proxyModelValue,
-                option: option
-              }, () => [createVNode(_component_OrCheckbox, {
-                modelValue: _ctx.proxyModelValue,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.proxyModelValue = $event),
-                "input-value": option.value,
-                label: option.label,
-                "label-variant": 'input'
-              }, null, 8 /* PROPS */, ["modelValue", "input-value", "label"])])]),
-              _: 2 /* DYNAMIC */
-            }, 1024 /* DYNAMIC_SLOTS */);
-          }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
-            key: 1
-          }, renderList(group, option => {
-            return openBlock(), createBlock(_component_OrMenuItem, {
-              key: option.value,
-              onClick: withModifiers($event => {
-                _ctx.proxyModelValue = option.value;
-                _ctx.close();
-              }, ["stop"])
-            }, {
-              default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
-                model: _ctx.proxyModelValue,
-                option: option
-              }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
-
-              _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
-          }), 128 /* KEYED_FRAGMENT */))]),
-
-          _: 2 /* DYNAMIC */
-        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label"]);
-      }), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
-        key: 1
-      }, [_ctx.multiple ? (openBlock(true), createElementBlock(Fragment, {
-        key: 0
-      }, renderList(_ctx.resolvedSearchOptions, option => {
-        return openBlock(), createBlock(_component_OrMenuItem, {
-          key: option.value
-        }, {
-          default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
-            model: _ctx.proxyModelValue,
-            option: option
-          }, () => [createVNode(_component_OrCheckbox, {
-            modelValue: _ctx.proxyModelValue,
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.proxyModelValue = $event),
-            "input-value": option.value,
-            label: option.label,
-            "label-variant": 'input'
-          }, null, 8 /* PROPS */, ["modelValue", "input-value", "label"])])]),
-          _: 2 /* DYNAMIC */
-        }, 1024 /* DYNAMIC_SLOTS */);
-      }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
-        key: 1
-      }, renderList(_ctx.resolvedSearchOptions, option => {
-        return openBlock(), createBlock(_component_OrMenuItem, {
-          key: option.value,
-          onClick: withModifiers($event => {
-            _ctx.proxyModelValue = option.value;
-            _ctx.close();
-          }, ["stop"])
-        }, {
-          default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
-            model: _ctx.proxyModelValue,
-            option: option
-          }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
-
-          _: 2 /* DYNAMIC */
-        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
-      }), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
-        key: 2,
-        class: normalizeClass(_ctx.noSearchResultsStyles)
-      }, [renderSlot(_ctx.$slots, "noSearchResultsTemplate", {}, () => [createTextVNode(" No results ")])], 2 /* CLASS */))]),
-
-      _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["class", "trigger"])]),
+    "empty-options": withCtx(scope => [renderSlot(_ctx.$slots, "empty-options", normalizeProps(guardReactiveProps(scope)))]),
+    "input-value": withCtx(scope => [renderSlot(_ctx.$slots, "input-value", normalizeProps(guardReactiveProps(scope)))]),
+    "content-option": withCtx(scope => [renderSlot(_ctx.$slots, "content-option", normalizeProps(guardReactiveProps(scope)))]),
+    "content-options": withCtx(scope => [renderSlot(_ctx.$slots, "content-options", normalizeProps(guardReactiveProps(scope)))]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [_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)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
-    key: 2,
-    disabled: _ctx.disabled
-  }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
-
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]))], 16 /* FULL_PROPS */);
+  }, 8 /* PROPS */, ["value", "options", "content-options", "placeholder", "use-search", "is-multi-select", "is-loading", "is-disabled", "is-invalid", "no-results-title", "no-results-start-text", "no-results-end-text", "update-search-text", "ignore-click-outside", "onSearchChange"]), _ctx.isInvalid ? (openBlock(), createBlock(_component_or_error, {
+    key: 1,
+    error: _ctx.error
+  }, null, 8 /* PROPS */, ["error"])) : createCommentVNode("v-if", true)]);
 }
 
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-5e370eb8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-5e370eb8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-select[data-v-5e370eb8] {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--fs-1);\n}\n.or-select .or-label[data-v-5e370eb8] {\n  margin-bottom: var(--s-1);\n}\n.or-select .or-error[data-v-5e370eb8] {\n  margin-top: var(--s-1);\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-select-v3/OrSelect.vue";
+script.__scopeId = "data-v-5e370eb8";
+script.__file = "src/components/or-select/OrSelect.vue";

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

@@ -1,33 +1,34 @@
-export { s as OrSelect } from '../../OrSelect.vue_vue_type_script_lang-07d984d8.js';
+export { s as OrSelect } from '../../OrSelect.vue_vue_type_script_lang-5f2464ac.js';
 import 'vue-demi';
 import '../OrSelectMain/OrSelectMain.js';
 import '@vueuse/core';
 import '../OrSelectInput/OrSelectInput.js';
 import 'lodash';
 import '../OrSelectInputValue/OrSelectInputValue.js';
-import '../../constants-0e039de8.js';
+import '../../constants-59507e57.js';
 import '../OrChip/OrChip.js';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 import '../OrSelectContent/OrSelectContent.js';
 import '../OrSelectSearchOptions/OrSelectSearchOptions.js';
 import '../OrSelectContentEmpty/OrSelectContentEmpty.js';
 import '../OrSelectContentOptions/OrSelectContentOptions.js';
 import '../OrSelectOption/OrSelectOption.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-d11f0d34.js';
-import '../../OrLoader-c4809493.js';
+import '../OrCheckbox/OrCheckbox.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-ef0d1fc7.js';
+import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
-import '../../OrLabel-48580954.js';
+import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
-import '../../OrError-dff84d09.js';
+import '../OrError/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-450321b8.js';

package/dist/bundled/v3/components/OrSelectContent/OrSelectContent.js

@@ -2,24 +2,25 @@ import { defineComponent } from 'vue-demi';
 import script$2 from '../OrSelectSearchOptions/OrSelectSearchOptions.js';
 import script$3 from '../OrSelectContentEmpty/OrSelectContentEmpty.js';
 import script$4 from '../OrSelectContentOptions/OrSelectContentOptions.js';
-import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, b as OR_SELECT_NO_RESULTS_TITLE_PROP, c as OR_SELECT_NO_RESULTS_START_TEXT_PROP, d as OR_SELECT_NO_RESULTS_END_TEXT_PROP, e as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from '../../constants-0e039de8.js';
-import '../../OrLoader-c4809493.js';
+import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, d as OR_SELECT_NO_RESULTS_TITLE_PROP, e as OR_SELECT_NO_RESULTS_START_TEXT_PROP, f as OR_SELECT_NO_RESULTS_END_TEXT_PROP, g as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from '../../constants-59507e57.js';
+import '../OrLoader/OrLoader.js';
 import { s as script$1 } from '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, renderSlot, createVNode, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 import '../OrSelectOption/OrSelectOption.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-d11f0d34.js';
+import '../OrCheckbox/OrCheckbox.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-ef0d1fc7.js';
 
 var script = defineComponent({
   name: 'OrSelectContent',

package/dist/bundled/v3/components/OrSelectContentEmpty/OrSelectContentEmpty.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { b as OR_SELECT_NO_RESULTS_TITLE_PROP, c as OR_SELECT_NO_RESULTS_START_TEXT_PROP, d as OR_SELECT_NO_RESULTS_END_TEXT_PROP, e as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from '../../constants-0e039de8.js';
+import { d as OR_SELECT_NO_RESULTS_TITLE_PROP, e as OR_SELECT_NO_RESULTS_START_TEXT_PROP, f as OR_SELECT_NO_RESULTS_END_TEXT_PROP, g as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from '../../constants-59507e57.js';
 import { openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, createTextVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 

package/dist/bundled/v3/components/OrSelectContentOptions/OrSelectContentOptions.js

@@ -1,20 +1,21 @@
 import { defineComponent } from 'vue-demi';
 import script$1 from '../OrSelectOption/OrSelectOption.js';
-import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP } from '../../constants-0e039de8.js';
+import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP } from '../../constants-59507e57.js';
 import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, renderSlot, createVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-d11f0d34.js';
+import '../OrCheckbox/OrCheckbox.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-ef0d1fc7.js';
 import 'lodash';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 
 var script = defineComponent({
   name: 'OrSelectContentOptions',

package/dist/bundled/v3/components/OrSelectInput/OrSelectInput.js

@@ -1,20 +1,20 @@
 import _ from 'lodash';
 import { defineComponent } from 'vue-demi';
 import script$2 from '../OrSelectInputValue/OrSelectInputValue.js';
-import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, f as OR_SELECT_PLACEHOLDER_PROP } from '../../constants-0e039de8.js';
-import '../../OrIcon-6f6eb367.js';
-import { s as script$1 } from '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, c as OR_SELECT_PLACEHOLDER_PROP } from '../../constants-59507e57.js';
+import '../OrIcon/OrIcon.js';
+import { s as script$1 } from '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, createVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import '../OrChip/OrChip.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 
 var script = defineComponent({
   name: 'OrSelectInput',

package/dist/bundled/v3/components/OrSelectInputValue/OrSelectInputValue.js

@@ -1,19 +1,19 @@
 import _ from 'lodash';
 import { defineComponent } from 'vue-demi';
-import { O as OR_SELECT_VALUE_PROP, g as OR_SELECT_SEARCH_OPTIONS_PROP } from '../../constants-0e039de8.js';
+import { O as OR_SELECT_VALUE_PROP, b as OR_SELECT_SEARCH_OPTIONS_PROP } from '../../constants-59507e57.js';
 import script$1 from '../OrChip/OrChip.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createBlock } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 
 var script = defineComponent({
   name: 'OrSelectInputValue',

package/dist/bundled/v3/components/OrSelectMain/OrSelectMain.js

@@ -2,28 +2,29 @@ import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
 import script$1 from '../OrSelectInput/OrSelectInput.js';
 import script$2 from '../OrSelectContent/OrSelectContent.js';
-import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, f as OR_SELECT_PLACEHOLDER_PROP, b as OR_SELECT_NO_RESULTS_TITLE_PROP, c as OR_SELECT_NO_RESULTS_START_TEXT_PROP, d as OR_SELECT_NO_RESULTS_END_TEXT_PROP, e as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from '../../constants-0e039de8.js';
+import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, c as OR_SELECT_PLACEHOLDER_PROP, d as OR_SELECT_NO_RESULTS_TITLE_PROP, e as OR_SELECT_NO_RESULTS_START_TEXT_PROP, f as OR_SELECT_NO_RESULTS_END_TEXT_PROP, g as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from '../../constants-59507e57.js';
 import '../OrFloating/OrFloating.js';
-import { s as script$3 } from '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import { s as script$3 } from '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'lodash';
 import '../OrSelectInputValue/OrSelectInputValue.js';
 import '../OrChip/OrChip.js';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 import '../OrSelectSearchOptions/OrSelectSearchOptions.js';
 import '../OrSelectContentEmpty/OrSelectContentEmpty.js';
 import '../OrSelectContentOptions/OrSelectContentOptions.js';
 import '../OrSelectOption/OrSelectOption.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-d11f0d34.js';
-import '../../OrLoader-c4809493.js';
+import '../OrCheckbox/OrCheckbox.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-ef0d1fc7.js';
+import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 
 var script = defineComponent({

package/dist/bundled/v3/components/OrSelectOption/OrSelectOption.js

@@ -1,78 +1,19 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from '../../OrCheckbox.vue_vue_type_script_lang-d11f0d34.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, withModifiers, normalizeStyle, createVNode, Transition, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import '../OrCheckbox/OrCheckbox.js';
+import { s as script$1 } from '../../OrCheckbox.vue_vue_type_script_lang-ef0d1fc7.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createBlock } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'lodash';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
-
-const _hoisted_1$1 = ["checked", "disabled", "value"];
-const _hoisted_2 = {
-  key: 2,
-  class: "or-checkbox--content"
-};
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_icon = resolveComponent("or-icon");
-  return openBlock(), createElementBlock("label", {
-    class: normalizeClass(_ctx.rootClasses)
-  }, [createElementVNode("input", mergeProps(_ctx.$attrs, {
-    checked: _ctx.isChecked,
-    disabled: _ctx.isDisabled,
-    value: _ctx.value,
-    type: "checkbox",
-    class: "or-checkbox--input visually-hidden",
-    onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
-    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event)),
-    onClick: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
-  }), null, 16 /* FULL_PROPS */, _hoisted_1$1), !_ctx.withState ? (openBlock(), createElementBlock("span", {
-    key: 0,
-    style: normalizeStyle(!_ctx.hasContent ? {
-      marginRight: 0
-    } : null),
-    class: "or-checkbox--checkbox"
-  }, [createVNode(Transition, {
-    name: "fade",
-    mode: "out-in"
-  }, {
-    default: withCtx(() => [_ctx.isChecked ? (openBlock(), createBlock(_component_or_icon, {
-      key: 0,
-      class: "or-checkbox--icon",
-      icon: "done"
-    })) : createCommentVNode("v-if", true)]),
-    _: 1 /* STABLE */
-  })], 4 /* STYLE */)) : (openBlock(), createElementBlock("span", {
-    key: 1,
-    style: normalizeStyle(!_ctx.hasContent ? {
-      marginRight: 0
-    } : null),
-    class: "or-checkbox--checkbox"
-  }, [createVNode(Transition, {
-    name: "fade",
-    mode: "out-in"
-  }, {
-    default: withCtx(() => [(openBlock(), createBlock(_component_or_icon, {
-      key: _ctx.modelValue.icon,
-      icon: _ctx.modelValue.icon
-    }, null, 8 /* PROPS */, ["icon"]))]),
-    _: 1 /* STABLE */
-  })], 4 /* STYLE */)), _ctx.hasContent ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
-}
-
-var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-22a147d8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-22a147d8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-checkbox[data-v-22a147d8] {\n  display: inline-flex;\n  align-items: center;\n  font-size: var(--fs-1);\n  line-height: 1rem;\n  color: inherit;\n  cursor: pointer;\n}\n.or-checkbox--checkbox[data-v-22a147d8] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1rem;\n  min-width: 1rem;\n  height: 1rem;\n  min-height: 1rem;\n  margin-right: var(--s-3);\n  background-color: var(--c-white);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: 2px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: background-color, border-color;\n}\n.or-checkbox[data-v-22a147d8] .or-icon {\n  font-size: 1rem;\n  color: var(--c-white);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-checkbox:not(.or-checkbox.is-loading):not(.or-checkbox.is-disabled):not(.or-checkbox.is-readonly):not(.or-checkbox:disabled):not(.or-checkbox.is-focused):not(.or-checkbox:active):hover .or-checkbox--checkbox[data-v-22a147d8] {\n    border-color: var(--c-neutral-2-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-checkbox:not(.or-checkbox.is-loading):not(.or-checkbox.is-disabled):not(.or-checkbox.is-readonly):not(.or-checkbox:disabled):not(.or-checkbox.is-focused):not(.or-checkbox:active):hover .or-checkbox--checkbox[data-v-22a147d8] {\n    border-color: var(--c-neutral-2-darken-3);\n}\n}\n.or-checkbox:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-checkbox--checkbox[data-v-22a147d8] {\n  border-color: var(--c-neutral-2-darken-5);\n}\n.or-checkbox[data-v-22a147d8]:disabled, .or-checkbox.is-disabled[data-v-22a147d8] {\n  cursor: not-allowed;\n}\n.or-checkbox.is-checked .or-checkbox--checkbox[data-v-22a147d8] {\n  background-color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-checkbox.is-checked:not(.or-checkbox.is-checked.is-loading):not(.or-checkbox.is-checked.is-disabled):not(.or-checkbox.is-checked.is-readonly):not(.or-checkbox.is-checked:disabled):not(.or-checkbox.is-checked.is-focused):not(.or-checkbox.is-checked:active):hover .or-checkbox--checkbox[data-v-22a147d8] {\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-checkbox.is-checked:not(.or-checkbox.is-checked.is-loading):not(.or-checkbox.is-checked.is-disabled):not(.or-checkbox.is-checked.is-readonly):not(.or-checkbox.is-checked:disabled):not(.or-checkbox.is-checked.is-focused):not(.or-checkbox.is-checked:active):hover .or-checkbox--checkbox[data-v-22a147d8] {\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n.or-checkbox.is-checked:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-checkbox--checkbox[data-v-22a147d8] {\n  background-color: var(--c-primary-darken-5);\n  border-color: var(--c-primary-darken-5);\n}\n.or-checkbox.is-checked[data-v-22a147d8]:disabled, .or-checkbox.is-checked.is-disabled[data-v-22a147d8] {\n  cursor: not-allowed;\n}\n.or-checkbox.is-checked:disabled .or-checkbox--checkbox[data-v-22a147d8], .or-checkbox.is-checked.is-disabled .or-checkbox--checkbox[data-v-22a147d8] {\n  background-color: var(--c-primary-lighten-20);\n  border-color: var(--c-primary-lighten-20);\n}";
-styleInject(css_248z$1);
-
-script$1.render = render$1;
-script$1.__scopeId = "data-v-22a147d8";
-script$1.__file = "src/components/or-checkbox/OrCheckbox.vue";
+import '../../dom-28f5f62a.js';
 
 var script = defineComponent({
   name: 'OrSelectOption',