@onereach/ui-components 6.4.0 → 6.4.1-beta.3381.0

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-fe8c3bac.js → OrCardCollection.vue_vue_type_script_lang-97ce4f39.js}

@@ -4,10 +4,10 @@ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, re
 import { gridView, defaultViewModes } from './components/OrCardCollectionV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrSortingV3/OrSorting.js';
-import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-7c31f337.js';
+import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-4a585ac8.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-4c0fa32b.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-90f8fcdc.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-5dd266cd.js → OrCode.vue_vue_type_script_lang-3c6cd37c.js}

@@ -5,33 +5,154 @@ import { m as markdown } from './index-ceea3e83.js';
 import { E as EditorView, k as keymap, a as EditorState } from './index-3cae2d25.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, onMounted, onUnmounted } from 'vue-demi';
 import { CodeLanguage } from './components/OrCodeV3/props.js';
-import { Code, CodeControl } from './components/OrCodeV3/styles.js';
+import { CodeControlRoot, CodeControl, Code, CodeModal } from './components/OrCodeV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
-import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
-import './components/OrModalV3/OrModal.js';
-import { s as script$6 } from './OrModal.vue_vue_type_script_lang-3e0849c2.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$2 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
+import { s as script$3 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createElementVNode, withDirectives, vShow } from 'vue';
+import './components/OrModalV3/OrModal.js';
+import { s as script$6 } from './OrModal.vue_vue_type_script_lang-b71c252c.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import { useTheme } from './hooks/useTheme.js';
 
-var script = defineComponent({
+var script$1 = defineComponent({
+  name: 'OrCodeControl',
   components: {
-    OrError: script$1,
-    OrHint: script$2,
-    OrIconButton: script$3,
+    OrError: script$2,
+    OrHint: script$3,
     OrInputBox: script$4,
-    OrLabel: script$5,
-    OrModal: script$6
+    OrLabel: script$5
+  },
+  props: {
+    error: {
+      type: [String, Boolean],
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    controlId: {
+      type: String,
+      default: undefined
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    hint: {
+      type: String,
+      default: undefined
+    }
+  },
+  expose: ['root', 'control', 'focus', 'blur'],
+  setup() {
+    // Refs
+    const root = ref();
+    const control = ref();
+    // Methods
+    function focus() {
+      var _a;
+      (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    function blur() {
+      var _a;
+      (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+    // Styles
+    const rootStyles = computed(() => ['or-code-control-v3', ...CodeControlRoot]);
+    const controlStyles = computed(() => [...CodeControl]);
+    return {
+      root,
+      control,
+      rootStyles,
+      controlStyles,
+      focus,
+      blur
+    };
+  }
+});
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrInputBox = resolveComponent("OrInputBox");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    "control-id": _ctx.controlId,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+    class: normalizeClass(['grow']),
+    size: 'm',
+    invalid: !!_ctx.error,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      ref: "control",
+      class: normalizeClass(_ctx.controlStyles)
+    }, null, 2 /* CLASS */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_1, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_2, [createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string']])], 2 /* CLASS */);
+}
+
+script$1.render = render;
+script$1.__file = "src/components/or-code-v3/partials/OrCodeControl.vue";
+
+var script = defineComponent({
+  components: {
+    OrModal: script$6,
+    OrCodeControl: script$1,
+    OrIconButton: script$7
   },
   model: {
     prop: 'modelValue',
@@ -73,6 +194,11 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    // todo: review flag prop, seems better to set 'false' default value
+    enableFullscreen: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
@@ -86,6 +212,7 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-code-v3', ...Code]);
     const controlStyles = computed(() => [...CodeControl]);
+    const modalStyles = computed(() => [...CodeModal]);
     // State
     const controlAttributes = reactive({
       id: useIdAttribute(),
@@ -114,11 +241,15 @@ var script = defineComponent({
     // Methods
     function focus() {
       var _a;
-      (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
+      ((_a = control.value) === null || _a === void 0 ? void 0 : _a.focus)();
     }
     function blur() {
       var _a;
-      (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
+      ((_a = control.value) === null || _a === void 0 ? void 0 : _a.blur)();
+    }
+    function openFullscreen() {
+      var _a;
+      ((_a = modal.value) === null || _a === void 0 ? void 0 : _a.open)();
     }
     // #region Codemirror
     const editorView = new EditorView({
@@ -186,18 +317,18 @@ var script = defineComponent({
       return (_a = modal.value) === null || _a === void 0 ? void 0 : _a.state;
     }, value => {
       setTimeout(() => {
-        var _a, _b;
+        var _a, _b, _c, _d;
         if (value === 'open') {
-          (_a = fullscreenControl.value) === null || _a === void 0 ? void 0 : _a.append(editorView.dom);
+          (_b = (_a = fullscreenControl.value) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.append(editorView.dom);
         } else {
-          (_b = control.value) === null || _b === void 0 ? void 0 : _b.append(editorView.dom);
+          (_d = (_c = control.value) === null || _c === void 0 ? void 0 : _c.control) === null || _d === void 0 ? void 0 : _d.append(editorView.dom);
         }
       });
     });
     // Lifecycle
     onMounted(() => {
-      var _a;
-      (_a = control.value) === null || _a === void 0 ? void 0 : _a.append(editorView.dom);
+      var _a, _b;
+      (_b = (_a = control.value) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.append(editorView.dom);
     });
     onUnmounted(() => {
       editorView.destroy();
@@ -209,11 +340,13 @@ var script = defineComponent({
       modal,
       rootStyles,
       controlStyles,
+      modalStyles,
       controlAttributes,
       proxyModelValue,
       proxyLanguage,
       focus,
-      blur
+      blur,
+      openFullscreen
     };
   }
 });

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-922ca3f0.js → OrConfirm.vue_vue_type_script_lang-6574f677.js}

@@ -9,7 +9,7 @@ import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-a2afd31a.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-e906dbc9.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-c8d558f3.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 import { w as whenever } from './index-544e4b4e.js';
 

package/dist/bundled/v3/{OrContextMenu.vue_vue_type_script_lang-54db148a.js → OrContextMenu.vue_vue_type_script_lang-3e1745ee.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch } from 'vue-demi';
 import './components/OrMenuV3/OrMenu.js';
-import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-43485dfe.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-76aa4f7d.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
@@ -10,7 +10,7 @@ var script = defineComponent({
   },
   props: {
     trigger: {
-      type: Object,
+      type: [Object, HTMLElement],
       default: undefined
     },
     placement: {

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-e8a84eb5.js → OrDatePicker.vue_vue_type_script_lang-5e2a043c.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-8addfc11.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-3eb04014.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
 import './components/OrIconV3/OrIcon.js';
@@ -12,10 +12,10 @@ import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerP
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-fc3bbbcc.js';
+import { s as script$d } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-e455e09f.js → OrDateTimePicker.vue_vue_type_script_lang-10d17151.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-8addfc11.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-3eb04014.js';
 import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-d40024d8.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.js';
@@ -17,10 +17,10 @@ import { getCurrentDate } from './components/OrDateTimePickerV3/utils/getCurrent
 import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-fc3bbbcc.js';
+import { s as script$f } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrDateTimePickerPopoverHeader-8addfc11.js → OrDateTimePickerPopoverHeader-3eb04014.js}

@@ -11,8 +11,8 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$6 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
-import { s as script$7 } from './OrMenu.vue_vue_type_script_lang-43485dfe.js';
+import { s as script$6 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$7 } from './OrMenu.vue_vue_type_script_lang-76aa4f7d.js';
 import { s as script$8 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
 
 const DateTimePickerDateControl = [

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-94dbe5ee.js → OrIconButton.vue_vue_type_script_lang-d7a9a943.js}

@@ -3,7 +3,7 @@ import { IconButtonColor } from './components/OrIconButtonV3/props.js';
 import { IconButton, IconButtonColors } from './components/OrIconButtonV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrTooltipV3/OrTooltip.js';
-import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-2ecbc4ec.js';
+import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-f47bdea2.js';
 import { IconSize } from './components/OrIconV3/props.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
 

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-345f2553.js → OrInlineInput.vue_vue_type_script_lang-7b8c29ef.js}

@@ -9,7 +9,7 @@ import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c
 import { InlineInputBoxSize } from './components/OrInlineInputBoxV3/props.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-65230d86.js → OrInlineTextarea.vue_vue_type_script_lang-34458bc2.js}

@@ -6,7 +6,7 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInlineInputBoxV3/OrInlineInputBox.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-e906dbc9.js → OrInput.vue_vue_type_script_lang-c8d558f3.js}

@@ -7,7 +7,7 @@ import './components/OrHintV3/OrHint.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import './components/OrLabelV3/OrLabel.js';

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-43485dfe.js → OrMenu.vue_vue_type_script_lang-76aa4f7d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { Menu } from './components/OrMenuV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-fc3bbbcc.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
@@ -16,7 +16,7 @@ var script = defineComponent({
       default: false
     },
     trigger: {
-      type: Object,
+      type: [Object, HTMLElement],
       default: undefined
     },
     placement: {

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-3e0849c2.js → OrModal.vue_vue_type_script_lang-b71c252c.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers } from 'vue';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import { ModalSize } from './components/OrModalV3/props.js';
 import { Modal, ModalSizes } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
@@ -130,6 +130,11 @@ var script = defineComponent({
     size: {
       type: String,
       default: ModalSize.M
+    },
+    // TODO: Remove after migration to Vue 3
+    additionalStyles: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -138,7 +143,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-modal-v3', ...Modal, ...ModalSizes[props.size]]);
+    const rootStyles = computed(() => ['or-modal-v3', ...Modal, ...ModalSizes[props.size], ...props.additionalStyles]);
     // State
     const {
       state,

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-82ad0224.js → OrNotification.vue_vue_type_script_lang-0e25b4ec.js}

@@ -4,7 +4,7 @@ import { NotificationRoot, NotificationRootVariants, NotificationIcon, Notificat
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-6ff8cb2b.js → OrPagination.vue_vue_type_script_lang-666e37bc.js}

@@ -6,7 +6,7 @@ import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-43485dfe.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-76aa4f7d.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-fc3bbbcc.js → OrPopover.vue_vue_type_script_lang-1de40837.js}

@@ -32,7 +32,7 @@ var script = defineComponent({
       default: undefined
     },
     trigger: {
-      type: Object,
+      type: [Object, HTMLElement],
       default: undefined
     },
     placement: {

package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-b52a4855.js → OrRichTextEditor.vue_vue_type_script_lang-5a2318e5.js}

@@ -16,14 +16,14 @@ import './components/OrModalV3/OrModal.js';
 import './components/OrInputV3/OrInput.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
-import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-43485dfe.js';
-import { s as script$5 } from './OrModal.vue_vue_type_script_lang-3e0849c2.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-e906dbc9.js';
+import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-76aa4f7d.js';
+import { s as script$5 } from './OrModal.vue_vue_type_script_lang-b71c252c.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-c8d558f3.js';
 import { s as script$7 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
-import { s as script$8 } from './OrPopover.vue_vue_type_script_lang-fc3bbbcc.js';
+import { s as script$8 } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
 
 var lodashExports = {};
 var lodash = {

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-4c0fa32b.js → OrSearch.vue_vue_type_script_lang-90f8fcdc.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import './components/OrInputV3/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-e906dbc9.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-c8d558f3.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { a as watchDebounced } from './index-544e4b4e.js';
 

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-47da01bb.js → OrSelect.vue_vue_type_script_lang-7083c872.js}

@@ -15,18 +15,18 @@ import './components/OrLabelV3/OrLabel.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
-import { s as script$d } from './OrTag.vue_vue_type_script_lang-d6d312d4.js';
+import { s as script$d } from './OrTag.vue_vue_type_script_lang-26f15f32.js';
 import { useOverflow } from './hooks/useOverflow.js';
 import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-4fa909d8.js';
 import { s as script$3 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
-import { s as script$8 } from './OrInput.vue_vue_type_script_lang-e906dbc9.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$8 } from './OrInput.vue_vue_type_script_lang-c8d558f3.js';
 import { s as script$9 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$a } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$b } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
-import { s as script$c } from './OrPopover.vue_vue_type_script_lang-fc3bbbcc.js';
+import { s as script$c } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-ffe96139.js → OrSidebar.vue_vue_type_script_lang-25a131a0.js}

@@ -2,7 +2,7 @@ import { f as useDraggable, d as useElementBounding } from './index-5baaa991.js'
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
 import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
 

package/dist/bundled/v3/{OrSorting.vue_vue_type_script_lang-7c31f337.js → OrSorting.vue_vue_type_script_lang-4a585ac8.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
 import { SortingRoot, SortingLabel } from './components/OrSortingV3/styles.js';
 import './components/OrMenuV3/OrMenu.js';
-import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-43485dfe.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-76aa4f7d.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$2 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
 import './components/OrButtonV3/OrButton.js';

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-478c59b3.js → OrTabs.vue_vue_type_script_lang-81e3a807.js}

@@ -8,7 +8,7 @@ import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrTabV3/OrTab.js';
 import { s as script$4 } from './OrTab.vue_vue_type_script_lang-8af58197.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-43485dfe.js';
+import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-76aa4f7d.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-d6d312d4.js → OrTag.vue_vue_type_script_lang-26f15f32.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi
 import { TagVariant, TagColor } from './components/OrTagV3/props.js';
 import { TagRoot, TagRootVariants, TagRootColors } from './components/OrTagV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 
 var script = defineComponent({
   name: 'OrTag',

package/dist/bundled/v3/{OrTagInput.vue_vue_type_script_lang-32b67c44.js → OrTagInput.vue_vue_type_script_lang-255b1f4d.js}

@@ -6,10 +6,10 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrTagsV3/OrTags.js';
-import { s as script$6 } from './OrTags.vue_vue_type_script_lang-3edef4c8.js';
+import { s as script$6 } from './OrTags.vue_vue_type_script_lang-87af9163.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-3edef4c8.js → OrTags.vue_vue_type_script_lang-87af9163.js}

@@ -5,8 +5,8 @@ import './components/OrButtonV3/OrButton.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
-import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-fc3bbbcc.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-d6d312d4.js';
+import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-26f15f32.js';
 import { useOverflow } from './hooks/useOverflow.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-c8a07fdf.js → OrTimePicker.vue_vue_type_script_lang-469b5ba8.js}

@@ -12,10 +12,10 @@ import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerP
 import { s as script$6 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-94dbe5ee.js';
+import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
 import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$b } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$c } from './OrPopover.vue_vue_type_script_lang-fc3bbbcc.js';
+import { s as script$c } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';

package/dist/bundled/v3/{OrTooltip.vue_vue_type_script_lang-2ecbc4ec.js → OrTooltip.vue_vue_type_script_lang-f47bdea2.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { Tooltip, TooltipBody, TooltipBodyPlacements } from './components/OrTooltipV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-fc3bbbcc.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-fe8c3bac.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-fe8c3bac.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-97ce4f39.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-97ce4f39.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, createVNode, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps, withCtx, createTextVNode } from 'vue';
 
 const _hoisted_1 = {

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

@@ -1,2 +1,2 @@
 export { CardCollectionView, defaultViewModes, gridView, listView } from './props.js';
-export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-fe8c3bac.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-97ce4f39.js';