@onereach/ui-components 10.0.1 → 10.0.2

package/dist/esm/v3/{OrRadio-b4ab913e.js → OrRadio-160d7841.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-f1a581d8.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+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 styleInject } from './style-inject.es-4c6f2515.js';
 
-const RadioRoot = [
+const Radio = [
 // Layout
 'layout-row',
 // Spacing
@@ -17,12 +17,12 @@ const RadioRoot = [
 const RadioControl = [
 // Layout
 'layout-inline-row justify-center',
-// Box
-'w-md+ md:w-md', 'h-md+ md:h-md',
-// Shape
-'rounded-full',
 // Interactivity
 'interactivity-click',
+// Shape
+'rounded-full',
+// Box
+'w-md+ md:w-md', 'h-md+ md:h-md',
 // 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
+// Box (children)
 'after:w-sm after:md:w-xs', 'after:h-sm after:md:h-xs',
-// Shape
+// Shape (children)
 'after:rounded-full',
-// 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'];
+// 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'];
 
 var script = defineComponent({
   name: 'OrRadio',
@@ -50,11 +50,11 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: String,
+      type: undefined,
       default: undefined
     },
     value: {
-      type: String,
+      type: [String, Number, Object],
       required: true
     },
     label: {
@@ -74,14 +74,13 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'focus', 'blur'],
+  emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
-    // Refs
+    // Refs & Styles
     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({
@@ -89,6 +88,13 @@ 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;
@@ -100,38 +106,44 @@ var script = defineComponent({
     }
     return {
       root,
-      control,
       rootStyles,
+      control,
       controlStyles,
       controlAttributes,
-      proxyModelValue,
+      checked,
+      onChange,
       focus,
       blur
     };
   }
 });
 
-const _hoisted_1 = ["value", "required", "disabled"];
+const _hoisted_1 = ["checked", "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)
-  }, [withDirectives(createElementVNode("input", mergeProps({
+  }, [createElementVNode("input", mergeProps({
     ref: 'control'
   }, _ctx.controlAttributes, {
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
     class: _ctx.controlStyles,
     type: 'radio',
-    value: _ctx.value,
+    checked: _ctx.checked,
     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), [[vModelDynamic, _ctx.proxyModelValue]]), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    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, {
     key: 0,
     "control-id": _ctx.controlAttributes.id,
     variant: _ctx.labelVariant,
+    selected: _ctx.checked,
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
@@ -139,7 +151,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", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["control-id", "variant", "selected", "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-0c1bcc17.js → OrRadioGroup-6a5af61f.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-11ed3699.js';
-import { s as script$2 } from './OrRadio-b4ab913e.js';
+import { s as script$1, F as FormGroupDirection } from './OrFormGroup-17c3cc0a.js';
+import { s as script$2 } from './OrRadio-160d7841.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({
@@ -20,35 +20,37 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: null,
-      default: null
+      type: undefined,
+      default: undefined
+    },
+    options: {
+      type: Array,
+      default: () => []
     },
     direction: {
       type: String,
-      default: 'vertical'
+      default: () => FormGroupDirection.Vertical
     },
     label: {
       type: String,
-      default: ''
-    },
-    options: {
-      type: Array,
-      default: () => []
+      default: undefined
     },
-    error: {
+    hint: {
       type: String,
-      default: ''
+      default: undefined
     },
-    hint: {
+    error: {
       type: String,
-      default: ''
+      default: undefined
     },
     disabled: {
       type: Boolean,
       default: false
     }
   },
+  emits: ['update:modelValue'],
   setup(props, context) {
+    // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     return {
       proxyModelValue
@@ -62,24 +64,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_OrFormGroup, {
     direction: _ctx.direction,
     label: _ctx.label,
-    error: _ctx.error,
     hint: _ctx.hint,
+    error: _ctx.error,
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
     default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
       return openBlock(), createBlock(_component_OrRadio, {
-        key: option.value,
+        key: option.label,
         modelValue: _ctx.proxyModelValue,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
-        label: option.label,
         value: option.value,
+        label: option.label,
         disabled: _ctx.disabled || option.disabled
-      }, null, 8 /* PROPS */, ["modelValue", "label", "value", "disabled"]);
+      }, null, 8 /* PROPS */, ["modelValue", "value", "label", "disabled"]);
     }), 128 /* KEYED_FRAGMENT */))]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["direction", "label", "error", "hint", "disabled"]);
+  }, 8 /* PROPS */, ["direction", "label", "hint", "error", "disabled"]);
 }
 
 script.render = render;

package/dist/esm/v3/{OrRichTextEditor-a35175cf.js → OrRichTextEditor-87baa915.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-a442c61e.js';
-import { s as script$2 } from './OrLabel-f1a581d8.js';
+import { s as script$6 } from './OrInput-89bb16d6.js';
+import { s as script$2 } from './OrLabel-02aa56ad.js';
 import { s as script$3 } from './OrMenuItem-639ab707.js';
 import { s as script$4 } from './OrMenu-ebf8c55d.js';
 import { s as script$5 } from './OrModal-91ceee4d.js';

package/dist/esm/v3/{OrSearch-975833d8.js → OrSearch-42922cb7.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-a442c61e.js';
+import { s as script$1 } from './OrInput-89bb16d6.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrSelect-83c8cada.js → OrSelect-27ede5ab.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 './isEmptyValue-fd56a6e4.js';
+import { i as isEmptyValue } from './isEqualValue-b6ca4b55.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-abe46de1.js';
+import { s as script$3 } from './OrCheckbox-91bc37d7.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-a442c61e.js';
-import { s as script$b } from './OrLabel-f1a581d8.js';
+import { s as script$9 } from './OrInput-89bb16d6.js';
+import { s as script$b } from './OrLabel-02aa56ad.js';
 import { s as script$c } from './OrMenuItem-639ab707.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-6e1e4ac2.js';
-import { s as script$2 } from './OrSelectSingleControl-a1362154.js';
+import { s as script$1, c as castToMultipleValue } from './OrSelectMultipleControl-c3eb2da4.js';
+import { s as script$2 } from './OrSelectSingleControl-de181844.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';
 

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

@@ -1,12 +1,11 @@
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
-import { i as isEqualValue } from './isEqualValue-f8bf73d9.js';
+import { i as isEmptyValue, a as isEqualValue } from './isEqualValue-b6ca4b55.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-a1362154.js → OrSelectSingleControl-de181844.js}

@@ -1,8 +1,7 @@
 import { defineComponent, ref, toRefs, computed } from 'vue-demi';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
-import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
-import { i as isEqualValue } from './isEqualValue-f8bf73d9.js';
+import { i as isEmptyValue, a as isEqualValue } from './isEqualValue-b6ca4b55.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';

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

@@ -2,15 +2,16 @@ 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-f1a581d8.js';
+import { s as script$1, L as LabelVariant } from './OrLabel-02aa56ad.js';
 import { s as script$2 } from './OrLoader-5e2f359b.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, mergeProps, vModelDynamic, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, mergeProps, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
-const SwitchRoot = [
+const Switch = [
 // Layout
 'layout-row',
 // Spacing
@@ -18,16 +19,16 @@ const SwitchRoot = [
 const SwitchControl = [
 // Layout
 'layout-inline-row justify-start checked:justify-end',
-// Box
-'w-[43px] md:w-[37px]', 'h-[24px] md:h-[21px]',
+// Interactivity
+'interactivity-click',
 // Shape
 'rounded-full',
+// Box
+'w-[43px] md:w-[37px]', 'h-[24px] md:h-[21px]',
 // 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)
@@ -58,7 +59,7 @@ const SwitchLoaderHandle = [
 // Shape
 'after:rounded-full',
 // Theme
-'after:bg-outline', 'dark:after:bg-outline-dark', 'disabled:after:bg-on-disabled', 'dark:disabled:after:bg-on-disabled-dark'];
+'after:bg-outline', 'dark:after:bg-outline-dark', 'after:disabled:bg-on-disabled', 'dark:after:disabled:bg-on-disabled-dark'];
 
 var script = defineComponent({
   name: 'OrSwitch',
@@ -72,11 +73,11 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: [Boolean, Array],
+      type: undefined,
       default: undefined
     },
     value: {
-      type: String,
+      type: [String, Number, Object],
       default: undefined
     },
     label: {
@@ -87,27 +88,26 @@ var script = defineComponent({
       type: String,
       default: () => LabelVariant.Toggle
     },
-    required: {
+    loading: {
       type: Boolean,
       default: false
     },
-    disabled: {
+    required: {
       type: Boolean,
       default: false
     },
-    loading: {
+    disabled: {
       type: Boolean,
       default: false
     }
   },
-  emits: ['update:modelValue', 'focus', 'blur'],
+  emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
-    // Refs
+    // Refs & Styles
     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,6 +116,30 @@ 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;
@@ -127,19 +151,20 @@ var script = defineComponent({
     }
     return {
       root,
-      control,
       rootStyles,
+      control,
       controlStyles,
       loaderStyles,
       controlAttributes,
-      proxyModelValue,
+      checked,
+      onChange,
       focus,
       blur
     };
   }
 });
 
-const _hoisted_1 = ["value", "required", "disabled"];
+const _hoisted_1 = ["checked", "required", "disabled"];
 const _hoisted_2 = ["disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLoader = resolveComponent("OrLoader");
@@ -147,19 +172,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [!_ctx.loading ? withDirectives((openBlock(), createElementBlock("input", mergeProps({
+  }, [!_ctx.loading ? (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',
-    value: _ctx.value,
+    checked: _ctx.checked,
     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)), [[vModelDynamic, _ctx.proxyModelValue]]) : (openBlock(), createElementBlock("div", {
+    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", {
     key: 1,
     class: normalizeClass(_ctx.loaderStyles),
     disabled: _ctx.disabled
@@ -171,6 +200,7 @@ 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
   }, {
@@ -178,7 +208,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", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["control-id", "variant", "selected", "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-85bb35a5.js → OrTagInput-e768c2d1.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-f1a581d8.js';
+import { s as script$5 } from './OrLabel-02aa56ad.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';

package/dist/esm/v3/{OrTextarea-72acd2de.js → OrTextarea-97b57866.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-f1a581d8.js';
+import { s as script$4 } from './OrLabel-02aa56ad.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';
 

package/dist/esm/v3/{OrTimeFormat-0434466f.js → OrTimeFormat-ef653117.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-ef148446.js';
-import './OrDateTimePickerTimeSelect-d9cee31a.js';
+import './OrDateTimePicker-b2749f72.js';
+import './OrDateTimePickerTimeSelect-c6ea3195.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-a1d75821.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-b7445bd1.js → OrTimePicker-9dcd20dd.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-ef148446.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-d9cee31a.js';
+import './OrDateTimePicker-b2749f72.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-c6ea3195.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-f1a581d8.js';
+import { s as script$b } from './OrLabel-02aa56ad.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';
 

package/dist/esm/v3/{OrTimeRangePicker-47f04771.js → OrTimeRangePicker-1f6509eb.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-ef148446.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-d9cee31a.js';
+import './OrDateTimePicker-b2749f72.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-c6ea3195.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-f1a581d8.js';
+import { s as script$b } from './OrLabel-02aa56ad.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';