@onereach/ui-components 10.3.4-beta.4324.0 → 10.3.4-beta.4327.0

package/dist/esm/v2/{OrResizeablePanel-793fef72.js → OrResizeablePanel-67911efc.js}

@@ -5,7 +5,7 @@ import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { _ as __vue_component__$1 } from './OrIconButton-ec4a913b.js';
+import { _ as __vue_component__$1 } from './OrIconButton-f98bac24.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ResizeablePanelPadding;
@@ -24,8 +24,6 @@ var ResizeablePanelPlacement;
 })(ResizeablePanelPlacement || (ResizeablePanelPlacement = {}));
 
 const ResizeablePanel = [
-// Position
-'relative',
 // Layout
 'shrink-0',
 // Theme
@@ -82,7 +80,7 @@ const ResizeablePanelContentPlaceholderPlacements = {
 };
 const ResizeablePanelResizeBar = [
 // Position
-'relative z-10',
+'relative',
 // Layout
 'shrink-0',
 // Layout (after)
@@ -99,10 +97,8 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-col justify-center',
   // Interactivity
   'interactivity-resize-row',
-  // Box
-  'h-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-my-[calc(theme(spacing.md)/2)]',
+  '-my-[calc(theme(spacing.md)/2)]', 'py-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-b-1'],
   [ResizeablePanelPlacement.Bottom]: [
@@ -110,10 +106,8 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-col justify-center',
   // Interactivity
   'interactivity-resize-row',
-  // Box
-  'h-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-my-[calc(theme(spacing.md)/2)]',
+  '-my-[calc(theme(spacing.md)/2)]', 'py-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-t-1'],
   [ResizeablePanelPlacement.Left]: [
@@ -121,10 +115,8 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-row justify-center',
   // Interactivity
   'interactivity-resize-column',
-  // Box
-  'w-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-mx-[calc(theme(spacing.md)/2)]',
+  '-mx-[calc(theme(spacing.md)/2)]', 'px-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-r-1'],
   [ResizeablePanelPlacement.Right]: [
@@ -132,16 +124,14 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-row justify-center',
   // Interactivity
   'interactivity-resize-column',
-  // Box
-  'w-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-mx-[calc(theme(spacing.md)/2)]',
+  '-mx-[calc(theme(spacing.md)/2)]', 'px-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-l-1']
 };
 const ResizeablePanelCollapseButtonContainer = [
 // Position
-'relative z-10',
+'absolute',
 // Shape
 'rounded-full',
 // Box
@@ -153,24 +143,16 @@ const ResizeablePanelCollapseButtonContainer = [
 const ResizeablePanelCollapseButtonContainerPlacements = {
   [ResizeablePanelPlacement.Top]: [
   // Position
-  'left-md',
-  // Spacing
-  '-my-[calc(theme(spacing.md)-2px)]'],
+  'left-md'],
   [ResizeablePanelPlacement.Bottom]: [
   // Position
-  'left-md',
-  // Spacing
-  '-my-[calc(theme(spacing.md)-2px)]'],
+  'left-md'],
   [ResizeablePanelPlacement.Left]: [
   // Position
-  'top-md',
-  // Spacing
-  '-mx-[calc(theme(spacing.md)-2px)]'],
+  'top-md'],
   [ResizeablePanelPlacement.Right]: [
   // Position
-  'top-md',
-  // Spacing
-  '-mx-[calc(theme(spacing.md)-2px)]']
+  'top-md']
 };
 const ResizeablePanelToolbar = [
 // Layout
@@ -406,7 +388,7 @@ var __vue_render__ = function () {
     attrs: {
       "activated": _vm.isDragging
     }
-  }), _vm._v(" "), _vm.collapsible ? [_c('div', {
+  }, [_vm.collapsible ? [_c('div', {
     class: _vm.collapseButtonContainerStyles
   }, [_c('OrIconButton', {
     attrs: {
@@ -420,7 +402,7 @@ var __vue_render__ = function () {
         return _vm.toggle();
       }
     }
-  })], 1)] : _vm._e(), _vm._v(" "), _vm.$slots.toolbar ? [_c('div', {
+  })], 1)] : _vm._e()], 2), _vm._v(" "), _vm.$slots.toolbar ? [_c('div', {
     class: _vm.toolbarStyles
   }, [_vm._t("toolbar")], 2)] : _vm._e()], 2);
 };

package/dist/esm/v2/{OrRichTextEditor-5332f678.js → OrRichTextEditor-c03de64c.js}

@@ -20,15 +20,14 @@ import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
 import { _ as __vue_component__$7 } from './OrButton-e4e85817.js';
 import './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
-import { _ as __vue_component__$1 } from './OrIconButton-ec4a913b.js';
-import { _ as __vue_component__$6 } from './OrInput-9c7e5495.js';
-import { _ as __vue_component__$2 } from './OrLabel-bf7e2ea2.js';
-import { _ as __vue_component__$3 } from './OrMenuItem-35fbc9ee.js';
-import { _ as __vue_component__$4 } from './OrMenu-430e1c99.js';
-import { _ as __vue_component__$5 } from './OrModal-6f7de86d.js';
-import { _ as __vue_component__$8 } from './OrPopover-47f0afa8.js';
+import { _ as __vue_component__$1 } from './OrIconButton-f98bac24.js';
+import { _ as __vue_component__$6 } from './OrInput-723cc312.js';
+import { _ as __vue_component__$2 } from './OrLabel-b0805497.js';
+import { _ as __vue_component__$3 } from './OrMenuItem-3e7c605b.js';
+import { _ as __vue_component__$4 } from './OrMenu-fc74f312.js';
+import { _ as __vue_component__$5 } from './OrModal-663a220c.js';
+import { _ as __vue_component__$8 } from './OrPopover-8a2574b0.js';
 import './dom-53c9635b.js';
-import { i as isArray } from './isArray-8eeb52b9.js';
 import { _ as __vue_component__$9 } from './OrHint-2fe1157b.js';
 import { _ as __vue_component__$a } from './OrError-b25d782d.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';
@@ -499,7 +498,7 @@ var script = defineComponent({
       activeHeadingLevel.value = ((_a = editor === null || editor === void 0 ? void 0 : editor.getAttributes('heading')) === null || _a === void 0 ? void 0 : _a.level) || 0;
     };
     const isVisible = value => {
-      if (isArray(value)) {
+      if (Array.isArray(value)) {
         const isHaveNotVisibleTools = value.some(item => notVisibleTools.value.has(item));
         return isHaveNotVisibleTools;
       }

package/dist/esm/v2/{OrSearch-b5099f7f.js → OrSearch-9eef2fa5.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import { _ as __vue_component__$1 } from './OrInput-9c7e5495.js';
+import { _ as __vue_component__$1 } from './OrInput-723cc312.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSearch-3f55fbee.js → OrSearch-a340d5ff.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrInput-fe0e651a.js';
 import { debouncedWatch } from '@vueuse/core';
-import './OrButton.vue_rollup-plugin-vue_styles.0-470e5462.js';
-import { _ as __vue_component__$2 } from './OrIconButton-c28a9059.js';
-import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-aae5f85f.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3f443c5f.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2c6e333e.js';
+import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-ebca07c1.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-0fc77fa2.js → OrSelect-9934df68.js}

@@ -1,31 +1,27 @@
 import { defineComponent, getCurrentInstance, ref, computed, toRefs, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
-import { e as exclude } from './exclude-684f23cf.js';
 import './dom-53c9635b.js';
-import { i as include } from './include-45f61f31.js';
-import { i as isEmpty } from './isString-cf957a95.js';
-import { t as toArray } from './toArray-93b84b21.js';
-import { s as searchItemsByLabel } from './searchItemsByLabel-c778a1e4.js';
+import { i as isEmpty } from './isEmpty-181a6611.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { _ as __vue_component__$3 } from './OrCheckbox-6627c4f5.js';
+import { _ as __vue_component__$3 } from './OrCheckbox-fac0027a.js';
 import { _ as __vue_component__$4 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$5 } from './OrExpansionPanel-3d1fc4f9.js';
 import { _ as __vue_component__$6 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$8 } from './OrIconButton-ec4a913b.js';
+import { _ as __vue_component__$8 } from './OrIconButton-f98bac24.js';
 import { _ as __vue_component__$7 } from './OrIcon-03e3c802.js';
 import { _ as __vue_component__$a } from './OrInputBox-1a8fda9b.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import { _ as __vue_component__$9 } from './OrInput-9c7e5495.js';
-import { _ as __vue_component__$b } from './OrLabel-bf7e2ea2.js';
-import { _ as __vue_component__$c } from './OrMenuItem-35fbc9ee.js';
-import { _ as __vue_component__$d } from './OrPopover-47f0afa8.js';
-import { T as TagsOverflow } from './OrTags-8d3a080c.js';
-import { _ as __vue_component__$1 } from './OrSelectMultipleControl-f74ff9fc.js';
-import { _ as __vue_component__$2 } from './OrSelectSingleControl-b3bf518b.js';
+import { _ as __vue_component__$9 } from './OrInput-723cc312.js';
+import { _ as __vue_component__$b } from './OrLabel-b0805497.js';
+import { _ as __vue_component__$c } from './OrMenuItem-3e7c605b.js';
+import { _ as __vue_component__$d } from './OrPopover-8a2574b0.js';
+import { T as TagsOverflow } from './OrTags-caa5f2b9.js';
+import { _ as __vue_component__$1, c as castToMultipleValue } from './OrSelectMultipleControl-ae8d8d53.js';
+import { _ as __vue_component__$2 } from './OrSelectSingleControl-1200cfb8.js';
 import './OrSelectPlaceholder-a6caa9e0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -108,26 +104,22 @@ var script = defineComponent({
     event: 'update:modelValue'
   },
   props: {
-    modelValue: {
-      type: undefined,
-      default: undefined
-    },
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      default: () => []
+    },
+    modelValue: {
+      type: [Object, String, Number, Array],
+      default: undefined
     },
     multiple: {
       type: Boolean,
       default: false
     },
-    overflow: {
-      type: String,
-      default: () => TagsOverflow.Hidden
-    },
     size: {
       type: String,
       default: () => InputBoxSize.M
@@ -170,7 +162,14 @@ var script = defineComponent({
     },
     searchFunction: {
       type: Function,
-      default: searchItemsByLabel
+      default: async (searchText, options) => {
+        return options.filter(_ref => {
+          let {
+            label
+          } = _ref;
+          return label.toLowerCase().includes(searchText.toLowerCase());
+        });
+      }
     },
     groupByFunction: {
       type: Function,
@@ -179,6 +178,10 @@ var script = defineComponent({
     externalControl: {
       type: Boolean,
       default: false
+    },
+    overflow: {
+      type: String,
+      default: () => TagsOverflow.Hidden
     }
   },
   emits: ['update:modelValue', 'focus', 'blur', 'search'],
@@ -246,8 +249,8 @@ var script = defineComponent({
       return props.externalControl ? props.searchOptions : internalSearchOptions.value;
     });
     const searchText = ref('');
-    watch([() => props.externalControl, searchText, () => props.options], async _ref => {
-      let [externalControl, searchText, options] = _ref;
+    watch([() => props.externalControl, searchText, () => props.options], async _ref2 => {
+      let [externalControl, searchText, options] = _ref2;
       if (externalControl) {
         context.emit('search', searchText);
       } else {
@@ -308,31 +311,26 @@ var script = defineComponent({
         }
       }
     }
-    function selectOption(item) {
-      if (props.multiple) {
-        proxyModelValue.value = include(item.value, toArray(proxyModelValue.value));
-      } else {
-        proxyModelValue.value = item.value;
+    function deselect(option) {
+      const modelValue = proxyModelValue.value;
+      if (Array.isArray(modelValue)) {
+        proxyModelValue.value = modelValue.filter(value => value !== option);
       }
     }
-    function deselectOption(item) {
-      if (props.multiple) {
-        proxyModelValue.value = exclude(item.value, toArray(proxyModelValue.value));
-      } else {
-        proxyModelValue.value = null;
-      }
-    }
-    function toggleOption(item) {
-      if (props.multiple) {
-        const model = toArray(proxyModelValue.value);
-        if (!model.includes(item.value)) {
-          proxyModelValue.value = include(item.value, model);
+    function toggleOption(option) {
+      const modelValue = proxyModelValue.value;
+      if (multiple.value) {
+        if (modelValue && Array.isArray(modelValue) && modelValue.includes(option)) {
+          deselect(option);
         } else {
-          proxyModelValue.value = exclude(item.value, model);
+          proxyModelValue.value = [...castToMultipleValue(modelValue), option];
         }
       } else {
-        proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : null;
+        proxyModelValue.value = option;
       }
+      clearSearchControl();
+    }
+    function clearSearchControl() {
       searchText.value = '';
     }
     // Utils
@@ -369,9 +367,9 @@ var script = defineComponent({
       toggle,
       close,
       open,
-      selectOption,
-      deselectOption,
+      deselect,
       toggleOption,
+      clearSearchControl,
       isDesktop,
       isMobile
     };
@@ -456,9 +454,7 @@ var __vue_render__ = function () {
         "is-open": _vm.popoverState === 'open'
       },
       on: {
-        "reset": function ($event) {
-          return _vm.deselectOption($event);
-        }
+        "reset": _vm.deselect
       },
       scopedSlots: _vm._u([{
         key: "tag",
@@ -587,7 +583,7 @@ var __vue_render__ = function () {
         on: {
           "click": function ($event) {
             $event.stopPropagation();
-            return _vm.toggleOption(option);
+            return _vm.toggleOption(option.value);
           }
         }
       }, [_vm._t("optionTemplate", function () {
@@ -607,7 +603,7 @@ var __vue_render__ = function () {
       on: {
         "click": function ($event) {
           $event.stopPropagation();
-          !option.disabled && _vm.toggleOption(option);
+          !option.disabled && _vm.toggleOption(option.value);
         }
       }
     }, [_c('OrCheckbox', {
@@ -620,7 +616,7 @@ var __vue_render__ = function () {
     }, [_c('div', {
       on: {
         "click": function ($event) {
-          !option.disabled && _vm.toggleOption(option);
+          !option.disabled && _vm.toggleOption(option.value);
         }
       }
     }, [_vm._t("optionTemplate", function () {
@@ -640,7 +636,7 @@ var __vue_render__ = function () {
       on: {
         "click": function ($event) {
           $event.stopPropagation();
-          _vm.toggleOption(option);
+          _vm.toggleOption(option.value);
           _vm.close();
         }
       }
@@ -656,29 +652,33 @@ var __vue_render__ = function () {
     return [_vm._v("\n            No results\n          ")];
   }, {
     "searchText": _vm.searchText
-  })], 2)]], 2)], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  })], 2)]], 2)], 1), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
+    class: ['contents']
+  }, [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
+    class: ['contents']
+  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])], 1)], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrSelect-629c42c0.js → OrSelect-fc49a01a.js}

@@ -1,12 +1,12 @@
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
 import { _ as __vue_component__$d } from './OrFloating-517737ad.js';
-import { _ as __vue_component__$b } from './OrLoader-84230be7.js';
+import { _ as __vue_component__$b } from './OrLoader-2e2c2cbd.js';
 import { _ as __vue_component__$9 } from './OrIcon-9ca8a36f.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$a } from './OrCheckbox-b1c8e25e.js';
-import { i as isEmpty } from './isString-cf957a95.js';
+import { i as isEmpty } from './isEmpty-181a6611.js';
 import keyBy from 'lodash/keyBy';
 import { _ as __vue_component__$c } from './OrChip-7e3cf6b1.js';
 import './OrChips.vue_rollup-plugin-vue_styles.0-083abef9.js';

package/dist/esm/v2/{OrSelectMultipleControl-f74ff9fc.js → OrSelectMultipleControl-ae8d8d53.js}

@@ -1,18 +1,24 @@
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import './dom-53c9635b.js';
-import { i as isEqual } from './isEqual-15f4b2f5.js';
-import { i as isNil } from './isNull-7ae26d1d.js';
-import { t as toArray } from './toArray-93b84b21.js';
+import { i as isEqual } from './isEqual-9004fb92.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { _ as __vue_component__$3, T as TagsOverflow } from './OrTags-8d3a080c.js';
+import { _ as __vue_component__$3, T as TagsOverflow } from './OrTags-caa5f2b9.js';
+import { i as isEmpty } from './isEmpty-181a6611.js';
 import { _ as __vue_component__$2 } from './OrSelectControlInput-a46941f0.js';
 import { _ as __vue_component__$1 } from './OrSelectPlaceholder-a6caa9e0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
+function castToMultipleValue(value) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  return isEmpty(value) ? [] : [value];
+}
+
 const SelectMultipleControlRoot = [
 // Layout
 'layout-row', 'w-full'];
@@ -34,12 +40,12 @@ var script = defineComponent({
       default: ''
     },
     model: {
-      type: undefined,
-      default: []
+      type: [Object, String, Number, Array],
+      default: () => []
     },
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     overflow: {
       type: String,
@@ -47,7 +53,7 @@ var script = defineComponent({
     },
     placeholder: {
       type: String,
-      default: undefined
+      default: ''
     },
     readonly: {
       type: Boolean,
@@ -89,7 +95,7 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-select-multiple-control-v3', ...SelectMultipleControlRoot]);
     // Computed
-    const value = computed(() => isNil(model.value) ? [] : toArray(model.value));
+    const value = computed(() => castToMultipleValue(model.value));
     const isEmpty = computed(() => value.value.length === 0);
     const selection = computed(() => {
       if (model.value === undefined || model.value === null) {
@@ -223,4 +229,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { __vue_component__ as _ };
+export { __vue_component__ as _, castToMultipleValue as c };

package/dist/esm/v2/{OrSelectSingleControl-b3bf518b.js → OrSelectSingleControl-1200cfb8.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, toRefs, computed } from 'vue-demi';
 import './dom-53c9635b.js';
-import { i as isEmpty } from './isString-cf957a95.js';
-import { i as isEqual } from './isEqual-15f4b2f5.js';
+import { i as isEmpty } from './isEmpty-181a6611.js';
+import { i as isEqual } from './isEqual-9004fb92.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
@@ -31,16 +31,16 @@ var script = defineComponent({
       default: ''
     },
     model: {
-      type: undefined,
+      type: [Object, String, Number, Array],
       default: undefined
     },
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     placeholder: {
       type: String,
-      default: undefined
+      default: ''
     },
     disabled: {
       type: Boolean,

package/dist/esm/v2/{OrSlider-7eaa6fb0.js → OrSlider-d4a3c4f1.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-e0d172f6.js';
+import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-f823b7e6.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrSlider.vue_rollup-plugin-vue_script-e0d172f6.js → OrSlider.vue_rollup-plugin-vue_script-f823b7e6.js}

@@ -5,7 +5,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { _ as __vue_component__ } from './OrTooltip-4739332d.js';
+import { _ as __vue_component__ } from './OrTooltip-dfc6a368.js';
 
 var SliderColor;
 (function (SliderColor) {
@@ -228,7 +228,7 @@ var script = defineComponent({
     },
     breakpoints: {
       type: Array,
-      default: []
+      default: () => []
     },
     color: {
       type: String,
@@ -366,16 +366,16 @@ var script = defineComponent({
       onEnd: onDrag
     });
     // Constraints
-    watch(() => props.minValue, value => {
+    watch(toRef(props, 'minValue'), value => {
       if (value >= props.maxValue) {
-        throw new Error('[OrSlider]: `minValue` must be lesser than `maxValue`.');
+        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
       }
     }, {
       immediate: true
     });
-    watch(() => props.maxValue, value => {
+    watch(toRef(props, 'maxValue'), value => {
       if (value <= props.minValue) {
-        throw new Error('[OrSlider]: `maxValue` must be greater than `minValue`.');
+        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
       }
     }, {
       immediate: true

package/dist/esm/v2/{OrSorting-f4170b03.js → OrSorting-dc2b02a1.js}

@@ -8,8 +8,8 @@ import './TimeFormat-a7f5565b.js';
 import { _ as __vue_component__$1 } from './OrButton-e4e85817.js';
 import './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 import { _ as __vue_component__$2 } from './OrIcon-03e3c802.js';
-import { _ as __vue_component__$4 } from './OrMenuItem-35fbc9ee.js';
-import { _ as __vue_component__$3 } from './OrMenu-430e1c99.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-3e7c605b.js';
+import { _ as __vue_component__$3 } from './OrMenu-fc74f312.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SortingRoot = [];

package/dist/esm/v2/{OrStepper-2404afa0.js → OrStepper-65da228c.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import { _ as __vue_component__$6 } from './OrButton-24563879.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-aae5f85f.js';
+import { _ as __vue_component__$6 } from './OrButton-c8790a97.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-ebca07c1.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';