@onereach/ui-components 9.0.1-beta.4192.0 → 9.0.1-beta.4194.0

package/dist/esm/v3/{OrSwitch-43616cd3.js → OrSwitch-6cd74849.js}

@@ -2,16 +2,15 @@ import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
-import { i as isVoid } from './isVoid-36a1480c.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-02aa56ad.js';
+import { s as script$1, L as LabelVariant } from './OrLabel-f1a581d8.js';
 import { s as script$2 } from './OrLoader-5e2f359b.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, mergeProps, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, mergeProps, vModelDynamic, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
-const Switch = [
+const SwitchRoot = [
 // Layout
 'layout-row',
 // Spacing
@@ -19,16 +18,16 @@ const Switch = [
 const SwitchControl = [
 // Layout
 'layout-inline-row justify-start checked:justify-end',
-// Interactivity
-'interactivity-click',
-// Shape
-'rounded-full',
 // Box
 'w-[43px] md:w-[37px]', 'h-[24px] md:h-[21px]',
+// Shape
+'rounded-full',
 // Spacing
 'px-[2px]', 'active:px-[1px]',
 // Spacing (checked)
 'checked:px-[3px]', 'active:checked:px-[2px]',
+// Interactivity
+'interactivity-click',
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)
@@ -59,7 +58,7 @@ const SwitchLoaderHandle = [
 // Shape
 'after:rounded-full',
 // Theme
-'after:bg-outline', 'dark:after:bg-outline-dark', 'after:disabled:bg-on-disabled', 'dark:after:disabled:bg-on-disabled-dark'];
+'after:bg-outline', 'dark:after:bg-outline-dark', 'disabled:after:bg-on-disabled', 'dark:disabled:after:bg-on-disabled-dark'];
 
 var script = defineComponent({
   name: 'OrSwitch',
@@ -73,11 +72,11 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: undefined,
+      type: [Boolean, Array],
       default: undefined
     },
     value: {
-      type: [String, Number, Object],
+      type: String,
       default: undefined
     },
     label: {
@@ -88,26 +87,27 @@ var script = defineComponent({
       type: String,
       default: () => LabelVariant.Toggle
     },
-    loading: {
+    required: {
       type: Boolean,
       default: false
     },
-    required: {
+    disabled: {
       type: Boolean,
       default: false
     },
-    disabled: {
+    loading: {
       type: Boolean,
       default: false
     }
   },
-  emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
+  emits: ['update:modelValue', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
-    // Refs & Styles
+    // Refs
     const root = ref();
-    const rootStyles = computed(() => ['or-switch-v3', ...Switch]);
     const control = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-switch-v3', ...SwitchRoot]);
     const controlStyles = computed(() => [...SwitchControl, ...SwitchControlHandle]);
     const loaderStyles = computed(() => [...SwitchLoader, ...SwitchLoaderHandle]);
     // State
@@ -116,30 +116,6 @@ var script = defineComponent({
       ...useControlAttributes()
     });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const checked = computed(() => {
-      if (Array.isArray(proxyModelValue.value)) {
-        if (isVoid(props.value)) {
-          throw new Error('[OrSwitch]: Property "value" must be specified.');
-        }
-        return proxyModelValue.value.includes(props.value);
-      }
-      return Boolean(proxyModelValue.value);
-    });
-    // Handlers
-    function onChange() {
-      if (Array.isArray(proxyModelValue.value)) {
-        if (isVoid(props.value)) {
-          throw new Error('[OrSwitch]: Property "value" must be specified.');
-        }
-        if (checked.value) {
-          proxyModelValue.value = proxyModelValue.value.filter(value => value !== props.value);
-        } else {
-          proxyModelValue.value = [...proxyModelValue.value, props.value];
-        }
-      } else {
-        proxyModelValue.value = !proxyModelValue.value;
-      }
-    }
     // Methods
     function focus() {
       var _a;
@@ -151,20 +127,19 @@ var script = defineComponent({
     }
     return {
       root,
-      rootStyles,
       control,
+      rootStyles,
       controlStyles,
       loaderStyles,
       controlAttributes,
-      checked,
-      onChange,
+      proxyModelValue,
       focus,
       blur
     };
   }
 });
 
-const _hoisted_1 = ["checked", "required", "disabled"];
+const _hoisted_1 = ["value", "required", "disabled"];
 const _hoisted_2 = ["disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLoader = resolveComponent("OrLoader");
@@ -172,23 +147,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [!_ctx.loading ? (openBlock(), createElementBlock("input", mergeProps({
+  }, [!_ctx.loading ? withDirectives((openBlock(), createElementBlock("input", mergeProps({
     key: 0,
     ref: 'control'
   }, _ctx.controlAttributes, {
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
     class: _ctx.controlStyles,
     type: 'checkbox',
-    checked: _ctx.checked,
+    value: _ctx.value,
     required: _ctx.required,
     disabled: _ctx.disabled,
-    onChange: _cache[0] || (_cache[0] = $event => {
-      _ctx.$emit('change', $event);
-      _ctx.onChange();
-    }),
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
-    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
-  }), null, 16 /* FULL_PROPS */, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+    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)), [[vModelDynamic, _ctx.proxyModelValue]]) : (openBlock(), createElementBlock("div", {
     key: 1,
     class: normalizeClass(_ctx.loaderStyles),
     disabled: _ctx.disabled
@@ -200,7 +171,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 2,
     "control-id": _ctx.controlAttributes.id,
     variant: _ctx.labelVariant,
-    selected: _ctx.checked,
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
@@ -208,7 +178,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["control-id", "variant", "selected", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["control-id", "variant", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
 var css_248z = "\ninput[data-v-4296509a] {\n  line-height: 0;\n  appearance: none;\n}\n";

package/dist/esm/v3/{OrTagInput-191b4fb1.js → OrTagInput-85bb35a5.js}

@@ -10,7 +10,7 @@ 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 './OrInputBox-287f97ba.js';
-import { s as script$5 } from './OrLabel-02aa56ad.js';
+import { s as script$5 } from './OrLabel-f1a581d8.js';
 import { a as TagColor } from './OrTag-a29c2113.js';
 import { s as script$6, T as TagsOverflow } from './OrTags-215da9e7.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, withDirectives, mergeProps, withKeys, vModelDynamic, vShow } from 'vue';
@@ -255,7 +255,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     "control-id": _ctx.controlAttributes.id,
     variant: 'input',
@@ -263,7 +263,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
@@ -332,11 +332,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[6] || (_cache[6] = $event => _ctx.reset())
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)]),
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "invalid", "readonly", "disabled", "force-state", "onFocus"]), withDirectives(createElementVNode("div", _hoisted_3, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "invalid", "readonly", "disabled", "force-state", "onFocus"]), withDirectives(createElementVNode("div", _hoisted_3, [_ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, createSlots({
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint) + " ", 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 2 /* DYNAMIC */
   }, [_ctx.maxLength ? {

package/dist/esm/v3/{OrTextarea-45798bae.js → OrTextarea-72acd2de.js}

@@ -9,7 +9,7 @@ import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
 import { s as script$3, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$4 } from './OrLabel-02aa56ad.js';
+import { s as script$4 } from './OrLabel-f1a581d8.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -150,7 +150,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     "control-id": _ctx.controlAttributes.id,
     variant: 'input',
@@ -158,7 +158,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
@@ -188,11 +188,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       trim: true
     }]])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_2, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["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(() => [createTextVNode(toDisplayString(_ctx.hint) + " ", 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 2 /* DYNAMIC */
   }, [_ctx.maxLength ? {

package/dist/esm/v3/{OrTimeFormat-762a803e.js → OrTimeFormat-728b0303.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-de9a6368.js';
-import './OrDateTimePickerTimeSelect-0178220f.js';
+import './OrDateTimePicker-ad9629b6.js';
+import './OrDateTimePickerTimeSelect-2771249a.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-a1d75821.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-c0f2086d.js → OrTimePicker-0276907b.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 './OrDateTimePicker-de9a6368.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-0178220f.js';
+import './OrDateTimePicker-ad9629b6.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-2771249a.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-a1d75821.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-331220bc.js';
@@ -14,7 +14,7 @@ import { s as script$7 } from './OrHint-262c8217.js';
 import { s as script$9 } from './OrIconButton-bc7ebce6.js';
 import { s as script$8 } from './OrIcon-c446d072.js';
 import { s as script$a, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$b } from './OrLabel-02aa56ad.js';
+import { s as script$b } from './OrLabel-f1a581d8.js';
 import { s as script$c } from './OrPopover-93803a23.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
@@ -212,14 +212,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     variant: 'input',
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
@@ -296,13 +296,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
-  }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  }, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
-    _: 1 /* STABLE */
+    _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
     key: 2,
     disabled: _ctx.disabled

package/dist/esm/v3/{OrTimeRangePicker-bec08e67.js → OrTimeRangePicker-da25a746.js}

@@ -5,8 +5,8 @@ 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 './OrDateTimePicker-de9a6368.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-0178220f.js';
+import './OrDateTimePicker-ad9629b6.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-2771249a.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-a1d75821.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-331220bc.js';
@@ -14,7 +14,7 @@ import { s as script$7 } from './OrHint-262c8217.js';
 import { s as script$9 } from './OrIconButton-bc7ebce6.js';
 import { s as script$8 } from './OrIcon-c446d072.js';
 import { s as script$a, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$b } from './OrLabel-02aa56ad.js';
+import { s as script$b } from './OrLabel-f1a581d8.js';
 import { s as script$c } from './OrPopover-93803a23.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, Fragment } from 'vue';
 
@@ -226,14 +226,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     variant: 'input',
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
@@ -334,13 +334,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, () => _ctx.openPopover('from')], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
-  }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  }, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
-    _: 1 /* STABLE */
+    _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
     key: 2,
     disabled: _ctx.disabled

package/dist/esm/v3/components/index.js

@@ -8,12 +8,12 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-c95aef65.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-a2ba0b3e.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-68c5a5b2.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-aeb3825f.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-c2ef331b.js';
 export { s as OrCheckbox } from '../OrCheckbox-42ed332c.js';
-export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-52d7dece.js';
-export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-df8809b3.js';
-export { s as OrCheckboxV3 } from '../OrCheckbox-4bc36b9b.js';
+export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-11a7b74e.js';
+export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-7693bcda.js';
+export { s as OrCheckboxV3 } from '../OrCheckbox-abe46de1.js';
 export { s as OrChip } from '../OrChip-2e26629d.js';
 export { s as OrChips } from '../OrChips-58954587.js';
 export { s as OrCode, O as OrCodeLanguages } from '../OrCode-90e43a20.js';
@@ -22,22 +22,22 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-3ca250c3.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-842bcdcd.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { s as OrCollapse } from '../OrCollapse-d7c0afae.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-7e1067a0.js';
-export { s as OrCombinedInputV3 } from '../OrCombinedInput-d7db2689.js';
+export { s as OrCombinedInputV3 } from '../OrCombinedInput-b42c2ead.js';
 export { s as OrConfirm } from '../OrConfirm-c63285a6.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-963e492a.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-de93af99.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-78d02563.js';
-export { s as OrDateFormatV3 } from '../OrDateFormat-91fb9f07.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-f30a1393.js';
-export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-b920e623.js';
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-f601aba2.js';
+export { s as OrDateFormatV3 } from '../OrDateFormat-22a198c8.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-ccbbafcd.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-649aea0e.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-11eb9884.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-45bc8bd3.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-de9a6368.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-0178220f.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-ad9629b6.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-2771249a.js';
 export { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../getTimePlaceholder-a1d75821.js';
 export { g as getCurrentDate } from '../getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from '../getNextMonthDate-00c47169.js';
@@ -51,7 +51,7 @@ export { s as OrErrorV3 } from '../OrError-331220bc.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-3281fa33.js';
 export { F as FabColor, s as OrFabV3 } from '../OrFab-3d860eef.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-c875c590.js';
-export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-6a43009d.js';
+export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-11ed3699.js';
 export { s as OrHint } from '../OrHint-8822005b.js';
 export { s as OrHintV3 } from '../OrHint-262c8217.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-eb0a5aa2.js';
@@ -63,13 +63,13 @@ export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInli
 export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-7321d8d3.js';
 export { s as OrInput } from '../OrInput-2c3111c2.js';
 export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../OrInputBox-287f97ba.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-3157b00b.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-79cce73c.js';
 export { s as OrLabel } from '../OrLabel-a7d99df4.js';
-export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-02aa56ad.js';
+export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-f1a581d8.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-c83a51b2.js';
 export { s as OrList } from '../OrList-59f4430e.js';
 export { s as OrListOfInputs } from '../OrListOfInputs-c557cd79.js';
-export { s as OrListV3 } from '../OrList-e22f31f0.js';
+export { s as OrListV3 } from '../OrList-8e43f5cd.js';
 export { s as OrListItem } from '../OrListItem-12e21bc6.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-0b463089.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-5e2f359b.js';
@@ -91,17 +91,17 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '..
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-0939955c.js';
 export { s as OrRadio } from '../OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
-export { s as OrRadioGroupV3 } from '../OrRadioGroup-f7277e39.js';
-export { s as OrRadioV3 } from '../OrRadio-160d7841.js';
+export { s as OrRadioGroupV3 } from '../OrRadioGroup-0c1bcc17.js';
+export { s as OrRadioV3 } from '../OrRadio-b4ab913e.js';
 export { s as OrRangeSliderV3 } from '../OrRangeSlider-1284dce6.js';
 export { s as OrRatingV3 } from '../OrRating-640f9e87.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-e107f883.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-ee04a2dd.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-866dae43.js';
 export { s as OrSearch } from '../OrSearch-54a642d3.js';
-export { s as OrSearchV3 } from '../OrSearch-d59d5a37.js';
+export { s as OrSearchV3 } from '../OrSearch-d71cd69e.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-4b163ea9.js';
 export { s as OrSelect } from '../OrSelect-4f2ea2f2.js';
-export { s as OrSelectV3 } from '../OrSelect-d9bdd1bb.js';
+export { s as OrSelectV3 } from '../OrSelect-edcb0db9.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from '../props-3212cd17.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
@@ -117,25 +117,25 @@ export { s as OrSortingV3 } from '../OrSorting-916f17f5.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-a33a7e88.js';
 export { s as OrStepper } from '../OrStepper-b2d7dd2d.js';
 export { s as OrSwitch } from '../OrSwitch-05fe7681.js';
-export { s as OrSwitchV3 } from '../OrSwitch-43616cd3.js';
+export { s as OrSwitchV3 } from '../OrSwitch-6cd74849.js';
 export { s as OrTab } from '../OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from '../OrTab-74a9bd5b.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-f9958f65.js';
 export { s as OrTag } from '../OrTag-04abf6a7.js';
-export { s as OrTagInputV3 } from '../OrTagInput-191b4fb1.js';
+export { s as OrTagInputV3 } from '../OrTagInput-85bb35a5.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-a29c2113.js';
 export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-215da9e7.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-ea114c19.js';
 export { s as OrTextarea } from '../OrTextarea-7a753c1a.js';
-export { s as OrTextareaV3 } from '../OrTextarea-45798bae.js';
+export { s as OrTextareaV3 } from '../OrTextarea-72acd2de.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-9524352e.js';
-export { s as OrTimeFormatV3 } from '../OrTimeFormat-762a803e.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-c0f2086d.js';
-export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-bec08e67.js';
+export { s as OrTimeFormatV3 } from '../OrTimeFormat-728b0303.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-0276907b.js';
+export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-da25a746.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-71ba538b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-05a9c81b.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-bd194714.js';
@@ -158,7 +158,7 @@ import '@onereach/styles/tailwind.config.json';
 import '../useTheme-0ef25778.js';
 import '../useProxyModelValue-940010d2.js';
 import '../useIdAttribute-859439f0.js';
-import '../isVoid-36a1480c.js';
+import '../isEmptyValue-fd56a6e4.js';
 import '@codemirror/commands';
 import '@codemirror/lang-css';
 import '@codemirror/lang-markdown';
@@ -205,11 +205,11 @@ import '../codemirrorView-020fe885.js';
 import 'prosemirror-state';
 import 'prosemirror-commands';
 import 'lodash/keyBy';
-import '../isEqualValue-b6ca4b55.js';
-import '../OrSelectMultipleControl-c3eb2da4.js';
+import '../OrSelectMultipleControl-6e1e4ac2.js';
+import '../isEqualValue-f8bf73d9.js';
 import '../OrSelectControlInput-62d04212.js';
 import '../OrSelectPlaceholder-81502228.js';
-import '../OrSelectSingleControl-de181844.js';
+import '../OrSelectSingleControl-a1362154.js';
 import 'lodash/range';
 import '../styles-ed564e39.js';
 import '../useOverflow-e91d2314.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-68c5a5b2.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-aeb3825f.js';
 import 'vue-demi';
 import '../../OrIconButton-bc7ebce6.js';
 import '../../OrIcon-c446d072.js';
@@ -22,15 +22,15 @@ import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
 import '../../OrLoader-5e2f359b.js';
-import '../../OrSearch-d59d5a37.js';
+import '../../OrSearch-d71cd69e.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrInput-3157b00b.js';
+import '../../OrInput-79cce73c.js';
 import '../../OrError-331220bc.js';
 import '../../OrHint-262c8217.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-f1a581d8.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrSorting-916f17f5.js';
 import '../../OrButton-c95aef65.js';

package/dist/esm/v3/components/or-checkbox-group-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-52d7dece.js';
+export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-11a7b74e.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -7,16 +7,16 @@ import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrCheckboxTree-df8809b3.js';
+import '../../OrCheckboxTree-7693bcda.js';
 import '../../OrButton-c95aef65.js';
 import '../../OrLoader-5e2f359b.js';
 import 'vue';
-import '../../OrCheckbox-4bc36b9b.js';
+import '../../OrCheckbox-abe46de1.js';
 import '../../useIdAttribute-859439f0.js';
-import '../../isVoid-36a1480c.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../isEmptyValue-fd56a6e4.js';
+import '../../OrLabel-f1a581d8.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrIcon-c446d072.js';
-import '../../OrFormGroup-6a43009d.js';
+import '../../OrFormGroup-11ed3699.js';
 import '../../OrError-331220bc.js';
 import '../../OrHint-262c8217.js';

package/dist/esm/v3/components/or-checkbox-tree-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-df8809b3.js';
+export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-7693bcda.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';
@@ -10,9 +10,9 @@ import '@onereach/styles/tailwind.config.json';
 import '../../OrButton-c95aef65.js';
 import '../../OrLoader-5e2f359b.js';
 import 'vue';
-import '../../OrCheckbox-4bc36b9b.js';
+import '../../OrCheckbox-abe46de1.js';
 import '../../useIdAttribute-859439f0.js';
-import '../../isVoid-36a1480c.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../isEmptyValue-fd56a6e4.js';
+import '../../OrLabel-f1a581d8.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrIcon-c446d072.js';