@onereach/ui-components 8.8.2-beta.3729.0 → 8.8.2

package/dist/esm/v3/{OrDateTimePickerTimeSelect-275c0bf5.js → OrDateTimePickerTimeSelect-022b3987.js}

@@ -4,15 +4,15 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { g as getDatePlaceholder, f as formatDate, D as DateTimePickerTimeFormat, b as getTimePlaceholder, a as formatTime } from './getTimePlaceholder-9840b5cd.js';
+import { g as getDatePlaceholder, f as formatDate, D as DateTimePickerTimeFormat, b as getTimePlaceholder, a as formatTime } from './getTimePlaceholder-13d5f743.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withCtx, createVNode, renderSlot, createCommentVNode } from 'vue';
 import { s as script$8 } from './OrButton-e5617bbe.js';
 import { s as script$9 } from './OrLabel-b826da04.js';
-import { s as script$b } from './OrIconButton-793c4a52.js';
+import { s as script$b } from './OrIconButton-1cea9181.js';
 import { s as script$a } from './OrIcon-8f6c9c29.js';
 import { s as script$d } from './OrMenuItem-77e47b3b.js';
-import { s as script$c } from './OrMenu-33d89df4.js';
-import './OrPopover-062e78f6.js';
+import { s as script$c } from './OrMenu-dc70cd1d.js';
+import './OrPopover-cb084338.js';
 
 const DateTimePickerDateControl = [
 // Layout

package/dist/esm/v3/{OrIconButton-793c4a52.js → OrIconButton-1cea9181.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, toRefs, computed, isVue3 } from 'vue-demi';
 import { s as script$1, I as IconSize, a as IconVariant } from './OrIcon-8f6c9c29.js';
-import { s as script$2 } from './OrTooltip-ac2555b8.js';
-import './OrPopover-062e78f6.js';
+import { s as script$2 } from './OrTooltip-e4876b65.js';
+import './OrPopover-cb084338.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, createSlots, withCtx, createElementVNode, mergeProps, toHandlers, createVNode, renderSlot } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-a9ea92b7.js → OrInlineInput-1c9130f0.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-69bd7f6a.js';
 import { s as script$2 } from './OrHint-55d3de35.js';
-import { s as script$3 } from './OrIconButton-793c4a52.js';
+import { s as script$3 } from './OrIconButton-1cea9181.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextarea-253d060d.js → OrInlineTextarea-5086f71c.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-69bd7f6a.js';
 import { s as script$2 } from './OrHint-55d3de35.js';
-import { s as script$3 } from './OrIconButton-793c4a52.js';
+import { s as script$3 } from './OrIconButton-1cea9181.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInput-42ba854a.js → OrInput-c44f5b4d.js}

@@ -8,9 +8,9 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-69bd7f6a.js';
 import { s as script$2 } from './OrHint-55d3de35.js';
-import { s as script$4 } from './OrIconButton-793c4a52.js';
+import { s as script$4 } from './OrIconButton-1cea9181.js';
 import { s as script$3 } from './OrIcon-8f6c9c29.js';
-import { s as script$5, I as InputBoxSize } from './OrInputBox-ffea8c8e.js';
+import { s as script$5, I as InputBoxSize } from './OrInputBox-f0bac539.js';
 import { s as script$6 } from './OrLabel-b826da04.js';
 import { s as script$7 } from './OrLoader-b79022da.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Fragment, withModifiers, withDirectives, createElementVNode, mergeProps, vModelDynamic, createSlots, vShow } from 'vue';

package/dist/esm/v3/{OrInputBox-ffea8c8e.js → OrInputBox-f0bac539.js}

@@ -94,14 +94,14 @@ const InputBoxSizes = {
   // Box
   'children:min-h-[46px] children:md:min-h-[34px]',
   // Spacing
-  'first:children:ml-md first:children:md:ml-sm+', 'last:children:mr-md last:children:md:mr-sm+', 'gap-sm+ md:gap-sm',
+  'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-sm+ md:gap-sm',
   // Typography
   'typography-body-2-regular'],
   [InputBoxSize.S]: [
   // Box
   'children:min-h-[30px]',
   // Spacing
-  'first:children:ml-md first:children:md:ml-sm+', 'last:children:mr-md last:children:md:mr-sm+', 'gap-[6px]',
+  'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-[6px]',
   // Typography
   'typography-caption-regular']
 };

package/dist/esm/v3/{OrList-69197fa9.js → OrList-d4ec14f5.js}

@@ -6,7 +6,7 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrIconButton-793c4a52.js';
+import { s as script$1 } from './OrIconButton-1cea9181.js';
 import { s as script$2 } from './OrLabel-b826da04.js';
 import { s as script$3 } from './OrListItem-2ed9a12f.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrMenu-33d89df4.js → OrMenu-dc70cd1d.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-062e78f6.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-cb084338.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [
@@ -33,7 +33,7 @@ var script = defineComponent({
     },
     offset: {
       type: [Number, Object, Function],
-      default: undefined
+      default: 8
     },
     // TODO: Remove after migration to Vue 3
     additionalStyles: {

package/dist/esm/v3/{OrModal-51eef18b.js → OrModal-4b074f7d.js}

@@ -6,7 +6,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$5 } from './OrOverlay-bd4f72c4.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-793c4a52.js';
+import { s as script$4 } from './OrIconButton-1cea9181.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v3/{OrNotification-ab072d90.js → OrNotification-33f6e12c.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-793c4a52.js';
+import { s as script$2 } from './OrIconButton-1cea9181.js';
 import { s as script$1 } from './OrIcon-8f6c9c29.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 
@@ -11,7 +11,7 @@ var NotificationVariant;
   NotificationVariant["Info"] = "info";
 })(NotificationVariant || (NotificationVariant = {}));
 
-const Notification = [
+const NotificationRoot = [
 // Layout
 'layout-row !items-start',
 // Shape
@@ -20,33 +20,33 @@ const Notification = [
 'px-md', 'py-md', 'gap-md',
 // Typography
 'typography-body-2-regular',
-// Typography (children)
-'[&_:any-link]:typography-body-2-bold',
-// Elevation
-'shadow-contextual', 'dark:shadow-contextual-dark',
+// Typography (links)
+'links:typography-body-2-bold',
 // Theme
-'theme-foreground-default', 'dark:theme-foreground-default-dark'];
-const NotificationVariants = {
+'theme-foreground-default', 'dark:theme-foreground-default-dark',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark'];
+const NotificationRootVariants = {
   'success': [
   // Theme
   'theme-background-success-container', 'dark:theme-background-success-container-dark',
-  // Theme (children)
-  '[&_:any-link]:theme-foreground-success', 'dark:[&_:any-link]:theme-foreground-success-dark'],
+  // Theme (links)
+  'links:theme-foreground-success', 'dark:links:theme-foreground-success-dark'],
   'warning': [
   // Theme
   'theme-background-warning-container', 'dark:theme-background-warning-container-dark',
-  // Theme (children)
-  '[&_:any-link]:theme-foreground-warning', 'dark:[&_:any-link]:theme-foreground-warning-dark'],
+  // Theme (links)
+  'links:theme-foreground-warning', 'dark:links:theme-foreground-warning-dark'],
   'error': [
   // Theme
   'theme-background-error-container', 'dark:theme-background-error-container-dark',
-  // Theme (children)
-  '[&_:any-link]:theme-foreground-error', 'dark:[&_:any-link]:theme-foreground-error-dark'],
+  // Theme (links)
+  'links:theme-foreground-error', 'dark:links:theme-foreground-error-dark'],
   'info': [
   // Theme
   'theme-background-primary-container', 'dark:theme-background-primary-container-dark',
-  // Theme (children)
-  '[&_:any-link]:theme-foreground-primary', 'dark:[&_:any-link]:theme-foreground-primary-dark']
+  // Theme (links)
+  'links:theme-foreground-primary', 'dark:links:theme-foreground-primary-dark']
 };
 const NotificationIcon = [];
 const NotificationIconVariants = {
@@ -85,7 +85,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-notification-v3', ...Notification, ...NotificationVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-notification-v3', ...NotificationRoot, ...NotificationRootVariants[props.variant]]);
     const iconStyles = computed(() => [...NotificationIcon, ...NotificationIconVariants[props.variant]]);
     // State
     const icon = computed(() => {

package/dist/esm/v3/{OrPagination-18243eb9.js → OrPagination-d6261dcd.js}

@@ -7,8 +7,8 @@ import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-e5617bbe.js';
 import { s as script$2 } from './OrIcon-8f6c9c29.js';
 import { s as script$4 } from './OrMenuItem-77e47b3b.js';
-import { s as script$3 } from './OrMenu-33d89df4.js';
-import './OrPopover-062e78f6.js';
+import { s as script$3 } from './OrMenu-dc70cd1d.js';
+import './OrPopover-cb084338.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [

package/dist/esm/v3/{OrPopover-062e78f6.js → OrPopover-cb084338.js}

@@ -169,43 +169,51 @@ const Popover = [
 // Position
 'absolute'];
 const PopoverBody = [
-// Spacing
-'mx-sm', 'my-sm',
 // Shape
 'rounded-md',
+// Spacing
+'mx-sm', 'my-sm',
 // Elevation
 'shadow-contextual', 'dark:shadow-contextual-dark',
 // Theme
 'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const PopoverBodyPlacements = {
-  [PopoverPlacement.Top]: [],
+  [PopoverPlacement.Top]: [
+  // Spacing
+  'mb-none'],
   [PopoverPlacement.TopStart]: [
   // Spacing
-  'ml-none'],
+  'mb-none', 'ml-none'],
   [PopoverPlacement.TopEnd]: [
   // Spacing
-  'mr-none'],
-  [PopoverPlacement.Bottom]: [],
+  'mb-none', 'mr-none'],
+  [PopoverPlacement.Bottom]: [
+  // Spacing
+  'mt-none'],
   [PopoverPlacement.BottomStart]: [
   // Spacing
-  'ml-none'],
+  'mt-none', 'ml-none'],
   [PopoverPlacement.BottomEnd]: [
   // Spacing
+  'mt-none', 'mr-none'],
+  [PopoverPlacement.Left]: [
+  // Spacing
   'mr-none'],
-  [PopoverPlacement.Left]: [],
   [PopoverPlacement.LeftStart]: [
   // Spacing
-  'mt-none'],
+  'mr-none', 'mt-none'],
   [PopoverPlacement.LeftEnd]: [
   // Spacing
-  'mb-none'],
-  [PopoverPlacement.Right]: [],
+  'mr-none', 'mb-none'],
+  [PopoverPlacement.Right]: [
+  // Spacing
+  'ml-none'],
   [PopoverPlacement.RightStart]: [
   // Spacing
-  'mt-none'],
+  'ml-none', 'mt-none'],
   [PopoverPlacement.RightEnd]: [
   // Spacing
-  'mb-none']
+  'ml-none', 'mb-none']
 };
 
 var script = defineComponent({
@@ -242,7 +250,7 @@ var script = defineComponent({
     },
     offset: {
       type: [Number, Object, Function],
-      default: undefined
+      default: 8
     },
     fullWidth: {
       type: Boolean,

package/dist/esm/v3/{OrRangeSlider-5a611a12.js → OrRangeSlider-2913d633.js}

@@ -1,12 +1,12 @@
 import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrTooltip-ac2555b8.js';
-import './OrPopover-062e78f6.js';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider-8d4a54af.js';
+import { s as script$1 } from './OrTooltip-e4876b65.js';
+import './OrPopover-cb084338.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider-552657af.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, toDisplayString } from 'vue';
 
 const RangeSlider = [
@@ -67,22 +67,22 @@ const RangeSliderThumb = [
 // Shape
 'rounded-full',
 // Theme
-'theme-background-base', 'dark:theme-background-base-dark'];
+'bg-white dark:bg-black'];
 const RangeSliderThumbColors = {
   [SliderColor.Primary]: [
   // Theme
   'theme-border-4-primary', 'dark:theme-border-4-primary-dark',
-  // Theme (hover)
-  'hover:theme-background-primary', 'dark:hover:theme-background-primary-dark',
-  // Theme (active)
-  'active:theme-background-primary', 'dark:active:theme-background-primary-dark', 'active:theme-outline-10-primary', 'dark:active:theme-outline-10-primary-dark'],
+  // Theme (enabled, hover)
+  'hover:enabled:theme-background-primary', 'dark:hover:enabled:theme-background-primary-dark',
+  // Theme (enabled, active)
+  'active:enabled:theme-background-primary', 'dark:active:enabled:theme-background-primary-dark', 'active:enabled:theme-outline-10-primary', 'dark:active:enabled:theme-outline-10-primary-dark'],
   [SliderColor.Secondary]: [
   // Theme
   'theme-border-4-secondary', 'dark:theme-border-4-secondary-dark',
-  // Theme (hover)
-  'hover:theme-background-secondary', 'dark:hover:theme-background-secondary-dark',
-  // Theme (active)
-  'active:theme-background-secondary', 'dark:active:theme-background-secondary-dark', 'active:theme-outline-10-secondary', 'dark:active:theme-outline-10-secondary-dark']
+  // Theme (enabled, hover)
+  'hover:enabled:theme-background-secondary', 'dark:hover:enabled:theme-background-secondary-dark',
+  // Theme (enabled, active)
+  'active:enabled:theme-background-secondary', 'dark:active:enabled:theme-background-secondary-dark', 'active:enabled:theme-outline-10-secondary', 'dark:active:enabled:theme-outline-10-secondary-dark']
 };
 const RangeSliderLabel = [];
 const RangeSliderLabelOrientations = {
@@ -128,10 +128,6 @@ var script = defineComponent({
       type: Number,
       default: 1
     },
-    breakpoints: {
-      type: Array,
-      default: () => []
-    },
     color: {
       type: String,
       default: SliderColor.Primary
@@ -176,10 +172,7 @@ var script = defineComponent({
         return (proxyModelValue.value[0] - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        const modelValue = value * (props.maxValue - props.minValue) + props.minValue;
-        proxyModelValue.value = [internalBreakpoints.value.reduce((a, b) => {
-          return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;
-        }), Math.round(internalModelValueTo.value * (props.maxValue - props.minValue) + props.minValue)];
+        proxyModelValue.value = [Math.round(value * (props.maxValue - props.minValue) + props.minValue), Math.round(internalModelValueTo.value * (props.maxValue - props.minValue) + props.minValue)];
       }
     });
     const internalModelValueTo = computed({
@@ -187,17 +180,8 @@ var script = defineComponent({
         return (proxyModelValue.value[1] - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        const modelValue = value * (props.maxValue - props.minValue) + props.minValue;
-        proxyModelValue.value = [Math.round(internalModelValueFrom.value * (props.maxValue - props.minValue) + props.minValue), internalBreakpoints.value.reduce((a, b) => {
-          return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;
-        })];
-      }
-    });
-    const internalBreakpoints = computed(() => {
-      if (!props.step) {
-        return [props.minValue, ...props.breakpoints, props.maxValue];
+        proxyModelValue.value = [Math.round(internalModelValueFrom.value * (props.maxValue - props.minValue) + props.minValue), Math.round(value * (props.maxValue - props.minValue) + props.minValue)];
       }
-      return Array(Math.ceil(Math.abs(props.maxValue - props.minValue) / props.step)).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(...props.breakpoints, props.maxValue).sort((a, b) => a - b);
     });
     const railBoundingBox = useElementBounding(rail);
     const selectedControl = ref();
@@ -235,21 +219,6 @@ var script = defineComponent({
       onMove: onDrag,
       onEnd: onDrag
     });
-    // Constraints
-    watch(toRef(props, 'minValue'), value => {
-      if (value >= props.maxValue) {
-        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
-      }
-    }, {
-      immediate: true
-    });
-    watch(toRef(props, 'maxValue'), value => {
-      if (value <= props.minValue) {
-        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
-      }
-    }, {
-      immediate: true
-    });
     return {
       root,
       rail,
@@ -265,6 +234,8 @@ var script = defineComponent({
       labelStyles,
       labelMarkStyles,
       proxyModelValue,
+      internalModelValueFrom,
+      internalModelValueTo,
       selectedControl,
       isHovering,
       isDragging
@@ -298,7 +269,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled
   }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, {
     class: normalizeClass(['relative', 'z-10']),
-    "is-open": _ctx.isHovering && !_ctx.isDragging || _ctx.selectedControl === 'from',
+    "is-open": _ctx.isHovering || _ctx.isDragging,
     content: String(_ctx.proxyModelValue[0]),
     placement: _ctx.orientation === 'horizontal' ? 'top' : 'right',
     offset: 8,
@@ -316,7 +287,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled
   }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_5), createVNode(_component_OrTooltip, {
     class: normalizeClass(['relative', 'z-10']),
-    "is-open": _ctx.isHovering && !_ctx.isDragging || _ctx.selectedControl === 'to',
+    "is-open": _ctx.isHovering || _ctx.isDragging,
     content: String(_ctx.proxyModelValue[1]),
     placement: _ctx.orientation === 'horizontal' ? 'top' : 'right',
     offset: 8,

package/dist/esm/v3/{OrResizeablePanel-5dfd3f6d.js → OrResizeablePanel-0f8446fa.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrIconButton-793c4a52.js';
+import { s as script$1 } from './OrIconButton-1cea9181.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
 
 var ResizeablePanelPadding;

package/dist/esm/v3/{OrRichTextEditor-155c8006.js → OrRichTextEditor-df6596dc.js}

@@ -16,13 +16,13 @@ import Blockquote from '@tiptap/extension-blockquote';
 import Link from '@tiptap/extension-link';
 import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
-import { s as script$1 } from './OrIconButton-793c4a52.js';
+import { s as script$1 } from './OrIconButton-1cea9181.js';
 import { s as script$2 } from './OrLabel-b826da04.js';
-import { s as script$4 } from './OrMenu-33d89df4.js';
-import { s as script$8 } from './OrPopover-062e78f6.js';
+import { s as script$4 } from './OrMenu-dc70cd1d.js';
+import { s as script$8 } from './OrPopover-cb084338.js';
 import { s as script$3 } from './OrMenuItem-77e47b3b.js';
-import { s as script$5 } from './OrModal-51eef18b.js';
-import { s as script$6 } from './OrInput-42ba854a.js';
+import { s as script$5 } from './OrModal-4b074f7d.js';
+import { s as script$6 } from './OrInput-c44f5b4d.js';
 import { s as script$7 } from './OrButton-e5617bbe.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';
 import StarterKit from '@tiptap/starter-kit';

package/dist/esm/v3/{OrSearch-c554a01e.js → OrSearch-0f62a15d.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-42ba854a.js';
-import { I as InputBoxSize } from './OrInputBox-ffea8c8e.js';
+import { s as script$1 } from './OrInput-c44f5b4d.js';
+import { I as InputBoxSize } from './OrInputBox-f0bac539.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import './dom-aecadd9a.js';
 import '@onereach/styles/tailwind/plugins/core';

package/dist/esm/v3/{OrSelect-a0f2637e.js → OrSelect-21faa56f.js}

@@ -10,15 +10,15 @@ import { s as script$3 } from './OrCheckbox-11c3dc2f.js';
 import { s as script$4 } from './OrError-69bd7f6a.js';
 import { s as script$5 } from './OrExpansionPanel-abe63bbb.js';
 import { s as script$6 } from './OrHint-55d3de35.js';
-import { s as script$8 } from './OrIconButton-793c4a52.js';
+import { s as script$8 } from './OrIconButton-1cea9181.js';
 import { s as script$7 } from './OrIcon-8f6c9c29.js';
-import { s as script$a, I as InputBoxSize } from './OrInputBox-ffea8c8e.js';
-import { s as script$9 } from './OrInput-42ba854a.js';
+import { s as script$a, I as InputBoxSize } from './OrInputBox-f0bac539.js';
+import { s as script$9 } from './OrInput-c44f5b4d.js';
 import { s as script$b } from './OrLabel-b826da04.js';
 import { s as script$c } from './OrMenuItem-77e47b3b.js';
-import { s as script$d } from './OrPopover-062e78f6.js';
-import { T as TagsOverflow } from './OrTags-ae0ea882.js';
-import { s as script$1 } from './OrSelectMultipleControl-39cf771b.js';
+import { s as script$d } from './OrPopover-cb084338.js';
+import { T as TagsOverflow } from './OrTags-96e7e5b4.js';
+import { s as script$1 } from './OrSelectMultipleControl-bb0dadfb.js';
 import { s as script$2 } from './OrSelectSingleControl-5e78d499.js';
 import './OrSelectPlaceholder-10e3bf5e.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, Fragment, renderList, vShow } from 'vue';
@@ -477,6 +477,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'auto',
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom',
+      offset: 0,
       "full-width": true,
       "disable-default-styles": true
     }, {

package/dist/esm/v3/{OrSelectMultipleControl-39cf771b.js → OrSelectMultipleControl-bb0dadfb.js}

@@ -5,7 +5,7 @@ import { i as isEqualValue } from './isEqualValue-f8bf73d9.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$3, T as TagsOverflow } from './OrTags-ae0ea882.js';
+import { s as script$3, T as TagsOverflow } from './OrTags-96e7e5b4.js';
 import { s as script$1 } from './OrSelectPlaceholder-10e3bf5e.js';
 import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
 import { s as script$2 } from './OrSelectControlInput-3297e30d.js';

package/dist/esm/v3/{OrSidebar-3ce61658.js → OrSidebar-a7f0c628.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-5dfd3f6d.js';
+import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-0f8446fa.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
 
 var SidebarPlacement;

package/dist/esm/v3/{OrSlider-8d4a54af.js → OrSlider-552657af.js}

@@ -1,11 +1,11 @@
 import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrTooltip-ac2555b8.js';
-import './OrPopover-062e78f6.js';
+import { s as script$1 } from './OrTooltip-e4876b65.js';
+import './OrPopover-cb084338.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, toDisplayString } from 'vue';
 
 var SliderColor;
@@ -72,22 +72,22 @@ const SliderThumb = [
 // Shape
 'rounded-full',
 // Theme
-'theme-background-base', 'dark:theme-background-base-dark'];
+'bg-white dark:bg-black'];
 const SliderThumbColors = {
   [SliderColor.Primary]: [
   // Theme
   'theme-border-4-primary', 'dark:theme-border-4-primary-dark',
-  // Theme (hover)
-  'hover:theme-background-primary', 'dark:hover:theme-background-primary-dark',
-  // Theme (active)
-  'active:theme-background-primary', 'dark:active:theme-background-primary-dark', 'active:theme-outline-10-primary', 'dark:active:theme-outline-10-primary-dark'],
+  // Theme (enabled, hover)
+  'hover:enabled:theme-background-primary', 'dark:hover:enabled:theme-background-primary-dark',
+  // Theme (enabled, active)
+  'active:enabled:theme-background-primary', 'dark:active:enabled:theme-background-primary-dark', 'active:enabled:theme-outline-10-primary', 'dark:active:enabled:theme-outline-10-primary-dark'],
   [SliderColor.Secondary]: [
   // Theme
   'theme-border-4-secondary', 'dark:theme-border-4-secondary-dark',
-  // Theme (hover)
-  'hover:theme-background-secondary', 'dark:hover:theme-background-secondary-dark',
-  // Theme (active)
-  'active:theme-background-secondary', 'dark:active:theme-background-secondary-dark', 'active:theme-outline-10-secondary', 'dark:active:theme-outline-10-secondary-dark']
+  // Theme (enabled, hover)
+  'hover:enabled:theme-background-secondary', 'dark:hover:enabled:theme-background-secondary-dark',
+  // Theme (enabled, active)
+  'active:enabled:theme-background-secondary', 'dark:active:enabled:theme-background-secondary-dark', 'active:enabled:theme-outline-10-secondary', 'dark:active:enabled:theme-outline-10-secondary-dark']
 };
 const SliderLabel = [];
 const SliderLabelOrientations = {
@@ -133,10 +133,6 @@ var script = defineComponent({
       type: Number,
       default: 1
     },
-    breakpoints: {
-      type: Array,
-      default: () => []
-    },
     color: {
       type: String,
       default: SliderColor.Primary
@@ -176,17 +172,8 @@ var script = defineComponent({
         return (proxyModelValue.value - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        const modelValue = value * (props.maxValue - props.minValue) + props.minValue;
-        proxyModelValue.value = internalBreakpoints.value.reduce((a, b) => {
-          return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;
-        });
-      }
-    });
-    const internalBreakpoints = computed(() => {
-      if (!props.step) {
-        return [props.minValue, ...props.breakpoints, props.maxValue];
+        proxyModelValue.value = Math.round(value * (props.maxValue - props.minValue) + props.minValue);
       }
-      return Array(Math.ceil(Math.abs(props.maxValue - props.minValue) / props.step)).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(...props.breakpoints, props.maxValue).sort((a, b) => a - b);
     });
     const railBoundingBox = useElementBounding(rail);
     // Handlers
@@ -207,21 +194,6 @@ var script = defineComponent({
       onMove: onDrag,
       onEnd: onDrag
     });
-    // Constraints
-    watch(toRef(props, 'minValue'), value => {
-      if (value >= props.maxValue) {
-        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
-      }
-    }, {
-      immediate: true
-    });
-    watch(toRef(props, 'maxValue'), value => {
-      if (value <= props.minValue) {
-        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
-      }
-    }, {
-      immediate: true
-    });
     return {
       root,
       rail,
@@ -234,6 +206,7 @@ var script = defineComponent({
       labelStyles,
       labelMarkStyles,
       proxyModelValue,
+      internalModelValue,
       isHovering,
       isDragging
     };