@onereach/ui-components 9.0.0 → 9.0.1-beta.4187.0

package/dist/bundled/v3/components/OrSearchV3/OrSearch.js

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
-import { s as script$1 } from '../OrInputV3-65eecfd2.js';
+import { s as script$1 } from '../OrInputV3-4e10d1cf.js';
 import { n as watchDebounced } from '../OrBottomSheetV3-ec6d69fe.js';
 import { I as InputBoxSize } from '../OrInputBoxV3-dbc63649.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-65c31879.js';
+export { s as default } from '../OrSelectV3-b4b79d72.js';

package/dist/bundled/v3/components/OrSelectV3/index.js

@@ -1 +1 @@
-export { s as OrSelectV3 } from '../OrSelectV3-65c31879.js';
+export { s as OrSelectV3 } from '../OrSelectV3-b4b79d72.js';

package/dist/bundled/v3/components/OrSelectV3/styles.js

@@ -1 +1 @@
-export { S as Select, a as SelectControl, d as SelectDropdown, e as SelectDropdownDefault, f as SelectDropdownFlipped, g as SelectDropdownItem, h as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-65c31879.js';
+export { S as Select, a as SelectControl, d as SelectDropdown, e as SelectDropdownDefault, f as SelectDropdownFlipped, g as SelectDropdownItem, h as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-b4b79d72.js';

package/dist/bundled/v3/components/OrSelectV3/utils/castToMultipleValue.js

@@ -1,2 +1,2 @@
 import '../../../utils/isEmptyValue.js';
-export { c as castToMultipleValue } from '../../OrSelectV3-65c31879.js';
+export { c as castToMultipleValue } from '../../OrSelectV3-b4b79d72.js';

package/dist/bundled/v3/components/{OrSelectV3-65c31879.js → OrSelectV3-b4b79d72.js}

@@ -11,7 +11,7 @@ import { s as script$8 } from './OrExpansionPanelV3-b982d033.js';
 import { s as script$9 } from './OrHintV3-c8ac5975.js';
 import { s as script$a } from './OrIconV3-34670800.js';
 import { s as script$b } from './OrIconButtonV3-c00fffaf.js';
-import { s as script$c } from './OrInputV3-65eecfd2.js';
+import { s as script$c } from './OrInputV3-4e10d1cf.js';
 import { s as script$d, I as InputBoxSize } from './OrInputBoxV3-dbc63649.js';
 import { s as script$e } from './OrLabelV3-ebd5f67a.js';
 import { s as script$f } from './OrMenuItemV3-24bdf746.js';
@@ -837,7 +837,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',
@@ -845,7 +845,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, {
@@ -1040,13 +1040,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/bundled/v3/components/OrTagInputV3/OrTagInput.js

@@ -1 +1 @@
-export { s as default } from '../OrTagInputV3-f9cd5ec2.js';
+export { s as default } from '../OrTagInputV3-38c1c81d.js';

package/dist/bundled/v3/components/OrTagInputV3/index.js

@@ -1 +1 @@
-export { s as OrTagInputV3 } from '../OrTagInputV3-f9cd5ec2.js';
+export { s as OrTagInputV3 } from '../OrTagInputV3-38c1c81d.js';

package/dist/bundled/v3/components/OrTagInputV3/styles.js

@@ -1 +1 @@
-export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-f9cd5ec2.js';
+export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-38c1c81d.js';

package/dist/bundled/v3/components/{OrTagInputV3-f9cd5ec2.js → OrTagInputV3-38c1c81d.js}

@@ -253,7 +253,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',
@@ -261,7 +261,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, {
@@ -330,11 +330,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/bundled/v3/components/OrTextareaV3/OrTextarea.js

@@ -1 +1 @@
-export { s as default } from '../OrTextareaV3-62b93d7f.js';
+export { s as default } from '../OrTextareaV3-c489d481.js';

package/dist/bundled/v3/components/OrTextareaV3/index.js

@@ -1 +1 @@
-export { s as OrTextareaV3 } from '../OrTextareaV3-62b93d7f.js';
+export { s as OrTextareaV3 } from '../OrTextareaV3-c489d481.js';

package/dist/bundled/v3/components/OrTextareaV3/styles.js

@@ -1 +1 @@
-export { T as Textarea, a as TextareaControl } from '../OrTextareaV3-62b93d7f.js';
+export { T as Textarea, a as TextareaControl } from '../OrTextareaV3-c489d481.js';

package/dist/bundled/v3/components/{OrTextareaV3-62b93d7f.js → OrTextareaV3-c489d481.js}

@@ -147,7 +147,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',
@@ -155,7 +155,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, {
@@ -185,11 +185,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/bundled/v3/components/OrTimeFormatV3/OrTimeFormat.js

@@ -1 +1 @@
-export { s as default } from '../OrTimeFormatV3-077eef3e.js';
+export { s as default } from '../OrTimeFormatV3-0fca61f1.js';

package/dist/bundled/v3/components/OrTimeFormatV3/index.js

@@ -1 +1 @@
-export { s as OrTimeFormatV3 } from '../OrTimeFormatV3-077eef3e.js';
+export { s as OrTimeFormatV3 } from '../OrTimeFormatV3-0fca61f1.js';

package/dist/bundled/v3/components/OrTimeFormatV3/styles.js

@@ -1 +1 @@
-export { T as TimeFormat } from '../OrTimeFormatV3-077eef3e.js';
+export { T as TimeFormat } from '../OrTimeFormatV3-0fca61f1.js';

package/dist/bundled/v3/components/{OrTimeFormatV3-077eef3e.js → OrTimeFormatV3-0fca61f1.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { D as DateTimePickerTimeFormat, i as formatTime } from './OrDateTimePickerV3-fd16e9ae.js';
+import { D as DateTimePickerTimeFormat, i as formatTime } from './OrDateTimePickerV3-160e8550.js';
 
 const TimeFormat = [
 // Layout

package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.js

@@ -1 +1 @@
-export { s as default } from '../OrTimePickerV3-85ef291c.js';
+export { s as default } from '../OrTimePickerV3-40e40f12.js';

package/dist/bundled/v3/components/OrTimePickerV3/index.js

@@ -1 +1 @@
-export { s as OrTimePickerV3 } from '../OrTimePickerV3-85ef291c.js';
+export { s as OrTimePickerV3 } from '../OrTimePickerV3-40e40f12.js';

package/dist/bundled/v3/components/OrTimePickerV3/styles.js

@@ -1 +1 @@
-export { T as TimePicker, a as TimePickerPopover } from '../OrTimePickerV3-85ef291c.js';
+export { T as TimePicker, a as TimePickerPopover } from '../OrTimePickerV3-40e40f12.js';

package/dist/bundled/v3/components/{OrTimePickerV3-85ef291c.js → OrTimePickerV3-40e40f12.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
-import { b as script$1, d as script$2, e as script$3, j as script$4, k as script$5, D as DateTimePickerTimeFormat, g as getCurrentDate } from './OrDateTimePickerV3-fd16e9ae.js';
+import { b as script$1, d as script$2, e as script$3, j as script$4, k as script$5, D as DateTimePickerTimeFormat, g as getCurrentDate } from './OrDateTimePickerV3-160e8550.js';
 import { s as script$6 } from './OrErrorV3-b04d76aa.js';
 import { s as script$7 } from './OrHintV3-c8ac5975.js';
 import { s as script$8 } from './OrIconV3-34670800.js';
@@ -206,14 +206,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, {
@@ -290,13 +290,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/bundled/v3/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -1 +1 @@
-export { s as default } from '../OrTimeRangePickerV3-fae46dde.js';
+export { s as default } from '../OrTimeRangePickerV3-195db897.js';

package/dist/bundled/v3/components/OrTimeRangePickerV3/index.js

@@ -1 +1 @@
-export { s as OrTimeRangePickerV3 } from '../OrTimeRangePickerV3-fae46dde.js';
+export { s as OrTimeRangePickerV3 } from '../OrTimeRangePickerV3-195db897.js';

package/dist/bundled/v3/components/OrTimeRangePickerV3/styles.js

@@ -1 +1 @@
-export { T as TimeRangePicker, a as TimeRangePickerPopover } from '../OrTimeRangePickerV3-fae46dde.js';
+export { T as TimeRangePicker, a as TimeRangePickerPopover } from '../OrTimeRangePickerV3-195db897.js';

package/dist/bundled/v3/components/{OrTimeRangePickerV3-fae46dde.js → OrTimeRangePickerV3-195db897.js}

@@ -7,7 +7,7 @@ import { s as script$9 } from './OrIconButtonV3-c00fffaf.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBoxV3-dbc63649.js';
 import { s as script$b } from './OrLabelV3-ebd5f67a.js';
 import { s as script$c } from './OrPopoverV3-6c2dbc6b.js';
-import { b as script$1, d as script$2, e as script$3, j as script$4, k as script$5, D as DateTimePickerTimeFormat, g as getCurrentDate } from './OrDateTimePickerV3-fd16e9ae.js';
+import { b as script$1, d as script$2, e as script$3, j as script$4, k as script$5, D as DateTimePickerTimeFormat, g as getCurrentDate } from './OrDateTimePickerV3-160e8550.js';
 import { DropdownClose } from '../directives/dropdown-close.js';
 import { DropdownOpen } from '../directives/dropdown-open.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
@@ -221,14 +221,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, {
@@ -329,13 +329,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/bundled/v3/components/index.js

@@ -8,7 +8,7 @@ export { default as OrIconButton, default as OrIconButtonV2 } from './OrIconButt
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButtonV3-0ce782ba.js';
 export { default as OrCard } from './OrCard/OrCard.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-c480a57b.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-736a4eb8.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCardV3-a0e51677.js';
 export { default as OrCheckbox } from './OrCheckbox/OrCheckbox.js';
 export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGroup.js';
@@ -16,19 +16,19 @@ export { s as OrCheckboxTreeV3 } from './OrCheckboxTreeV3-62eab28a.js';
 export { s as OrCheckboxV3 } from './OrCheckboxV3-02115a7f.js';
 export { s as OrChip, a as OrChips } from './OrChips-06567038.js';
 export { a as EditorState, E as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './OrCode-c0da3f7a.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-32d28f25.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-983d8290.js';
 export { default as OrCollapse } from './OrCollapse/OrCollapse.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-c835bc4f.js';
-export { s as OrCombinedInputV3 } from './OrCombinedInputV3-f7b0629a.js';
+export { s as OrCombinedInputV3 } from './OrCombinedInputV3-0f778002.js';
 export { s as OrConfirm } from './OrConfirm-91f220b8.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-a82cfc5d.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-0216cdbd.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { s as OrDateFormatV3 } from './OrDateFormatV3-39b678c0.js';
-export { s as OrDatePickerV3 } from './OrDatePickerV3-3e308ac9.js';
-export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-885e8c83.js';
-export { s as OrDateTimeFormatV3 } from './OrDateTimeFormatV3-0639ecf6.js';
+export { s as OrDateFormatV3 } from './OrDateFormatV3-df2af786.js';
+export { s as OrDatePickerV3 } from './OrDatePickerV3-87f21337.js';
+export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-5a02b231.js';
+export { s as OrDateTimeFormatV3 } from './OrDateTimeFormatV3-bb20d916.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-ecc08f15.js';
-export { D as DateTimePickerTimeFormat, s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, j as OrDateTimePickerTimeControl, k as OrDateTimePickerTimeSelect, l as OrDateTimePickerV3, f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from './OrDateTimePickerV3-fd16e9ae.js';
+export { D as DateTimePickerTimeFormat, s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, j as OrDateTimePickerTimeControl, k as OrDateTimePickerTimeSelect, l as OrDateTimePickerV3, f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from './OrDateTimePickerV3-160e8550.js';
 export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from './OrDropAreaV3-2ebc2843.js';
 export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-6f658bdd.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyStateV3-af47ab45.js';
@@ -38,7 +38,7 @@ export { s as OrErrorV3 } from './OrErrorV3-b04d76aa.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanelV3-b982d033.js';
 export { F as FabColor, s as OrFabV3 } from './OrFabV3-28dfdb9c.js';
 export { s as OrFloating, e as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-18e0dac6.js';
-export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroupV3-fe03d79b.js';
+export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroupV3-7fe620c0.js';
 export { default as OrHint } from './OrHint/OrHint.js';
 export { s as OrHintV3 } from './OrHintV3-c8ac5975.js';
 export { OrIcon, OrIconColors, OrIconType } from './OrIcon/index.js';
@@ -50,13 +50,13 @@ export { InlineTextEditTrimmingTypes, InlineTextEditTypes, OrInlineTextEdit } fr
 export { s as OrInlineTextareaV3 } from './OrInlineTextareaV3-34106182.js';
 export { default as OrInput } from './OrInput/OrInput.js';
 export { I as InputBoxSize, a as InputBoxVariant, s as OrInputBoxV3 } from './OrInputBoxV3-dbc63649.js';
-export { I as InputType, s as OrInputV3 } from './OrInputV3-65eecfd2.js';
+export { I as InputType, s as OrInputV3 } from './OrInputV3-4e10d1cf.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { L as LabelVariant, s as OrLabelV3 } from './OrLabelV3-ebd5f67a.js';
 export { L as LinkColor, s as OrLinkV3 } from './OrLinkV3-56763fd9.js';
 export { s as OrList } from './OrList-92862764.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { a as OrListItem, s as OrListV3 } from './OrListV3-e531ef3d.js';
+export { a as OrListItem, s as OrListV3 } from './OrListV3-159c96b5.js';
 export { LoaderViews, OrLoader } from './OrLoader/index.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './OrLoaderV3-7eed5201.js';
 export { s as OrMenuItemV3 } from './OrMenuItemV3-24bdf746.js';
@@ -81,12 +81,12 @@ export { s as OrRadioV3 } from './OrRadioV3-f93b6867.js';
 export { s as OrRangeSliderV3 } from './OrRangeSliderV3-ccd2e2fc.js';
 export { s as OrRatingV3 } from './OrRatingV3-82a538ca.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanelV3-991028db.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-2d55c8f1.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-3e2811e3.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-de9f3667.js';
 export { s as OrSelect } from './OrSelect-ca4f92d4.js';
-export { s as OrSelectV3 } from './OrSelectV3-65c31879.js';
+export { s as OrSelectV3 } from './OrSelectV3-b4b79d72.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-33dbf722.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-284e1ba6.js';
@@ -104,18 +104,18 @@ export { s as OrTabV3 } from './OrTabV3-29b3733b.js';
 export { default as OrTabs } from './OrTabs/OrTabs.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabsV3-c10f8981.js';
 export { default as OrTag } from './OrTag/OrTag.js';
-export { s as OrTagInputV3 } from './OrTagInputV3-f9cd5ec2.js';
+export { s as OrTagInputV3 } from './OrTagInputV3-38c1c81d.js';
 export { s as OrTagV3, T as TagColor, a as TagVariant } from './OrTagV3-59ddbb3d.js';
 export { s as OrTagsV3, T as TagsOverflow } from './OrTagsV3-60d266d5.js';
 export { s as OrTeleport } from './OrTeleport-5a34b07f.js';
 export { default as OrTeleportV3 } from './OrTeleportV3/OrTeleport.js';
 export { s as OrTextV3 } from './OrTextV3-f2e88ff5.js';
 export { default as OrTextarea } from './OrTextarea/OrTextarea.js';
-export { s as OrTextareaV3 } from './OrTextareaV3-62b93d7f.js';
+export { s as OrTextareaV3 } from './OrTextareaV3-c489d481.js';
 export { OrTextbox, TextboxTypes } from './OrTextbox/index.js';
-export { s as OrTimeFormatV3 } from './OrTimeFormatV3-077eef3e.js';
-export { s as OrTimePickerV3 } from './OrTimePickerV3-85ef291c.js';
-export { s as OrTimeRangePickerV3 } from './OrTimeRangePickerV3-fae46dde.js';
+export { s as OrTimeFormatV3 } from './OrTimeFormatV3-0fca61f1.js';
+export { s as OrTimePickerV3 } from './OrTimePickerV3-40e40f12.js';
+export { s as OrTimeRangePickerV3 } from './OrTimeRangePickerV3-195db897.js';
 export { s as OrToast, a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from './OrToast-d2b2da2c.js';
 export { a as OrToastContainerV3, s as OrToastV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from './OrToastV3-807d4d52.js';
 export { OrTooltip, OrTooltipContent } from './OrTooltip/index.js';

package/dist/bundled/v3/index.js

@@ -4,23 +4,23 @@ export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './components
 export { OrButton, OrButtonColors, OrButtonSizes, OrButtonViews } from './components/OrButton/index.js';
 export { s as OrButtonGroupV3 } from './components/OrButtonGroupV3-03b87501.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './components/OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-c480a57b.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-736a4eb8.js';
 export { C as CardPadding, s as OrCardV3 } from './components/OrCardV3-a0e51677.js';
 export { default as OrCheckboxGroupV3 } from './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
 export { s as OrChip, a as OrChips } from './components/OrChips-06567038.js';
 export { a as EditorState, E as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './components/OrCode-c0da3f7a.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-32d28f25.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-983d8290.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 './components/OrColorPicker-c835bc4f.js';
-export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-f7b0629a.js';
+export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-0f778002.js';
 export { s as OrConfirm } from './components/OrConfirm-91f220b8.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-a82cfc5d.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-0216cdbd.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { s as OrDateFormatV3 } from './components/OrDateFormatV3-39b678c0.js';
-export { s as OrDatePickerV3 } from './components/OrDatePickerV3-3e308ac9.js';
-export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-885e8c83.js';
-export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-0639ecf6.js';
+export { s as OrDateFormatV3 } from './components/OrDateFormatV3-df2af786.js';
+export { s as OrDatePickerV3 } from './components/OrDatePickerV3-87f21337.js';
+export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-5a02b231.js';
+export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-bb20d916.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './components/OrDateTimePicker-ecc08f15.js';
-export { D as DateTimePickerTimeFormat, s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, j as OrDateTimePickerTimeControl, k as OrDateTimePickerTimeSelect, l as OrDateTimePickerV3, f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from './components/OrDateTimePickerV3-fd16e9ae.js';
+export { D as DateTimePickerTimeFormat, s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, j as OrDateTimePickerTimeControl, k as OrDateTimePickerTimeSelect, l as OrDateTimePickerV3, f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from './components/OrDateTimePickerV3-160e8550.js';
 export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from './components/OrDropAreaV3-2ebc2843.js';
 export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './components/OrEditorTabsV3-6f658bdd.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './components/OrEmptyStateV3-af47ab45.js';
@@ -31,7 +31,7 @@ export { InlineTextEditTrimmingTypes, InlineTextEditTypes, OrInlineTextEdit } fr
 export { s as OrInlineTextareaV3 } from './components/OrInlineTextareaV3-34106182.js';
 export { L as LinkColor, s as OrLinkV3 } from './components/OrLinkV3-56763fd9.js';
 export { default as OrListOfInputs } from './components/OrListOfInputs/OrListOfInputs.js';
-export { a as OrListItem, s as OrListV3 } from './components/OrListV3-e531ef3d.js';
+export { a as OrListItem, s as OrListV3 } from './components/OrListV3-159c96b5.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE, OrNotification } from './components/OrNotification/index.js';
 export { N as NotificationVariant, s as OrNotificationV3 } from './components/OrNotificationV3-c5ce2973.js';
 export { default as OrNumberInput } from './components/OrNumberInput/OrNumberInput.js';
@@ -44,10 +44,10 @@ export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-ccd2e2fc.js';
 export { s as OrRatingV3 } from './components/OrRatingV3-82a538ca.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-2d55c8f1.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-3e2811e3.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-de9f3667.js';
 export { s as OrSelect } from './components/OrSelect-ca4f92d4.js';
-export { s as OrSelectV3 } from './components/OrSelectV3-65c31879.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-b4b79d72.js';
 export { OrSidebar, OrSidebarSide } from './components/OrSidebar/index.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-33dbf722.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-284e1ba6.js';
@@ -62,14 +62,14 @@ export { default as OrTab } from './components/OrTab/OrTab.js';
 export { default as OrTabs } from './components/OrTabs/OrTabs.js';
 export { s as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-c10f8981.js';
 export { default as OrTag } from './components/OrTag/OrTag.js';
-export { s as OrTagInputV3 } from './components/OrTagInputV3-f9cd5ec2.js';
+export { s as OrTagInputV3 } from './components/OrTagInputV3-38c1c81d.js';
 export { s as OrTextV3 } from './components/OrTextV3-f2e88ff5.js';
 export { default as OrTextarea } from './components/OrTextarea/OrTextarea.js';
-export { s as OrTextareaV3 } from './components/OrTextareaV3-62b93d7f.js';
+export { s as OrTextareaV3 } from './components/OrTextareaV3-c489d481.js';
 export { OrTextbox, TextboxTypes } from './components/OrTextbox/index.js';
-export { s as OrTimeFormatV3 } from './components/OrTimeFormatV3-077eef3e.js';
-export { s as OrTimePickerV3 } from './components/OrTimePickerV3-85ef291c.js';
-export { s as OrTimeRangePickerV3 } from './components/OrTimeRangePickerV3-fae46dde.js';
+export { s as OrTimeFormatV3 } from './components/OrTimeFormatV3-0fca61f1.js';
+export { s as OrTimePickerV3 } from './components/OrTimePickerV3-40e40f12.js';
+export { s as OrTimeRangePickerV3 } from './components/OrTimeRangePickerV3-195db897.js';
 export { s as OrToast, a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from './components/OrToast-d2b2da2c.js';
 export { a as OrToastContainerV3, s as OrToastV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from './components/OrToastV3-807d4d52.js';
 export { OrTreeV3, TreeNodeDropPosition } from './components/OrTreeV3/index.js';
@@ -86,7 +86,7 @@ export { default as OrError } from './components/OrError/OrError.js';
 export { s as OrErrorV3 } from './components/OrErrorV3-b04d76aa.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './components/OrExpansionPanelV3-b982d033.js';
 export { s as OrFloating, e as OrFloatingHideStrategy, O as OrFloatingPlacements } from './components/OrFloating-18e0dac6.js';
-export { F as FormGroupDirection, s as OrFormGroupV3 } from './components/OrFormGroupV3-fe03d79b.js';
+export { F as FormGroupDirection, s as OrFormGroupV3 } from './components/OrFormGroupV3-7fe620c0.js';
 export { default as OrHint } from './components/OrHint/OrHint.js';
 export { s as OrHintV3 } from './components/OrHintV3-c8ac5975.js';
 export { OrIcon, OrIconColors, OrIconType } from './components/OrIcon/index.js';
@@ -95,7 +95,7 @@ export { I as IconSize, a as IconVariant, s as OrIconV3 } from './components/OrI
 export { I as InlineInputBoxSize, s as OrInlineInputBoxV3 } from './components/OrInlineInputBoxV3-1a4d3924.js';
 export { default as OrInput } from './components/OrInput/OrInput.js';
 export { I as InputBoxSize, a as InputBoxVariant, s as OrInputBoxV3 } from './components/OrInputBoxV3-dbc63649.js';
-export { I as InputType, s as OrInputV3 } from './components/OrInputV3-65eecfd2.js';
+export { I as InputType, s as OrInputV3 } from './components/OrInputV3-4e10d1cf.js';
 export { default as OrLabel } from './components/OrLabel/OrLabel.js';
 export { L as LabelVariant, s as OrLabelV3 } from './components/OrLabelV3-ebd5f67a.js';
 export { s as OrList } from './components/OrList-92862764.js';

package/dist/esm/v2/{OrCardCollection-5eee34d5.js → OrCardCollection-c6368a1f.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { _ as __vue_component__$2 } from './OrIconButton-956b8e5c.js';
 import { _ as __vue_component__$5 } from './OrLoader-4ac49224.js';
-import { _ as __vue_component__$4 } from './OrSearch-35f81246.js';
+import { _ as __vue_component__$4 } from './OrSearch-0b5530e9.js';
 import { _ as __vue_component__$3 } from './OrSorting-e3535b6a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrCheckboxGroup-e15983cc.js → OrCheckboxGroup-f5577316.js}

@@ -5,7 +5,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrCheckboxTree-24cec921.js';
-import { _ as __vue_component__$2, F as FormGroupDirection } from './OrFormGroup-2367ec36.js';
+import { _ as __vue_component__$2, F as FormGroupDirection } from './OrFormGroup-d1d9f3bc.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrCode-4bbd11e9.js → OrCode-02d56743.js}

@@ -137,7 +137,9 @@ var __vue_render__$1 = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n    " + _vm._s(_vm.label) + "\n\n    ")]), _vm._v(" "), _c('OrInputBox', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")];
+  })], 2), _vm._v(" "), _c('OrInputBox', {
     class: ['grow'],
     attrs: {
       "size": 'm',
@@ -156,11 +158,13 @@ var __vue_render__$1 = function () {
       expression: "!error"
     }],
     class: ['contents']
-  }, [_vm.hint ? [_c('OrHint', {
+  }, [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")])] : _vm._e()], 2), _vm._v(" "), _c('div', {
+  }, [_vm._t("hint", function () {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -471,6 +475,14 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly
     },
     scopedSlots: _vm._u([{
+      key: "label",
+      fn: function () {
+        return [_vm._t("label", function () {
+          return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+        })];
+      },
+      proxy: true
+    }, {
       key: "addon",
       fn: function () {
         return [_c('div', {
@@ -488,6 +500,14 @@ var __vue_render__ = function () {
         }) : _vm._e()], 2)];
       },
       proxy: true
+    }, {
+      key: "hint",
+      fn: function () {
+        return [_vm._t("hint", function () {
+          return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+        })];
+      },
+      proxy: true
     }], null, true)
   }), _vm._v(" "), _c('OrModal', {
     ref: 'modal',
@@ -498,7 +518,9 @@ var __vue_render__ = function () {
     scopedSlots: _vm._u([{
       key: "header",
       fn: function () {
-        return [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")];
+        return [_vm._t("label", function () {
+          return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+        })];
       },
       proxy: true
     }, _vm.$slots.modalFooter ? {