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

package/dist/esm/v3/{OrInput-81a3ddc4.js → OrInput-500c5939.js}

@@ -9,10 +9,10 @@ import './TimeFormat-a7f5565b.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { s as script$4 } from './OrIconButton-76b101dc.js';
+import { s as script$4 } from './OrIconButton-525d873e.js';
 import { s as script$3 } from './OrIcon-c446d072.js';
 import { s as script$5, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$6 } from './OrLabel-4abbce6e.js';
+import { s as script$6 } from './OrLabel-59d09591.js';
 import { s as script$7 } from './OrLoader-5e2f359b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, withDirectives, createElementVNode, mergeProps, vModelDynamic, Fragment, withModifiers, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -170,6 +170,12 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = ["name", "type", "autocomplete", "placeholder", "required", "readonly", "disabled"];
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_3 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrLoader = resolveComponent("OrLoader");
@@ -225,9 +231,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [_ctx.loading ? (openBlock(), createBlock(_component_OrLoader, {
       key: 0,
       variant: 'circular',
-      color: _ctx.error ? 'danger' : 'primary',
+      color: 'primary',
       size: _ctx.isMobile ? 'm' : 's'
-    }, null, 8 /* PROPS */, ["color", "size"])) : (openBlock(), createElementBlock(Fragment, {
+    }, null, 8 /* PROPS */, ["size"])) : (openBlock(), createElementBlock(Fragment, {
       key: 1
     }, [_ctx.type === 'password' ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
@@ -240,11 +246,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[6] || (_cache[6] = withModifiers($event => _ctx.disclosed = !_ctx.disclosed, ["stop"]))
     }, null, 8 /* PROPS */, ["icon", "disabled"])) : createCommentVNode("v-if", true), _ctx.type === 'search' ? (openBlock(), createElementBlock(Fragment, {
       key: 1
-    }, [_ctx.modelValue && !_ctx.readonly ? (openBlock(), createBlock(_component_OrIconButton, {
+    }, [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: 'close',
       color: 'inherit',
-      disabled: _ctx.disabled,
+      disabled: _ctx.readonly || _ctx.disabled,
       onClick: _cache[7] || (_cache[7] = withModifiers($event => _ctx.$emit('update:modelValue', ''), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : (openBlock(), createBlock(_component_OrIcon, {
       key: 1,
@@ -253,8 +259,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "size", "invalid", "readonly", "disabled"]), _ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? withDirectives((openBlock(), createBlock(_component_OrHint, {
-    key: 1,
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_2, [_ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
     disabled: _ctx.disabled
   }, createSlots({
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
@@ -265,7 +271,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.length) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_3, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
@@ -276,7 +282,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.length) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 var css_248z = "\ninput[data-v-78975fa2] {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\ninput[type=\"search\"][data-v-78975fa2]::-webkit-search-cancel-button {\n  display: none;\n}\n";

package/dist/esm/v3/{OrLabel-4abbce6e.js → OrLabel-59d09591.js}

@@ -5,7 +5,6 @@ var LabelVariant;
 (function (LabelVariant) {
   LabelVariant["Input"] = "input";
   LabelVariant["Toggle"] = "toggle";
-  LabelVariant["Group"] = "group";
   LabelVariant["MenuItem"] = "menu-item";
 })(LabelVariant || (LabelVariant = {}));
 
@@ -25,13 +24,6 @@ const LabelVariants = {
   'typography-body-2-regular',
   // Theme
   'theme-foreground-default', 'dark:theme-foreground-default-dark'],
-  [LabelVariant.Group]: [
-  // Typography
-  'typography-body-2-regular',
-  // Theme
-  'theme-foreground-default', 'dark:theme-foreground-default-dark',
-  // Theme (invalid)
-  'invalid:theme-foreground-error', 'dark:invalid:theme-foreground-error-dark'],
   [LabelVariant.MenuItem]: [
   // Typography
   'typography-body-2-regular',
@@ -40,7 +32,7 @@ const LabelVariants = {
   // Theme
   'theme-foreground-default', 'dark:theme-foreground-default-dark']
 };
-const LabelContent = [
+const LabelText = [
 // Interactivity
 'interactivity-default',
 // Content (required)
@@ -62,10 +54,6 @@ var script = defineComponent({
       type: String,
       default: () => LabelVariant.Input
     },
-    invalid: {
-      type: Boolean,
-      default: false
-    },
     selected: {
       type: Boolean,
       default: false
@@ -81,31 +69,31 @@ var script = defineComponent({
   },
   expose: ['root'],
   setup(props) {
-    // Refs & Styles
+    // Refs
     const root = ref();
+    // Styles
     const rootStyles = computed(() => ['or-label-v3', ...Label, ...LabelVariants[props.variant]]);
-    const contentStyles = computed(() => [...LabelContent]);
+    const textStyles = computed(() => [...LabelText]);
     const addonStyles = computed(() => [...LabelAddon]);
     return {
       root,
       rootStyles,
-      contentStyles,
+      textStyles,
       addonStyles
     };
   }
 });
 
-const _hoisted_1 = ["invalid", "selected", "disabled"];
+const _hoisted_1 = ["selected", "disabled"];
 const _hoisted_2 = ["for", "required", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
-    invalid: _ctx.invalid,
     selected: _ctx.selected,
     disabled: _ctx.disabled
   }, [createElementVNode("label", {
-    class: normalizeClass(_ctx.contentStyles),
+    class: normalizeClass(_ctx.textStyles),
     for: _ctx.controlId,
     required: _ctx.required,
     disabled: _ctx.disabled

package/dist/esm/v3/{OrList-acfe427b.js → OrList-003bd4cb.js}

@@ -7,8 +7,8 @@ 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 { s as script$1 } from './OrIconButton-76b101dc.js';
-import { s as script$2 } from './OrLabel-4abbce6e.js';
+import { s as script$1 } from './OrIconButton-525d873e.js';
+import { s as script$2 } from './OrLabel-59d09591.js';
 import { s as script$3 } from './OrListItem-12e21bc6.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrList-1625c863.js → OrList-d4be4ee8.js}

@@ -4,8 +4,8 @@ import isEqual from 'lodash/isEqual';
 import { v4 } from 'uuid';
 import Sortable from 'sortablejs';
 import { s as script$2 } from './OrLabel-a7d99df4.js';
-import { s as script$3 } from './OrButton-f5de246c.js';
-import { s as script$4 } from './OrIconButton-746a7058.js';
+import { s as script$3 } from './OrButton-8e2c399f.js';
+import { s as script$4 } from './OrIconButton-d493432f.js';
 import { s as script$5 } from './OrIcon-b9c3dfd2.js';
 import { s as script$1 } from './OrError-f90296db.js';
 import { resolveComponent, openBlock, createElementBlock, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, withModifiers } from 'vue';

package/dist/esm/v3/{OrListOfInputs-690c57bc.js → OrListOfInputs-3b2d4713.js}

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrList-1625c863.js';
+import { s as script$1 } from './OrList-d4be4ee8.js';
 import { s as script$2 } from './OrInput-4a3206ea.js';
 import { s as script$3 } from './OrIcon-b9c3dfd2.js';
-import './OrButton-f5de246c.js';
-import { s as script$4 } from './OrIconButton-746a7058.js';
+import './OrButton-8e2c399f.js';
+import { s as script$4 } from './OrIconButton-d493432f.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, mergeProps, createSlots, normalizeStyle } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrLoader-d5a5b426.js → OrLoader-b1290a56.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { i as isEmpty } from './isString-cf957a95.js';
+import { i as isEmpty } from './isEmpty-181a6611.js';
 import { openBlock, createElementBlock, normalizeClass, createTextVNode, toDisplayString, Fragment, renderList, createElementVNode, createCommentVNode, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrMenu-2d763024.js → OrMenu-c87e33de.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 { s as script$1, a as PopoverPlacement } from './OrPopover-92d5273a.js';
+import { s as script$1, a as PopoverPlacement } from './OrPopover-0c507548.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [

package/dist/esm/v3/{OrMenuItem-b5789563.js → OrMenuItem-def5de14.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-76b101dc.js';
+import { s as script$2 } from './OrIconButton-525d873e.js';
 import { s as script$1 } from './OrIcon-c446d072.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, normalizeProps, mergeProps, createCommentVNode, createElementVNode, renderSlot, Fragment, createVNode, withModifiers } from 'vue';
 

package/dist/esm/v3/{OrModal-8eeab7a1.js → OrModal-7efd027b.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
-import './OrButton-f5de246c.js';
-import { s as script$1 } from './OrIconButton-746a7058.js';
+import './OrButton-8e2c399f.js';
+import { s as script$1 } from './OrIconButton-d493432f.js';
 import { s as script$2 } from './OrOverlay-451dce49.js';
 import { onClickOutside } from '@vueuse/core';
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';

package/dist/esm/v3/{OrModal-1c8cbdbb.js → OrModal-b87c4266.js}

@@ -5,9 +5,9 @@ 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 { s as script$5 } from './OrOverlay-b452613a.js';
+import { s as script$5 } from './OrOverlay-19f08ea8.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-76b101dc.js';
+import { s as script$4 } from './OrIconButton-525d873e.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v3/{OrNotification-69f1178a.js → OrNotification-7cc33a70.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { s as script$1 } from './OrIcon-b9c3dfd2.js';
-import './OrButton-f5de246c.js';
-import { s as script$2 } from './OrIconButton-746a7058.js';
+import './OrButton-8e2c399f.js';
+import { s as script$2 } from './OrIconButton-d493432f.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, Fragment, createTextVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrNotification-640ab275.js → OrNotification-ffd3c912.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-76b101dc.js';
+import { s as script$2 } from './OrIconButton-525d873e.js';
 import { s as script$1 } from './OrIcon-c446d072.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrOverflowMenu-8a0210ef.js → OrOverflowMenu-462b4c10.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import { s as script$2 } from './OrButton-f5de246c.js';
-import { s as script$3 } from './OrIconButton-746a7058.js';
+import { s as script$2 } from './OrButton-8e2c399f.js';
+import { s as script$3 } from './OrIconButton-d493432f.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers, createElementVNode, renderSlot, createBlock, withCtx, Fragment, renderList, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { s as script$4, O as OrFloatingPlacements } from './OrFloating-20688c74.js';

package/dist/esm/v3/{OrOverlay-b452613a.js → OrOverlay-19f08ea8.js}

@@ -1,6 +1,6 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useElevation } from './useElevation-e69d969b.js';
+import { u as useElevation } from './useElevation-37722ead.js';
 import './dom-53c9635b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';

package/dist/esm/v3/{OrPagination-5596ff9d.js → OrPagination-5026ee25.js}

@@ -7,8 +7,8 @@ import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { s as script$1 } from './OrButton-c95aef65.js';
 import { s as script$2 } from './OrIcon-c446d072.js';
-import { s as script$4 } from './OrMenuItem-b5789563.js';
-import { s as script$3 } from './OrMenu-2d763024.js';
+import { s as script$4 } from './OrMenuItem-def5de14.js';
+import { s as script$3 } from './OrMenu-c87e33de.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [

package/dist/esm/v3/{OrPassword-2b2b3703.js → OrPassword-0db19ad0.js}

@@ -6,8 +6,8 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { u as useToggle } from './useToggle-c04fc920.js';
-import './OrButton-f5de246c.js';
-import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-746a7058.js';
+import './OrButton-8e2c399f.js';
+import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-d493432f.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrPopover-92d5273a.js → OrPopover-0c507548.js}

@@ -1,15 +1,15 @@
 import { computePosition, offset, shift, flip, hide, size, autoUpdate } from '@floating-ui/dom';
 import { onClickOutside } from '@vueuse/core';
 import { computed, unref, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, defineComponent, toRefs, toRef } from 'vue-demi';
-import { u as useElevation } from './useElevation-e69d969b.js';
+import { u as useElevation } from './useElevation-37722ead.js';
 import './dom-53c9635b.js';
 import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { s as script$1 } from './OrBottomSheet-f0f6e264.js';
+import { s as script$1 } from './OrBottomSheet-7b272f2a.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
-import { i as isPrevented } from './isPrevented-b151a948.js';
+import { i as isPrevented } from './isPrevented-5f542754.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 
 function roundByDPR(element, value) {

package/dist/esm/v3/{OrRadio-0a8b6e08.js → OrRadio-370438a9.js}

@@ -6,7 +6,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 { s as script$1, L as LabelVariant } from './OrLabel-4abbce6e.js';
+import { s as script$1, L as LabelVariant } from './OrLabel-59d09591.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -55,7 +55,7 @@ var script = defineComponent({
       default: undefined
     },
     value: {
-      type: undefined,
+      type: [String, Number, Object],
       required: true
     },
     label: {

package/dist/esm/v3/{OrRadioGroup-a73d1147.js → OrRadioGroup-75519d7c.js}

@@ -5,8 +5,8 @@ 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 { s as script$1, F as FormGroupDirection } from './OrFormGroup-4afd327b.js';
-import { s as script$2 } from './OrRadio-0a8b6e08.js';
+import { s as script$1, F as FormGroupDirection } from './OrFormGroup-230f2015.js';
+import { s as script$2 } from './OrRadio-370438a9.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrRangeSlider-908cd00c.js → OrRangeSlider-820d0c22.js}

@@ -5,8 +5,8 @@ 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 { a as SliderOrientation, S as SliderColor } from './OrSlider-43ddc760.js';
-import { s as script$1 } from './OrTooltip-ffa9120a.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider-79a63155.js';
+import { s as script$1 } from './OrTooltip-9d591d1e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
 
 const RangeSlider = [
@@ -232,7 +232,7 @@ var script = defineComponent({
     },
     breakpoints: {
       type: Array,
-      default: []
+      default: () => []
     },
     color: {
       type: String,
@@ -531,16 +531,16 @@ var script = defineComponent({
       onEnd: onDrag
     });
     // Constraints
-    watch(() => props.minValue, value => {
+    watch(toRef(props, 'minValue'), value => {
       if (value >= props.maxValue) {
-        throw new Error('[OrRangeSlider]: `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('[OrRangeSlider]: `maxValue` must be greater than `minValue`.');
+        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
       }
     }, {
       immediate: true

package/dist/esm/v3/{OrResizeablePanel-9789644b.js → OrResizeablePanel-6b14bdd5.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 { s as script$1 } from './OrIconButton-76b101dc.js';
+import { s as script$1 } from './OrIconButton-525d873e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
 
 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
@@ -402,8 +384,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ref: 'resizeBar',
     class: normalizeClass(_ctx.resizeBarStyles),
     activated: _ctx.isDragging
-  }, null, 10 /* CLASS, PROPS */, _hoisted_1), _ctx.collapsible ? (openBlock(), createElementBlock("div", {
-    key: 2,
+  }, [_ctx.collapsible ? (openBlock(), createElementBlock("div", {
+    key: 0,
     class: normalizeClass(_ctx.collapseButtonContainerStyles)
   }, [createVNode(_component_OrIconButton, {
     "additional-styles": ['p-xs'],
@@ -411,8 +393,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     color: 'primary',
     size: 'm',
     onClick: _cache[0] || (_cache[0] = $event => _ctx.toggle())
-  }, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", {
-    key: 3,
+  }, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_1), _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", {
+    key: 2,
     class: normalizeClass(_ctx.toolbarStyles)
   }, [renderSlot(_ctx.$slots, "toolbar")], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
 }

package/dist/esm/v3/{OrRichTextEditor-c8ac9ef5.js → OrRichTextEditor-9781c771.js}

@@ -19,15 +19,14 @@ import Link from '@tiptap/extension-link';
 import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
 import { s as script$7 } from './OrButton-c95aef65.js';
-import { s as script$1 } from './OrIconButton-76b101dc.js';
-import { s as script$6 } from './OrInput-81a3ddc4.js';
-import { s as script$2 } from './OrLabel-4abbce6e.js';
-import { s as script$3 } from './OrMenuItem-b5789563.js';
-import { s as script$4 } from './OrMenu-2d763024.js';
-import { s as script$5 } from './OrModal-1c8cbdbb.js';
-import { s as script$8 } from './OrPopover-92d5273a.js';
+import { s as script$1 } from './OrIconButton-525d873e.js';
+import { s as script$6 } from './OrInput-500c5939.js';
+import { s as script$2 } from './OrLabel-59d09591.js';
+import { s as script$3 } from './OrMenuItem-def5de14.js';
+import { s as script$4 } from './OrMenu-c87e33de.js';
+import { s as script$5 } from './OrModal-b87c4266.js';
+import { s as script$8 } from './OrPopover-0c507548.js';
 import './dom-53c9635b.js';
-import { i as isArray } from './isArray-8eeb52b9.js';
 import { s as script$9 } from './OrHint-262c8217.js';
 import { s as script$a } from './OrError-331220bc.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';
@@ -498,7 +497,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/v3/{OrSearch-740f931b.js → OrSearch-948c7f78.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref } from 'vue-demi';
 import { s as script$1 } from './OrInput-4a3206ea.js';
 import { debouncedWatch } from '@vueuse/core';
-import './OrButton-f5de246c.js';
-import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-746a7058.js';
+import './OrButton-8e2c399f.js';
+import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-d493432f.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, normalizeStyle, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrSearch-4d6e25ce.js → OrSearch-a10f294f.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-287f97ba.js';
-import { s as script$1 } from './OrInput-81a3ddc4.js';
+import { s as script$1 } from './OrInput-500c5939.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({