@onereach/ui-components 8.26.2-beta.4184.0 → 9.0.0

package/dist/esm/v3/{OrFormGroup-e28b731e.js → OrFormGroup-25d0a2da.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrError-39d69994.js';
-import { s as script$2 } from './OrHint-a3c8c79e.js';
-import { s as script$3 } from './OrLabel-e25ab9ed.js';
+import { s as script$1 } from './OrError-331220bc.js';
+import { s as script$2 } from './OrHint-262c8217.js';
+import { s as script$3 } from './OrLabel-f1a581d8.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 var FormGroupDirection;
@@ -84,7 +84,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrHint = resolveComponent("OrHint");
   const _component_OrError = resolveComponent("OrError");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "label", {}, () => [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,

package/dist/esm/v3/{OrHint-a3c8c79e.js → OrHint-262c8217.js}

@@ -47,7 +47,7 @@ var script = defineComponent({
 const _hoisted_1 = ["disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     disabled: _ctx.disabled
   }, [createElementVNode("div", {

package/dist/esm/v3/{OrIcon-0c48d976.js → OrIcon-c446d072.js}

@@ -89,7 +89,7 @@ var script = defineComponent({
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, toDisplayString(_ctx.icon), 3 /* TEXT, CLASS */);
 }

package/dist/esm/v3/{OrIconButton-747ffb8c.js → OrIconButton-bc7ebce6.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
-import { s as script$1, a as IconSize } from './OrIcon-0c48d976.js';
-import { s as script$2 } from './OrTooltip-9b965fdc.js';
+import { s as script$1, a as IconSize } from './OrIcon-c446d072.js';
+import { s as script$2 } from './OrTooltip-62fe3aa2.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, createSlots, withCtx, createElementVNode, mergeProps, toHandlers, createVNode, renderSlot } from 'vue';
 
 var IconButtonColor;
@@ -141,7 +141,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     content: _ctx.tooltip
   } : _ctx.tooltip)), createSlots({
     default: withCtx(() => [createElementVNode("button", mergeProps({
-      ref: "root"
+      ref: 'root'
     }, _ctx.$attrs, {
       class: [_ctx.rootStyles, ..._ctx.additionalStyles],
       type: 'button',

package/dist/esm/v3/{OrInlineInput-e0727d6e.js → OrInlineInput-7c6d39e7.js}

@@ -6,10 +6,10 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { s as script$1 } from './OrError-39d69994.js';
-import { s as script$2 } from './OrHint-a3c8c79e.js';
-import { s as script$3 } from './OrIconButton-747ffb8c.js';
-import { I as InlineInputBoxSize, s as script$4 } from './OrInlineInputBox-7c774600.js';
+import { s as script$1 } from './OrError-331220bc.js';
+import { s as script$2 } from './OrHint-262c8217.js';
+import { s as script$3 } from './OrIconButton-bc7ebce6.js';
+import { I as InlineInputBoxSize, s as script$4 } from './OrInlineInputBox-9d62d2b3.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';
 
@@ -184,16 +184,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrHint = resolveComponent("OrHint");
   const _component_OrError = resolveComponent("OrError");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [createElementVNode("div", _hoisted_1, [createVNode(_component_OrInlineInputBox, {
     size: _ctx.size,
     invalid: !!_ctx.error
   }, {
     default: withCtx(() => [withDirectives(createElementVNode("input", mergeProps({
-      ref: "control",
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event)
+      ref: 'control'
     }, _ctx.controlAttributes, {
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
       class: _ctx.controlStyles,
       type: _ctx.type,
       placeholder: _ctx.placeholder,
@@ -209,7 +209,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.$emit('blur', $event);
         _ctx.onBlur();
       })
-    }), null, 16 /* FULL_PROPS */, _hoisted_2), [[vModelDynamic, _ctx.draftModelValue]])]),
+    }), null, 16 /* FULL_PROPS */, _hoisted_2), [[vModelDynamic, _ctx.draftModelValue, void 0, {
+      trim: true
+    }]])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["size", "invalid"]), _ctx.activated && !_ctx.saveOnBlur ? (openBlock(), createElementBlock("div", {
     key: 0,

package/dist/esm/v3/{OrInlineInputBox-7c774600.js → OrInlineInputBox-9d62d2b3.js}

@@ -57,7 +57,7 @@ var script = defineComponent({
 const _hoisted_1 = ["invalid"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     invalid: _ctx.invalid
   }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1);

package/dist/esm/v3/{OrInlineTextarea-2b8f797e.js → OrInlineTextarea-7321d8d3.js}

@@ -6,10 +6,10 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { s as script$1 } from './OrError-39d69994.js';
-import { s as script$2 } from './OrHint-a3c8c79e.js';
-import { s as script$3 } from './OrIconButton-747ffb8c.js';
-import { s as script$4 } from './OrInlineInputBox-7c774600.js';
+import { s as script$1 } from './OrError-331220bc.js';
+import { s as script$2 } from './OrHint-262c8217.js';
+import { s as script$3 } from './OrIconButton-bc7ebce6.js';
+import { s as script$4 } from './OrInlineInputBox-9d62d2b3.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';
 
@@ -162,16 +162,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrHint = resolveComponent("OrHint");
   const _component_OrError = resolveComponent("OrError");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [createElementVNode("div", _hoisted_1, [createVNode(_component_OrInlineInputBox, {
     size: 's',
     invalid: !!_ctx.error
   }, {
     default: withCtx(() => [withDirectives(createElementVNode("textarea", mergeProps({
-      ref: "control",
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event)
+      ref: 'control'
     }, _ctx.controlAttributes, {
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
       class: _ctx.controlStyles,
       placeholder: _ctx.placeholder,
       activated: _ctx.activated,
@@ -186,7 +186,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.$emit('blur', $event);
         _ctx.onBlur();
       })
-    }), null, 16 /* FULL_PROPS */, _hoisted_2), [[vModelText, _ctx.draftModelValue]])]),
+    }), null, 16 /* FULL_PROPS */, _hoisted_2), [[vModelText, _ctx.draftModelValue, void 0, {
+      trim: true
+    }]])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["invalid"]), _ctx.activated && !_ctx.saveOnBlur ? (openBlock(), createElementBlock("div", {
     key: 0,

package/dist/esm/v3/{OrInput-c1b19d47.js → OrInput-2c4b97ed.js}

@@ -6,13 +6,13 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { s as script$1 } from './OrError-39d69994.js';
-import { s as script$2 } from './OrHint-a3c8c79e.js';
-import { s as script$4 } from './OrIconButton-747ffb8c.js';
-import { s as script$3 } from './OrIcon-0c48d976.js';
-import { s as script$5, a as InputBoxSize } from './OrInputBox-f513e0a9.js';
-import { s as script$6 } from './OrLabel-e25ab9ed.js';
-import { s as script$7 } from './OrLoader-b7d415dd.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-bc7ebce6.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-f1a581d8.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';
 
@@ -183,7 +183,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrHint = resolveComponent("OrHint");
   const _component_OrError = resolveComponent("OrError");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
@@ -204,9 +204,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled
   }, createSlots({
     default: withCtx(() => [withDirectives(createElementVNode("input", mergeProps({
-      ref: "control",
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event)
+      ref: 'control'
     }, _ctx.controlAttributes, {
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
       class: _ctx.controlStyles,
       name: _ctx.name,
       type: _ctx.type === 'password' && _ctx.disclosed ? 'text' : _ctx.type,
@@ -220,7 +220,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onKeyup: _cache[3] || (_cache[3] = $event => _ctx.$emit('keyup', $event)),
       onFocus: _cache[4] || (_cache[4] = $event => _ctx.$emit('focus', $event)),
       onBlur: _cache[5] || (_cache[5] = $event => _ctx.$emit('blur', $event))
-    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]])]),
+    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue, void 0, {
+      trim: true
+    }]])]),
     _: 2 /* DYNAMIC */
   }, [_ctx.loading || _ctx.type === 'password' || _ctx.type === 'search' ? {
     name: "addon",

package/dist/esm/v3/{OrInputBox-f513e0a9.js → OrInputBox-287f97ba.js}

@@ -39,7 +39,7 @@ var script$1 = defineComponent({
 const _hoisted_1$1 = ["invalid", "readonly", "disabled"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     invalid: _ctx.invalid,
     readonly: _ctx.readonly,
@@ -152,7 +152,7 @@ const _hoisted_1 = ["invalid", "readonly", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrInputBoxAddon = resolveComponent("OrInputBoxAddon");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     invalid: _ctx.invalid,
     readonly: _ctx.readonly,

package/dist/esm/v3/{OrLabel-e25ab9ed.js → OrLabel-f1a581d8.js}

@@ -88,7 +88,7 @@ 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",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     selected: _ctx.selected,
     disabled: _ctx.disabled

package/dist/esm/v3/{OrLink-f39ddaba.js → OrLink-c83a51b2.js}

@@ -85,7 +85,7 @@ var script = defineComponent({
 const _hoisted_1 = ["href", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("a", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     href: _ctx.href,
     disabled: _ctx.disabled

package/dist/esm/v3/{OrList-3e659fc4.js → OrList-decc6768.js}

@@ -6,9 +6,9 @@ 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-747ffb8c.js';
-import { s as script$2 } from './OrLabel-e25ab9ed.js';
-import { s as script$3 } from './OrListItem-36b410c7.js';
+import { s as script$1 } from './OrIconButton-bc7ebce6.js';
+import { s as script$2 } from './OrLabel-f1a581d8.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';
 
 const List = [
@@ -158,7 +158,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIconButton = resolveComponent("OrIconButton");
   const _component_OrListItem = resolveComponent("OrListItem");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     disabled: _ctx.disabled
   }, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
@@ -172,7 +172,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["disabled"])]), createElementVNode("div", {
-    ref: "content",
+    ref: 'content',
     class: normalizeClass(_ctx.contentStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.proxyModelValue, (item, index) => {
     return openBlock(), createBlock(_component_OrListItem, {

package/dist/esm/v3/{OrListItem-36b410c7.js → OrListItem-12e21bc6.js}

@@ -54,7 +54,7 @@ const _hoisted_1 = ["selected", "disabled", "draggable"];
 const _hoisted_2 = ["disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     selected: _ctx.selected,
     disabled: _ctx.disabled,

package/dist/esm/v3/{OrLoader-b7d415dd.js → OrLoader-5e2f359b.js}

@@ -130,7 +130,7 @@ const _hoisted_6 = ["x2"];
 const _hoisted_7 = ["x2", "stroke"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [_ctx.title ? (openBlock(), createElementBlock("div", {
     key: 0,

package/dist/esm/v3/{OrMenu-69910fee.js → OrMenu-ebf8c55d.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, a as PopoverPlacement } from './OrPopover-9b1f3dee.js';
+import { s as script$1, a as PopoverPlacement } from './OrPopover-93803a23.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [
@@ -95,7 +95,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:state": _cache[1] || (_cache[1] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps({
-      ref: "root"
+      ref: 'root'
     }, _ctx.$attrs, {
       class: [_ctx.rootStyles, ..._ctx.additionalStyles],
       onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.onClick($event), ["stop"]))

package/dist/esm/v3/{OrMenuItem-fa3a4bc0.js → OrMenuItem-f37a662b.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-747ffb8c.js';
-import { s as script$1 } from './OrIcon-0c48d976.js';
+import { s as script$2 } from './OrIconButton-bc7ebce6.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';
 
 const MenuItem = [
@@ -73,7 +73,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
   const _component_OrIconButton = resolveComponent("OrIconButton");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     tabindex: !_ctx.disabled ? 0 : null,
     selected: _ctx.selected,

package/dist/esm/v3/{OrModal-02ac915b.js → OrModal-91ceee4d.js}

@@ -4,9 +4,9 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$5 } from './OrOverlay-2b297773.js';
+import { s as script$5 } from './OrOverlay-19bd1352.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-747ffb8c.js';
+import { s as script$4 } from './OrIconButton-bc7ebce6.js';
 
 const ModalContent = [
 // Overflow
@@ -31,7 +31,7 @@ var script$3 = defineComponent({
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
 }
@@ -60,7 +60,7 @@ var script$2 = defineComponent({
 
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
 }
@@ -101,7 +101,7 @@ const _hoisted_1 = {
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIconButton = resolveComponent("OrIconButton");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), createVNode(_component_OrIconButton, {
     icon: 'close',
@@ -204,7 +204,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fullscreen: true
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps({
-      ref: "root"
+      ref: 'root'
     }, _ctx.$attrs, {
       class: _ctx.rootStyles
     }), [createVNode(_component_OrModalHeader, {

package/dist/esm/v3/{OrNotification-0fcd548f.js → OrNotification-18308092.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-747ffb8c.js';
-import { s as script$1 } from './OrIcon-0c48d976.js';
+import { s as script$2 } from './OrIconButton-bc7ebce6.js';
+import { s as script$1 } from './OrIcon-c446d072.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 
 var NotificationVariant;
@@ -122,7 +122,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
   const _component_OrIconButton = resolveComponent("OrIconButton");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [createElementVNode("div", _hoisted_1, [createVNode(_component_OrIcon, {
     class: normalizeClass(_ctx.iconStyles),

package/dist/esm/v3/{OrOverlay-2b297773.js → OrOverlay-19bd1352.js}

@@ -53,7 +53,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: !_ctx.fullscreen
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps({
-      ref: "root"
+      ref: 'root'
     }, _ctx.$attrs, {
       class: _ctx.rootStyles
     }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),

package/dist/esm/v3/{OrPagination-9ae3cf91.js → OrPagination-c11086bd.js}

@@ -4,10 +4,10 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrButton-87b05b8b.js';
-import { s as script$2 } from './OrIcon-0c48d976.js';
-import { s as script$4 } from './OrMenuItem-fa3a4bc0.js';
-import { s as script$3 } from './OrMenu-69910fee.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-f37a662b.js';
+import { s as script$3 } from './OrMenu-ebf8c55d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [
@@ -194,7 +194,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrMenuItem = resolveComponent("OrMenuItem");
   const _component_OrMenu = resolveComponent("OrMenu");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [createElementVNode("div", {
     class: normalizeClass(_ctx.offsetControlStyles)
@@ -240,7 +240,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [_ctx.isDesktop ? (openBlock(), createElementBlock(Fragment, {
     key: 0
   }, [createTextVNode(" Per page: ")], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createVNode(_component_OrButton, {
-    ref: "limitButton",
+    ref: 'limitButton',
     class: normalizeClass(_ctx.itemStyles),
     variant: 'link',
     color: 'inherit',
@@ -252,7 +252,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8 /* PROPS */, ["icon"])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["class"]), createVNode(_component_OrMenu, {
-    ref: "limitMenu",
+    ref: 'limitMenu',
     "additional-styles": ['min-w-[60px]'],
     trigger: _ctx.limitButtonRoot,
     placement: 'top'

package/dist/esm/v3/{OrPopover-9b1f3dee.js → OrPopover-93803a23.js}

@@ -6,7 +6,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrBottomSheet-762f1eeb.js';
+import { s as script$1 } from './OrBottomSheet-82ba0a9b.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { i as isPrevented } from './isPrevented-6994b101.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
@@ -358,7 +358,7 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = {
-  ref: "containerRoot",
+  ref: 'containerRoot',
   class: /*#__PURE__*/normalizeClass(['contents'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -367,7 +367,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_OrTeleport, null, {
     default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_1, [_ctx.isDesktop && _ctx.variant === 'auto' || _ctx.variant === 'popover' ? (openBlock(), createElementBlock("div", mergeProps({
       key: 0,
-      ref: "root"
+      ref: 'root'
     }, _ctx.$attrs, {
       style: _ctx.floatingStyles,
       class: _ctx.rootStyles
@@ -378,7 +378,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.bodyStyles)
     }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */))], 16 /* FULL_PROPS */)) : createCommentVNode("v-if", true), _ctx.isMobile && _ctx.variant === 'auto' || _ctx.variant === 'bottom-sheet' ? (openBlock(), createBlock(_component_OrBottomSheet, mergeProps({
       key: 1,
-      ref: "bottomSheet"
+      ref: 'bottomSheet'
     }, _ctx.bottomSheetProps, {
       "is-open": _ctx.state === 'open',
       "onUpdate:state": _cache[0] || (_cache[0] = $event => $event === 'open' ? _ctx.open() : _ctx.close())

package/dist/esm/v3/{OrProgress-59100c74.js → OrProgress-0939955c.js}

@@ -228,7 +228,7 @@ const _hoisted_6 = {
 const _hoisted_7 = ["stroke-dasharray", "stroke-dashoffset"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [_ctx.isLinearType ? (openBlock(), createElementBlock(Fragment, {
     key: 0

package/dist/esm/v3/{OrRadio-48e404ef.js → OrRadio-b4ab913e.js}

@@ -5,8 +5,8 @@ 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, L as LabelVariant } from './OrLabel-e25ab9ed.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelRadio, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as script$1, L as LabelVariant } from './OrLabel-f1a581d8.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
 const RadioRoot = [
@@ -115,20 +115,20 @@ const _hoisted_1 = ["value", "required", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [withDirectives(createElementVNode("input", mergeProps({
-    ref: "control",
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event)
+    ref: 'control'
   }, _ctx.controlAttributes, {
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
     class: _ctx.controlStyles,
-    type: "radio",
+    type: 'radio',
     value: _ctx.value,
     required: _ctx.required,
     disabled: _ctx.disabled,
     onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
     onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-  }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelRadio, _ctx.proxyModelValue]]), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]]), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     "control-id": _ctx.controlAttributes.id,
     variant: _ctx.labelVariant,

package/dist/esm/v3/{OrRadioGroup-80869a63.js → OrRadioGroup-01871290.js}

@@ -4,8 +4,8 @@ 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 './OrFormGroup-e28b731e.js';
-import { s as script$2 } from './OrRadio-48e404ef.js';
+import { s as script$1 } from './OrFormGroup-25d0a2da.js';
+import { s as script$2 } from './OrRadio-b4ab913e.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrRangeSlider-922a37ef.js → OrRangeSlider-1284dce6.js}

@@ -4,8 +4,8 @@ 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 { a as SliderOrientation, S as SliderColor } from './OrSlider-1eab9fee.js';
-import { s as script$1 } from './OrTooltip-9b965fdc.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider-64c51216.js';
+import { s as script$1 } from './OrTooltip-62fe3aa2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
 
 const RangeSlider = [
@@ -591,15 +591,15 @@ const _hoisted_9 = ["disabled", "force-state", "onMouseenter", "onClick"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrTooltip = resolveComponent("OrTooltip");
   return openBlock(), createElementBlock("div", {
-    ref: "root",
+    ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     disabled: _ctx.disabled
   }, [createElementVNode("div", {
-    ref: "rail",
+    ref: 'rail',
     class: normalizeClass(_ctx.railStyles),
     disabled: _ctx.disabled
   }, [createElementVNode("div", {
-    ref: "offset",
+    ref: 'offset',
     class: normalizeClass(_ctx.offsetStyles),
     style: normalizeStyle(_ctx.offsetComputedStyles),
     disabled: _ctx.disabled
@@ -615,13 +615,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, () => [createTextVNode(toDisplayString(_ctx.proxyModelValue[_ctx.orientation.endsWith('-reversed') ? 1 : 0]), 1 /* TEXT */)])]),
 
     default: withCtx(() => [createElementVNode("div", {
-      ref: "thumbFrom",
+      ref: 'thumbFrom',
       class: normalizeClass(_ctx.thumbStyles),
       disabled: _ctx.disabled
     }, null, 10 /* CLASS, PROPS */, _hoisted_4)]),
     _: 3 /* FORWARDED */
   }, 16 /* FULL_PROPS */, ["is-open", "placement"]), createElementVNode("div", {
-    ref: "track",
+    ref: 'track',
     class: normalizeClass(_ctx.trackStyles),
     style: normalizeStyle(_ctx.trackComputedStyles),
     disabled: _ctx.disabled
@@ -637,13 +637,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, () => [createTextVNode(toDisplayString(_ctx.proxyModelValue[_ctx.orientation.endsWith('-reversed') ? 0 : 1]), 1 /* TEXT */)])]),
 
     default: withCtx(() => [createElementVNode("div", {
-      ref: "thumbTo",
+      ref: 'thumbTo',
       class: normalizeClass(_ctx.thumbStyles),
       disabled: _ctx.disabled
     }, null, 10 /* CLASS, PROPS */, _hoisted_6)]),
     _: 3 /* FORWARDED */
   }, 16 /* FULL_PROPS */, ["is-open", "placement"]), createElementVNode("div", {
-    ref: "filler",
+    ref: 'filler',
     class: normalizeClass(['grow', ..._ctx.offsetStyles]),
     disabled: _ctx.disabled
   }, null, 10 /* CLASS, PROPS */, _hoisted_7), _ctx.breakpoints.length > 0 ? (openBlock(true), createElementBlock(Fragment, {