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

package/dist/esm/v3/{OrDateRangePicker-b920e623.js → OrDateRangePicker-649aea0e.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 { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-0178220f.js';
+import './OrDateTimePicker-ad9629b6.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-2771249a.js';
 import './getTimePlaceholder-a1d75821.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
@@ -15,7 +15,7 @@ import { s as script$8 } from './OrHint-262c8217.js';
 import { s as script$a } from './OrIconButton-bc7ebce6.js';
 import { s as script$9 } from './OrIcon-c446d072.js';
 import { s as script$b, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$c } from './OrLabel-02aa56ad.js';
+import { s as script$c } from './OrLabel-f1a581d8.js';
 import { s as script$d } from './OrPopover-93803a23.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, Fragment } from 'vue';
 
@@ -261,14 +261,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, {
@@ -369,13 +369,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/{OrDateTimeFormat-f601aba2.js → OrDateTimeFormat-11eb9884.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, f as formatDate, a as formatTime } from './getTimePlaceholder-a1d75821.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDateTimePicker-de9a6368.js → OrDateTimePicker-ad9629b6.js}

@@ -10,9 +10,9 @@ import { s as script$a } from './OrHint-262c8217.js';
 import { s as script$c } from './OrIconButton-bc7ebce6.js';
 import { s as script$b } from './OrIcon-c446d072.js';
 import { s as script$d, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$e } from './OrLabel-02aa56ad.js';
+import { s as script$e } from './OrLabel-f1a581d8.js';
 import { s as script$f } from './OrPopover-93803a23.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-0178220f.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-2771249a.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-a1d75821.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
@@ -284,14 +284,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, {
@@ -429,13 +429,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), !_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/{OrDateTimePickerTimeSelect-0178220f.js → OrDateTimePickerTimeSelect-2771249a.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import { g as getDatePlaceholder, f as formatDate, D as DateTimePickerTimeFormat, b as getTimePlaceholder, a as formatTime } from './getTimePlaceholder-a1d75821.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-c95aef65.js';
-import { s as script$9 } from './OrLabel-02aa56ad.js';
+import { s as script$9 } from './OrLabel-f1a581d8.js';
 import { s as script$b } from './OrIconButton-bc7ebce6.js';
 import { s as script$a } from './OrIcon-c446d072.js';
 import { s as script$d } from './OrMenuItem-f37a662b.js';

package/dist/esm/v3/{OrFormGroup-6a43009d.js → OrFormGroup-11ed3699.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 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-02aa56ad.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;
@@ -86,7 +86,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "label", {}, () => [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "label", {}, () => [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     class: normalizeClass(_ctx.labelStyles),
     invalid: _ctx.invalid,
@@ -94,18 +94,18 @@ 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 */, ["class", "invalid", "required", "disabled"])) : createCommentVNode("v-if", true)])]), createElementVNode("div", {
     class: normalizeClass(_ctx.contentStyles)
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.hint && !_ctx.error ? (openBlock(), createBlock(_component_OrHint, {
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), (_ctx.$slots.hint || _ctx.hint) && !_ctx.error ? (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), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
     key: 1,
     disabled: _ctx.disabled

package/dist/esm/v3/{OrInput-3157b00b.js → OrInput-79cce73c.js}

@@ -11,7 +11,7 @@ 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-02aa56ad.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';
@@ -185,7 +185,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',
@@ -193,7 +193,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, {
@@ -257,11 +257,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_2, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_2, [_ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, createSlots({
-    default: withCtx(() => [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/{OrLabel-02aa56ad.js → OrLabel-f1a581d8.js}

@@ -34,7 +34,7 @@ const LabelVariants = {
 };
 const LabelText = [
 // Content (required)
-'required:after:content-["*"]',
+'required:after:content-label-required',
 // Interactivity
 'interactivity-default'];
 const LabelAddon = [

package/dist/esm/v3/{OrList-e22f31f0.js → OrList-8e43f5cd.js}

@@ -7,7 +7,7 @@ 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-bc7ebce6.js';
-import { s as script$2 } from './OrLabel-02aa56ad.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';
 
@@ -168,7 +168,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "label-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 */, ["disabled"])]), createElementVNode("div", {

package/dist/esm/v3/{OrRadio-160d7841.js → OrRadio-b4ab913e.js}

@@ -5,11 +5,11 @@ 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-02aa56ad.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, 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 Radio = [
+const RadioRoot = [
 // Layout
 'layout-row',
 // Spacing
@@ -17,12 +17,12 @@ const Radio = [
 const RadioControl = [
 // Layout
 'layout-inline-row justify-center',
-// Interactivity
-'interactivity-click',
-// Shape
-'rounded-full',
 // Box
 'w-md+ md:w-md', 'h-md+ md:h-md',
+// Shape
+'rounded-full',
+// 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)
@@ -30,14 +30,14 @@ const RadioControl = [
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const RadioControlHandle = [
-// Box (children)
+// Box
 'after:w-sm after:md:w-xs', 'after:h-sm after:md:h-xs',
-// Shape (children)
+// Shape
 'after:rounded-full',
-// Theme (children/checked)
-'after:checked:bg-on-primary', 'dark:after:checked:bg-on-primary-dark',
-// Theme (children/checked/disabled)
-'after:disabled:checked:bg-on-disabled', 'dark:after:disabled:checked:bg-on-disabled-dark'];
+// Theme
+'checked:after:bg-on-primary', 'dark:checked:after:bg-on-primary-dark',
+// Theme (disabled)
+'disabled:checked:after:bg-on-disabled', 'dark:disabled:checked:after:bg-on-disabled-dark'];
 
 var script = defineComponent({
   name: 'OrRadio',
@@ -50,11 +50,11 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: undefined,
+      type: String,
       default: undefined
     },
     value: {
-      type: [String, Number, Object],
+      type: String,
       required: true
     },
     label: {
@@ -74,13 +74,14 @@ var script = defineComponent({
       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-radio-v3', ...Radio]);
     const control = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-radio-v3', ...RadioRoot]);
     const controlStyles = computed(() => [...RadioControl, ...RadioControlHandle]);
     // State
     const controlAttributes = reactive({
@@ -88,13 +89,6 @@ var script = defineComponent({
       ...useControlAttributes()
     });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const checked = computed(() => {
-      return proxyModelValue.value === props.value;
-    });
-    // Handlers
-    function onChange() {
-      proxyModelValue.value = props.value;
-    }
     // Methods
     function focus() {
       var _a;
@@ -106,44 +100,38 @@ var script = defineComponent({
     }
     return {
       root,
-      rootStyles,
       control,
+      rootStyles,
       controlStyles,
       controlAttributes,
-      checked,
-      onChange,
+      proxyModelValue,
       focus,
       blur
     };
   }
 });
 
-const _hoisted_1 = ["checked", "required", "disabled"];
+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',
     class: normalizeClass(_ctx.rootStyles)
-  }, [createElementVNode("input", mergeProps({
+  }, [withDirectives(createElementVNode("input", mergeProps({
     ref: 'control'
   }, _ctx.controlAttributes, {
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
     class: _ctx.controlStyles,
     type: 'radio',
-    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), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    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]]), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     "control-id": _ctx.controlAttributes.id,
     variant: _ctx.labelVariant,
-    selected: _ctx.checked,
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
@@ -151,7 +139,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-2567d702] {\n  line-height: 0;\n  appearance: none;\n}\n";

package/dist/esm/v3/{OrRadioGroup-f7277e39.js → OrRadioGroup-0c1bcc17.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-6a43009d.js';
-import { s as script$2 } from './OrRadio-160d7841.js';
+import { s as script$1 } from './OrFormGroup-11ed3699.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/{OrRichTextEditor-ee04a2dd.js → OrRichTextEditor-866dae43.js}

@@ -18,8 +18,8 @@ import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
 import { s as script$7 } from './OrButton-c95aef65.js';
 import { s as script$1 } from './OrIconButton-bc7ebce6.js';
-import { s as script$6 } from './OrInput-3157b00b.js';
-import { s as script$2 } from './OrLabel-02aa56ad.js';
+import { s as script$6 } from './OrInput-79cce73c.js';
+import { s as script$2 } from './OrLabel-f1a581d8.js';
 import { s as script$3 } from './OrMenuItem-f37a662b.js';
 import { s as script$4 } from './OrMenu-ebf8c55d.js';
 import { s as script$5 } from './OrModal-91ceee4d.js';

package/dist/esm/v3/{OrSearch-d59d5a37.js → OrSearch-d71cd69e.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$1 } from './OrInput-3157b00b.js';
+import { s as script$1 } from './OrInput-79cce73c.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrSelect-d9bdd1bb.js → OrSelect-edcb0db9.js}

@@ -2,24 +2,24 @@ import { defineComponent, getCurrentInstance, ref, computed, toRefs, watch } fro
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
-import { i as isEmptyValue } from './isEqualValue-b6ca4b55.js';
+import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.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$3 } from './OrCheckbox-4bc36b9b.js';
+import { s as script$3 } from './OrCheckbox-abe46de1.js';
 import { s as script$4 } from './OrError-331220bc.js';
 import { s as script$5 } from './OrExpansionPanel-3281fa33.js';
 import { s as script$6 } from './OrHint-262c8217.js';
 import { s as script$8 } from './OrIconButton-bc7ebce6.js';
 import { s as script$7 } from './OrIcon-c446d072.js';
 import { s as script$a, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$9 } from './OrInput-3157b00b.js';
-import { s as script$b } from './OrLabel-02aa56ad.js';
+import { s as script$9 } from './OrInput-79cce73c.js';
+import { s as script$b } from './OrLabel-f1a581d8.js';
 import { s as script$c } from './OrMenuItem-f37a662b.js';
 import { s as script$d } from './OrPopover-93803a23.js';
 import { T as TagsOverflow } from './OrTags-215da9e7.js';
-import { s as script$1, c as castToMultipleValue } from './OrSelectMultipleControl-c3eb2da4.js';
-import { s as script$2 } from './OrSelectSingleControl-de181844.js';
+import { s as script$1, c as castToMultipleValue } from './OrSelectMultipleControl-6e1e4ac2.js';
+import { s as script$2 } from './OrSelectSingleControl-a1362154.js';
 import './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, Fragment, renderList, vShow } from 'vue';
 
@@ -404,7 +404,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.controlId,
     variant: 'input',
@@ -412,7 +412,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), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
@@ -607,13 +607,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["class", "custom-styles", "trigger"])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_4, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_4, [_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)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_5, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {

package/dist/esm/v3/{OrSelectMultipleControl-c3eb2da4.js → OrSelectMultipleControl-6e1e4ac2.js}

@@ -1,11 +1,12 @@
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
-import { i as isEmptyValue, a as isEqualValue } from './isEqualValue-b6ca4b55.js';
+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-215da9e7.js';
+import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
 import { s as script$2 } from './OrSelectControlInput-62d04212.js';
 import { s as script$1 } from './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrSelectSingleControl-de181844.js → OrSelectSingleControl-a1362154.js}

@@ -1,7 +1,8 @@
 import { defineComponent, ref, toRefs, computed } from 'vue-demi';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
-import { i as isEmptyValue, a as isEqualValue } from './isEqualValue-b6ca4b55.js';
+import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
+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';