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

package/dist/bundled/v3/components/{OrCodeV3-1160f5d1.js → OrCodeV3-983d8290.js}

@@ -1,12 +1,12 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, createCommentVNode, vShow, withModifiers, createSlots } from 'vue';
-import { C as Compartment, b as basicSetup, k as keymap, i as indentWithTab, E as EditorView, a as EditorState } from './OrCode-417a9948.js';
+import { C as Compartment, b as basicSetup, k as keymap, i as indentWithTab, E as EditorView, a as EditorState } from './OrCode-c0da3f7a.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, onMounted, onUnmounted } from 'vue-demi';
 import { s as script$2 } from './OrErrorV3-b04d76aa.js';
 import { s as script$3 } from './OrHintV3-c8ac5975.js';
 import { s as script$4 } from './OrInputBoxV3-dbc63649.js';
-import { s as script$5 } from './OrLabelV3-b1cd132a.js';
-import { s as script$6 } from './OrModalV3-a4e788b7.js';
-import { s as script$7 } from './OrIconButtonV3-636f0cb1.js';
+import { s as script$5 } from './OrLabelV3-ebd5f67a.js';
+import { s as script$6 } from './OrModalV3-65e0cb39.js';
+import { s as script$7 } from './OrIconButtonV3-c00fffaf.js';
 import { useIdAttribute } from '../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../hooks/useValidationAttributes.js';
@@ -127,7 +127,7 @@ function render$1(_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"]), createVNode(_component_OrInputBox, {
@@ -143,13 +143,13 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 2 /* CLASS */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_1$1, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_1$1, [_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_2, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
@@ -252,19 +252,19 @@ var script = defineComponent({
     const getLanguageExtension = async language => {
       switch (language) {
         case CodeLanguage.HTML:
-          return (await import('./OrCode-417a9948.js').then(function (n) { return n.F; })).html();
+          return (await import('./OrCode-c0da3f7a.js').then(function (n) { return n.F; })).html();
         case CodeLanguage.CSS:
-          return (await import('./OrCode-417a9948.js').then(function (n) { return n.B; })).css();
+          return (await import('./OrCode-c0da3f7a.js').then(function (n) { return n.B; })).css();
         case CodeLanguage.JS:
-          return (await import('./OrCode-417a9948.js').then(function (n) { return n.D; })).javascript();
+          return (await import('./OrCode-c0da3f7a.js').then(function (n) { return n.D; })).javascript();
         case CodeLanguage.TS:
-          return (await import('./OrCode-417a9948.js').then(function (n) { return n.D; })).javascript({
+          return (await import('./OrCode-c0da3f7a.js').then(function (n) { return n.D; })).javascript({
             typescript: true
           });
         case CodeLanguage.JSON:
-          return (await import('./OrCode-417a9948.js').then(function (n) { return n.G; })).json();
+          return (await import('./OrCode-c0da3f7a.js').then(function (n) { return n.G; })).json();
         case CodeLanguage.MD:
-          return (await import('./OrCode-417a9948.js').then(function (n) { return n.I; })).markdown();
+          return (await import('./OrCode-c0da3f7a.js').then(function (n) { return n.I; })).markdown();
       }
     };
     // Methods
@@ -435,18 +435,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled,
     readonly: _ctx.readonly
   }, {
+    label: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+
     addon: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "addon"), _ctx.enableFullscreen ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: 'fullscreen',
       onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.openFullscreen(), ["stop"]))
     })) : createCommentVNode("v-if", true)])]),
+    hint: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
+
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"]), createVNode(_component_OrModal, {
     ref: 'modal',
     "additional-styles": _ctx.modalStyles,
     size: 'l'
   }, createSlots({
-    header: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]),
+    header: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     default: withCtx(() => [createVNode(_component_OrCodeControl, {
       ref: 'fullscreenControl',

package/dist/bundled/v3/components/OrCollapse/OrCollapse.js

@@ -1,5 +1,5 @@
 import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementBlock, renderSlot, normalizeProps, guardReactiveProps, vShow, Fragment, createCommentVNode } from 'vue';
-import { s as styleInject } from '../OrAvatar-11385bc1.js';
+import { s as styleInject } from '../OrAvatar-bceb6c00.js';
 import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue-demi';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { setStyle, requestAF, reflow, removeStyle, cancelAF, getBCR } from '../../utils/functions/dom.js';

package/dist/bundled/v3/components/OrColorPicker/OrColorPicker.js

@@ -1 +1 @@
-export { s as default } from '../OrColorPicker-9036b0be.js';
+export { s as default } from '../OrColorPicker-c835bc4f.js';

package/dist/bundled/v3/components/OrColorPicker/constants.js

@@ -1 +1 @@
-export { h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, P as default, 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-9036b0be.js';
+export { h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, P as default, 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';

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

@@ -1 +1 @@
-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-9036b0be.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';

package/dist/bundled/v3/components/OrColorPicker/utils/defultPalette.js

@@ -1 +1 @@
-export { q as default } from '../../OrColorPicker-9036b0be.js';
+export { q as default } from '../../OrColorPicker-c835bc4f.js';

package/dist/bundled/v3/components/{OrColorPicker-9036b0be.js → OrColorPicker-c835bc4f.js}

@@ -1,8 +1,8 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, withModifiers, createBlock, withCtx, Fragment, renderList, normalizeClass, withDirectives, vShow, createCommentVNode, pushScopeId, popScopeId } from 'vue';
-import { s as styleInject } from './OrAvatar-11385bc1.js';
+import { s as styleInject } from './OrAvatar-bceb6c00.js';
 import { defineComponent, ref } from 'vue-demi';
-import { u as useToggle, o as onClickOutside } from './OrBottomSheetV3-9cc93faa.js';
-import { s as script$1, O as OrFloatingPlacements } from './OrFloating-b2e23eb9.js';
+import { u as useToggle, o as onClickOutside } from './OrBottomSheetV3-ec6d69fe.js';
+import { s as script$1, O as OrFloatingPlacements } from './OrFloating-18e0dac6.js';
 
 const red = {
   50: '#FFEBEE',

package/dist/bundled/v3/components/OrCombinedInputV3/OrCombinedInput.js

@@ -1 +1 @@
-export { s as default } from '../OrCombinedInputV3-ebac9cb0.js';
+export { s as default } from '../OrCombinedInputV3-0f778002.js';

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

@@ -1 +1 @@
-export { s as OrCombinedInputV3 } from '../OrCombinedInputV3-ebac9cb0.js';
+export { s as OrCombinedInputV3 } from '../OrCombinedInputV3-0f778002.js';

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

@@ -1 +1 @@
-export { C as CombinedInput, a as CombinedInputControlGroup } from '../OrCombinedInputV3-ebac9cb0.js';
+export { C as CombinedInput, a as CombinedInputControlGroup } from '../OrCombinedInputV3-0f778002.js';

package/dist/bundled/v3/components/{OrCombinedInputV3-ebac9cb0.js → OrCombinedInputV3-0f778002.js}

@@ -2,7 +2,7 @@ import { resolveComponent, openBlock, createElementBlock, normalizeClass, create
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrErrorV3-b04d76aa.js';
 import { s as script$2 } from './OrHintV3-c8ac5975.js';
-import { s as script$3 } from './OrLabelV3-b1cd132a.js';
+import { s as script$3 } from './OrLabelV3-ebd5f67a.js';
 import { I as InputBoxSize } from './OrInputBoxV3-dbc63649.js';
 
 const CombinedInput = [
@@ -92,14 +92,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), createElementVNode("div", {
@@ -111,13 +111,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     readonly: _ctx.readonly,
     disabled: _ctx.disabled,
     disableDefaultStyles: _ctx.disableDefaultStyles
-  })], 2 /* CLASS */), withDirectives(createElementVNode("div", _hoisted_1, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  })], 2 /* CLASS */), withDirectives(createElementVNode("div", _hoisted_1, [_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_2, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {

package/dist/bundled/v3/components/OrConfirm/OrConfirm.js

@@ -1 +1 @@
-export { s as default } from '../OrConfirm-cee1a265.js';
+export { s as default } from '../OrConfirm-91f220b8.js';

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

@@ -1 +1 @@
-export { s as OrConfirm } from '../OrConfirm-cee1a265.js';
+export { s as OrConfirm } from '../OrConfirm-91f220b8.js';

package/dist/bundled/v3/components/{OrConfirm-cee1a265.js → OrConfirm-91f220b8.js}

@@ -1,9 +1,9 @@
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
-import { s as styleInject } from './OrAvatar-11385bc1.js';
+import { s as styleInject } from './OrAvatar-bceb6c00.js';
 import { computed, defineComponent, ref } from 'vue-demi';
-import { r as resolveUnref, b as useMagicKeys, c as useActiveElement, w as whenever } from './OrBottomSheetV3-9cc93faa.js';
-import { s as script$1, B as BUTTON_COLOR } from './OrButtonV2-87cb0f7b.js';
-import { s as script$2, O as OrModalSizes } from './OrModal-d7a9b77d.js';
+import { r as resolveUnref, b as useMagicKeys, c as useActiveElement, w as whenever } from './OrBottomSheetV3-ec6d69fe.js';
+import { s as script$1, B as BUTTON_COLOR } from './OrButtonV2-58b0a622.js';
+import { s as script$2, O as OrModalSizes } from './OrModal-7ea5adf2.js';
 import script$3 from './OrInput/OrInput.js';
 
 function logicAnd(...args) {

package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js

@@ -1 +1 @@
-export { s as default } from '../OrConfirmV3-d66aab22.js';
+export { s as default } from '../OrConfirmV3-0216cdbd.js';

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

@@ -1 +1 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-d66aab22.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-0216cdbd.js';

package/dist/bundled/v3/components/OrConfirmV3/props.js

@@ -1 +1 @@
-export { C as ConfirmType } from '../OrConfirmV3-d66aab22.js';
+export { C as ConfirmType } from '../OrConfirmV3-0216cdbd.js';

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

@@ -1 +1 @@
-export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-d66aab22.js';
+export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-0216cdbd.js';

package/dist/bundled/v3/components/{OrConfirmV3-d66aab22.js → OrConfirmV3-0216cdbd.js}

@@ -1,10 +1,10 @@
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
-import { b as useMagicKeys, w as whenever, o as onClickOutside } from './OrBottomSheetV3-9cc93faa.js';
-import { l as logicAnd } from './OrConfirm-cee1a265.js';
+import { b as useMagicKeys, w as whenever, o as onClickOutside } from './OrBottomSheetV3-ec6d69fe.js';
+import { l as logicAnd } from './OrConfirm-91f220b8.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s as script$1 } from './OrOverlayV3-5e37f0fd.js';
-import { s as script$2, a as ButtonColor } from './OrButtonV3-3c53deb8.js';
-import { s as script$3 } from './OrInputV3-d527d7a4.js';
+import { s as script$1 } from './OrOverlayV3-16e02b22.js';
+import { s as script$2, a as ButtonColor } from './OrButtonV3-0ce782ba.js';
+import { s as script$3 } from './OrInputV3-4e10d1cf.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 
 var ConfirmType;

package/dist/bundled/v3/components/OrContextMenuV3/OrContextMenu.js

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
 import { defineComponent, ref, watch } from 'vue-demi';
-import { s as script$1 } from '../OrMenuV3-bb638283.js';
-import { P as PopoverPlacement } from '../OrPopoverV3-c7319754.js';
+import { s as script$1 } from '../OrMenuV3-dc587800.js';
+import { P as PopoverPlacement } from '../OrPopoverV3-6c2dbc6b.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 
 var script = defineComponent({

package/dist/bundled/v3/components/OrDateFormatV3/OrDateFormat.js

@@ -1 +1 @@
-export { s as default } from '../OrDateFormatV3-72129744.js';
+export { s as default } from '../OrDateFormatV3-27f6e6e7.js';

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

@@ -1 +1 @@
-export { s as OrDateFormatV3 } from '../OrDateFormatV3-72129744.js';
+export { s as OrDateFormatV3 } from '../OrDateFormatV3-27f6e6e7.js';

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

@@ -1 +1 @@
-export { D as DateFormat } from '../OrDateFormatV3-72129744.js';
+export { D as DateFormat } from '../OrDateFormatV3-27f6e6e7.js';

package/dist/bundled/v3/components/{OrDateFormatV3-72129744.js → OrDateFormatV3-27f6e6e7.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { f as formatDate } from './OrDateTimePickerV3-da984e66.js';
+import { f as formatDate } from './OrDateTimePickerV3-b1fd442e.js';
 
 const DateFormat = [
 // Layout

package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js

@@ -1 +1 @@
-export { s as default } from '../OrDatePickerV3-f7eb5aa9.js';
+export { s as default } from '../OrDatePickerV3-df7e40e2.js';

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

@@ -1 +1 @@
-export { s as OrDatePickerV3 } from '../OrDatePickerV3-f7eb5aa9.js';
+export { s as OrDatePickerV3 } from '../OrDatePickerV3-df7e40e2.js';

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

@@ -1 +1 @@
-export { D as DatePicker, a as DatePickerPopover } from '../OrDatePickerV3-f7eb5aa9.js';
+export { D as DatePicker, a as DatePickerPopover } from '../OrDatePickerV3-df7e40e2.js';

package/dist/bundled/v3/components/{OrDatePickerV3-f7eb5aa9.js → OrDatePickerV3-df7e40e2.js}

@@ -1,13 +1,13 @@
 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 { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, g as getCurrentDate } from './OrDateTimePickerV3-da984e66.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, g as getCurrentDate } from './OrDateTimePickerV3-b1fd442e.js';
 import { s as script$7 } from './OrErrorV3-b04d76aa.js';
 import { s as script$8 } from './OrHintV3-c8ac5975.js';
 import { s as script$9 } from './OrIconV3-34670800.js';
-import { s as script$a } from './OrIconButtonV3-636f0cb1.js';
+import { s as script$a } from './OrIconButtonV3-c00fffaf.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBoxV3-dbc63649.js';
-import { s as script$c } from './OrLabelV3-b1cd132a.js';
-import { s as script$d } from './OrPopoverV3-c7319754.js';
+import { s as script$c } from './OrLabelV3-ebd5f67a.js';
+import { s as script$d } from './OrPopoverV3-6c2dbc6b.js';
 import { DropdownClose } from '../directives/dropdown-close.js';
 import { DropdownOpen } from '../directives/dropdown-open.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
@@ -212,14 +212,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     variant: 'input',
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
@@ -298,13 +298,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/OrDateRangePickerV3/OrDateRangePicker.js

@@ -1 +1 @@
-export { s as default } from '../OrDateRangePickerV3-c83ea78f.js';
+export { s as default } from '../OrDateRangePickerV3-ec208483.js';

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

@@ -1 +1 @@
-export { s as OrDateRangePickerV3 } from '../OrDateRangePickerV3-c83ea78f.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePickerV3-ec208483.js';

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

@@ -1 +1 @@
-export { D as DateRangePicker, a as DateRangePickerPopover } from '../OrDateRangePickerV3-c83ea78f.js';
+export { D as DateRangePicker, a as DateRangePickerPopover } from '../OrDateRangePickerV3-ec208483.js';

package/dist/bundled/v3/components/{OrDateRangePickerV3-c83ea78f.js → OrDateRangePickerV3-ec208483.js}

@@ -3,11 +3,11 @@ import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { s as script$7 } from './OrErrorV3-b04d76aa.js';
 import { s as script$8 } from './OrHintV3-c8ac5975.js';
 import { s as script$9 } from './OrIconV3-34670800.js';
-import { s as script$a } from './OrIconButtonV3-636f0cb1.js';
+import { s as script$a } from './OrIconButtonV3-c00fffaf.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBoxV3-dbc63649.js';
-import { s as script$c } from './OrLabelV3-b1cd132a.js';
-import { s as script$d } from './OrPopoverV3-c7319754.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, g as getCurrentDate, h as getNextMonthDate } from './OrDateTimePickerV3-da984e66.js';
+import { s as script$c } from './OrLabelV3-ebd5f67a.js';
+import { s as script$d } from './OrPopoverV3-6c2dbc6b.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, g as getCurrentDate, h as getNextMonthDate } from './OrDateTimePickerV3-b1fd442e.js';
 import { DropdownClose } from '../directives/dropdown-close.js';
 import { DropdownOpen } from '../directives/dropdown-open.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
@@ -255,14 +255,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, {
@@ -363,13 +363,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/OrDateTimeFormatV3/OrDateTimeFormat.js

@@ -1 +1 @@
-export { s as default } from '../OrDateTimeFormatV3-f8c8d912.js';
+export { s as default } from '../OrDateTimeFormatV3-755f98b4.js';

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

@@ -1 +1 @@
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormatV3-f8c8d912.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormatV3-755f98b4.js';

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

@@ -1 +1 @@
-export { D as DateTimeFormat } from '../OrDateTimeFormatV3-f8c8d912.js';
+export { D as DateTimeFormat } from '../OrDateTimeFormatV3-755f98b4.js';

package/dist/bundled/v3/components/{OrDateTimeFormatV3-f8c8d912.js → OrDateTimeFormatV3-755f98b4.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { D as DateTimePickerTimeFormat, f as formatDate, i as formatTime } from './OrDateTimePickerV3-da984e66.js';
+import { D as DateTimePickerTimeFormat, f as formatDate, i as formatTime } from './OrDateTimePickerV3-b1fd442e.js';
 
 const DateTimeFormat = [
 // Layout

package/dist/bundled/v3/components/OrDateTimePicker/OrDateTimePicker.js

@@ -1 +1 @@
-export { s as default } from '../OrDateTimePicker-9c192232.js';
+export { s as default } from '../OrDateTimePicker-ecc08f15.js';

package/dist/bundled/v3/components/OrDateTimePicker/constants.js

@@ -1 +1 @@
-export { D as DEFAULT_TEXT, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-9c192232.js';
+export { D as DEFAULT_TEXT, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-ecc08f15.js';

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

@@ -1 +1 @@
-export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-9c192232.js';
+export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-ecc08f15.js';

package/dist/bundled/v3/components/{OrDateTimePicker-9c192232.js → OrDateTimePicker-ecc08f15.js}

@@ -1,10 +1,10 @@
 import { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString, resolveComponent, createBlock, withCtx, renderSlot, createTextVNode, createCommentVNode, createElementVNode, createVNode, Transition, Fragment, renderList, withDirectives, vModelText, pushScopeId, popScopeId } from 'vue';
-import { s as styleInject } from './OrAvatar-11385bc1.js';
+import { s as styleInject } from './OrAvatar-bceb6c00.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from './OrBottomSheetV3-9cc93faa.js';
+import { o as onClickOutside } from './OrBottomSheetV3-ec6d69fe.js';
 import { setStyle, requestAF, getCS, reflow, cancelAF } from '../utils/functions/dom.js';
 import { pxToRem } from '../utils/functions/px-to-rem.js';
-import { s as script$2 } from './OrFloating-b2e23eb9.js';
+import { s as script$2 } from './OrFloating-18e0dac6.js';
 import script$3 from './OrLabel/OrLabel.js';
 import script$4 from './OrError/OrError.js';
 import script$5 from './OrHint/OrHint.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1 +1 @@
-export { l as default } from '../OrDateTimePickerV3-da984e66.js';
+export { l as default } from '../OrDateTimePickerV3-b1fd442e.js';

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

@@ -1 +1 @@
-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-da984e66.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-b1fd442e.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/props.js

@@ -1 +1 @@
-export { D as DateTimePickerTimeFormat } from '../OrDateTimePickerV3-da984e66.js';
+export { D as DateTimePickerTimeFormat } from '../OrDateTimePickerV3-b1fd442e.js';

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

@@ -1 +1 @@
-export { o as DateTimePicker, p as DateTimePickerDatePopover, q as DateTimePickerTimePopover } from '../OrDateTimePickerV3-da984e66.js';
+export { o as DateTimePicker, p as DateTimePickerDatePopover, q as DateTimePickerTimePopover } from '../OrDateTimePickerV3-b1fd442e.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/formatDate.js

@@ -1 +1 @@
-export { f as formatDate } from '../../OrDateTimePickerV3-da984e66.js';
+export { f as formatDate } from '../../OrDateTimePickerV3-b1fd442e.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/formatTime.js

@@ -1 +1 @@
-export { i as formatTime } from '../../OrDateTimePickerV3-da984e66.js';
+export { i as formatTime } from '../../OrDateTimePickerV3-b1fd442e.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getCurrentDate.js

@@ -1 +1 @@
-export { g as getCurrentDate } from '../../OrDateTimePickerV3-da984e66.js';
+export { g as getCurrentDate } from '../../OrDateTimePickerV3-b1fd442e.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getDatePlaceholder.js

@@ -1 +1 @@
-export { m as getDatePlaceholder } from '../../OrDateTimePickerV3-da984e66.js';
+export { m as getDatePlaceholder } from '../../OrDateTimePickerV3-b1fd442e.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getNextMonthDate.js

@@ -1 +1 @@
-export { h as getNextMonthDate } from '../../OrDateTimePickerV3-da984e66.js';
+export { h as getNextMonthDate } from '../../OrDateTimePickerV3-b1fd442e.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getTimePlaceholder.js

@@ -1 +1 @@
-export { n as getTimePlaceholder } from '../../OrDateTimePickerV3-da984e66.js';
+export { n as getTimePlaceholder } from '../../OrDateTimePickerV3-b1fd442e.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/index.js

@@ -1 +1 @@
-export { f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from '../../OrDateTimePickerV3-da984e66.js';
+export { f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from '../../OrDateTimePickerV3-b1fd442e.js';

package/dist/bundled/v3/components/{OrDateTimePickerV3-da984e66.js → OrDateTimePickerV3-b1fd442e.js}

@@ -1,16 +1,16 @@
 import { openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withCtx, createVNode, renderSlot, createCommentVNode, resolveDirective, withDirectives } from 'vue';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
-import { s as script$9 } from './OrButtonV3-3c53deb8.js';
-import { s as script$a } from './OrLabelV3-b1cd132a.js';
+import { s as script$9 } from './OrButtonV3-0ce782ba.js';
+import { s as script$a } from './OrLabelV3-ebd5f67a.js';
 import { s as script$b } from './OrIconV3-34670800.js';
-import { s as script$c } from './OrIconButtonV3-636f0cb1.js';
-import { s as script$d } from './OrMenuV3-bb638283.js';
-import { s as script$e } from './OrMenuItemV3-a39df4f4.js';
+import { s as script$c } from './OrIconButtonV3-c00fffaf.js';
+import { s as script$d } from './OrMenuV3-dc587800.js';
+import { s as script$e } from './OrMenuItemV3-24bdf746.js';
 import { s as script$f } from './OrErrorV3-b04d76aa.js';
 import { s as script$g } from './OrHintV3-c8ac5975.js';
 import { s as script$h, I as InputBoxSize } from './OrInputBoxV3-dbc63649.js';
-import { s as script$i } from './OrPopoverV3-c7319754.js';
+import { s as script$i } from './OrPopoverV3-6c2dbc6b.js';
 import { DropdownClose } from '../directives/dropdown-close.js';
 import { DropdownOpen } from '../directives/dropdown-open.js';
 
@@ -1249,14 +1249,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, {
@@ -1394,13 +1394,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/bundled/v3/components/OrDropAreaV3/OrDropArea.js

@@ -1 +1 @@
-export { s as default } from '../OrDropAreaV3-4e6d8de0.js';
+export { s as default } from '../OrDropAreaV3-2ebc2843.js';

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

@@ -1 +1 @@
-export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from '../OrDropAreaV3-4e6d8de0.js';
+export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from '../OrDropAreaV3-2ebc2843.js';

package/dist/bundled/v3/components/OrDropAreaV3/props.js

@@ -1 +1 @@
-export { D as DropAreaSize } from '../OrDropAreaV3-4e6d8de0.js';
+export { D as DropAreaSize } from '../OrDropAreaV3-2ebc2843.js';