@onereach/ui-components 9.0.1-beta.4190.0 → 9.0.1-beta.4191.0

package/dist/bundled/v2/{OrInput-a13e7864.js → OrInput-32963774.js}

@@ -149,7 +149,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-3c92f7b6]{min-width:0;background:0 0;outline:0}input[type=number][data-v-3c92f7b6]::-webkit-inner-spin-button{display:none}input[type=search][data-v-3c92f7b6]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-2411ca72]{min-width:0;background:0 0;outline:0}input[type=number][data-v-2411ca72]::-webkit-inner-spin-button{display:none}input[type=search][data-v-2411ca72]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -162,7 +162,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
     attrs: {
       "control-id": _vm.controlAttributes.id,
       "variant": 'input',
@@ -176,7 +176,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
       "size": _vm.size,
@@ -285,7 +287,7 @@ var __vue_render__ = function () {
       expression: "!error"
     }],
     class: ['contents']
-  }, [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -296,7 +298,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\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",
@@ -322,7 +326,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-3c92f7b6";
+const __vue_scope_id__ = "data-v-2411ca72";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrList-fb177f0d.js → OrList-b7b7017a.js}

@@ -258,7 +258,9 @@ var __vue_render__ = function () {
         },
         proxy: true
       }], null, true)
-    }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])];
+    }, [_vm._t("label", function () {
+      return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+    })], 2)];
   }, null, {
     addItem: _vm.addItem,
     deleteItem: _vm.deleteItem

package/dist/bundled/v2/components/OrCodeV3/OrCode.js

@@ -107,7 +107,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',
@@ -126,11 +128,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",
@@ -432,6 +436,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', {
@@ -449,6 +461,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',
@@ -459,7 +479,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 ? {

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

@@ -72,7 +72,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
     attrs: {
       "variant": 'input',
       "required": _vm.required,
@@ -85,7 +85,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('div', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('div', {
     class: _vm.controlGroup
   }, [_vm._t("default", null, {
     "size": _vm.size,
@@ -102,11 +104,13 @@ var __vue_render__ = 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",

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

@@ -5,7 +5,7 @@ import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
-import { _ as __vue_component__$3 } from '../../OrInput-a13e7864.js';
+import { _ as __vue_component__$3 } from '../../OrInput-32963774.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-279e78b9.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-00287594.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-10bd57e5.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-903012f0.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -195,7 +195,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
     attrs: {
       "variant": 'input',
       "required": _vm.required,
@@ -208,7 +208,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     directives: [{
       name: "dropdown-open",
       rawName: "v-dropdown-open",
@@ -340,11 +342,13 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")])] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+  }, [_vm._t("hint", function () {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,7 +8,7 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-00287594.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-10bd57e5.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-903012f0.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
@@ -228,7 +228,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
     attrs: {
       "variant": 'input',
       "required": _vm.required,
@@ -241,7 +241,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     directives: [{
       name: "dropdown-open",
       rawName: "v-dropdown-open",
@@ -452,11 +454,13 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")])] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+  }, [_vm._t("hint", function () {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-00287594.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-10bd57e5.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-903012f0.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-328896c3.js';
 import { DateTimePickerTimeFormat } from './props.js';
@@ -261,7 +261,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
     attrs: {
       "variant": 'input',
       "required": _vm.required,
@@ -274,7 +274,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     directives: [{
       name: "dropdown-open",
       rawName: "v-dropdown-open",
@@ -487,11 +489,13 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")])] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+  }, [_vm._t("hint", function () {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }

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

@@ -1,5 +1,5 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-00287594.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-10bd57e5.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-903012f0.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-328896c3.js';
 export { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrFormGroupV3/OrFormGroup.js

@@ -72,7 +72,7 @@ var __vue_render__ = function () {
   }, [_c('div', {
     staticClass: "layout-row"
   }, [_vm._t("label", function () {
-    return [_vm.label ? _c('OrLabel', {
+    return [_vm.$slots.label || _vm.$slots.addon || _vm.label ? _c('OrLabel', {
       class: _vm.labelStyles,
       attrs: {
         "invalid": _vm.invalid,
@@ -86,14 +86,18 @@ var __vue_render__ = function () {
         },
         proxy: true
       }], null, true)
-    }, [_vm._v("\n        " + _vm._s(_vm.label) + "\n\n        ")]) : _vm._e()];
+    }, [_vm._t("label", function () {
+      return [_vm._v("\n          " + _vm._s(_vm.label) + "\n        ")];
+    })], 2) : _vm._e()];
   })], 2), _vm._v(" "), _c('div', {
     class: _vm.contentStyles
-  }, [_vm._t("default")], 2), _vm._v(" "), _vm.hint && !_vm.error ? [_c('OrHint', {
+  }, [_vm._t("default")], 2), _vm._v(" "), (_vm.$slots.hint || _vm.hint) && !_vm.error ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.hint) + "\n    ")])] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+  }, [_vm._t("hint", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInput-a13e7864.js';
+export { _ as default } from '../../OrInput-32963774.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInputV3/index.js

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-a13e7864.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-32963774.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-fb177f0d.js';
+export { _ as default } from '../../OrList-b7b7017a.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-fb177f0d.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-b7b7017a.js';

package/dist/bundled/v2/components/OrMenuItemV3/OrMenuItem.js

@@ -72,7 +72,7 @@ var __vue_render__ = function () {
   }, [_vm.icon ? [_c('OrIcon', _vm._b({}, 'OrIcon', typeof _vm.icon === 'string' ? {
     icon: _vm.icon
   } : _vm.icon, false))] : _vm._e(), _vm._v(" "), _c('div', {
-    class: ['truncate', 'w-full']
+    class: ['truncate']
   }, [_vm._t("default")], 2), _vm._v(" "), _vm.closeButton ? [_c('div', {
     class: ['grow']
   }), _vm._v(" "), _c('OrIconButton', {

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -12,7 +12,7 @@ import __vue_component__$2 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$4 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$5 from '../OrModalV3/OrModal.js';
-import { _ as __vue_component__$6 } from '../../OrInput-a13e7864.js';
+import { _ as __vue_component__$6 } from '../../OrInput-32963774.js';
 import __vue_component__$7 from '../OrButtonV3/OrButton.js';
 import __vue_component__$8 from '../OrPopoverV3/OrPopover.js';
 import { a as useDebounceFn } from '../../index-279e78b9.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrInput-a13e7864.js';
+import { _ as __vue_component__$1 } from '../../OrInput-32963774.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';

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

@@ -14,7 +14,7 @@ import __vue_component__$8 from '../OrExpansionPanelV3/OrExpansionPanel.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';
 import __vue_component__$a from '../OrIconV3/OrIcon.js';
 import __vue_component__$b from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$c } from '../../OrInput-a13e7864.js';
+import { _ as __vue_component__$c } from '../../OrInput-32963774.js';
 import __vue_component__$d from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$e from '../OrLabelV3/OrLabel.js';
 import __vue_component__$f from '../OrMenuItemV3/OrMenuItem.js';
@@ -891,7 +891,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
     attrs: {
       "control-id": _vm.controlId,
       "variant": 'input',
@@ -905,7 +905,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     directives: [{
       name: "dropdown-open",
       rawName: "v-dropdown-open",
@@ -1162,11 +1164,13 @@ var __vue_render__ = 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",

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -219,7 +219,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-f5da921c]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-02b0b3d7]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -232,7 +232,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
     attrs: {
       "control-id": _vm.controlAttributes.id,
       "variant": 'input',
@@ -246,7 +246,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     ref: 'inputBox',
     class: ['interactivity-select'],
     attrs: {
@@ -367,7 +369,7 @@ var __vue_render__ = function () {
       expression: "!error"
     }],
     class: ['contents']
-  }, [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -378,7 +380,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\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",
@@ -404,7 +408,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-f5da921c";
+const __vue_scope_id__ = "data-v-02b0b3d7";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.js

@@ -119,7 +119,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-3c2db3dd]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-18fe4348]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -132,7 +132,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
     attrs: {
       "control-id": _vm.controlAttributes.id,
       "variant": 'input',
@@ -146,7 +146,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
       "size": _vm.size,
@@ -209,7 +211,7 @@ var __vue_render__ = function () {
       expression: "!error"
     }],
     class: ['contents']
-  }, [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -220,7 +222,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\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",
@@ -246,7 +250,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-3c2db3dd";
+const __vue_scope_id__ = "data-v-18fe4348";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -193,7 +193,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
     attrs: {
       "variant": 'input',
       "required": _vm.required,
@@ -206,7 +206,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     directives: [{
       name: "dropdown-open",
       rawName: "v-dropdown-open",
@@ -329,11 +331,13 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")])] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+  }, [_vm._t("hint", function () {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -205,7 +205,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.$slots.label || _vm.$slots.addon || _vm.label ? [_c('OrLabel', {
     attrs: {
       "variant": 'input',
       "required": _vm.required,
@@ -218,7 +218,9 @@ var __vue_render__ = function () {
       },
       proxy: true
     }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+  }, [_vm._t("label", function () {
+    return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     directives: [{
       name: "dropdown-open",
       rawName: "v-dropdown-open",
@@ -403,11 +405,13 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")])] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+  }, [_vm._t("hint", function () {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }