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

package/dist/esm/v3/{OrCode-b10e855c.js → OrCode-03a49cb9.js}

@@ -15,13 +15,13 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import { u as useTheme } from './useTheme-0ef25778.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { s as script$1 } from './OrError-c01d0c29.js';
-import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-cab76b94.js';
+import { s as script$7 } from './OrIconButton-6a65f373.js';
+import { s as script$6 } from './OrModal-fbd524d4.js';
+import { s as script$2 } from './OrError-c01d0c29.js';
+import { s as script$3 } from './OrHint-06ab89d7.js';
 import { s as script$4 } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-d4c46bb6.js';
-import { s as script$6 } from './OrModal-12638f22.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, renderSlot, createVNode, withModifiers, createTextVNode, toDisplayString, createCommentVNode, withDirectives, vShow } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createElementVNode, withDirectives, vShow, withModifiers, createSlots } from 'vue';
 
 var CodeLanguage;
 (function (CodeLanguage) {
@@ -38,6 +38,13 @@ const Code = [
 'layout-column',
 // Spacing
 'gap-xs'];
+const CodeControlRoot = [
+// Layout
+'layout-column',
+// Sizing
+'h-full',
+// Spacing
+'gap-xs'];
 const CodeControl = [
 // Layout
 'grid',
@@ -47,15 +54,138 @@ const CodeControl = [
 '!mx-none', '!my-none',
 // Theme
 'theme-background-default', 'dark:theme-background-default-dark'];
+const CodeModal = [
+// Sizing
+'!h-full'];
 
-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$1 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+function render$1(_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$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$1;
+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',
@@ -97,6 +227,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'],
@@ -110,6 +245,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(),
@@ -138,11 +274,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({
@@ -210,18 +350,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();
@@ -233,11 +373,13 @@ var script = defineComponent({
       modal,
       rootStyles,
       controlStyles,
+      modalStyles,
       controlAttributes,
       proxyModelValue,
       proxyLanguage,
       focus,
-      blur
+      blur,
+      openFullscreen
     };
   }
 });
@@ -245,80 +387,55 @@ var script = defineComponent({
 const _hoisted_1 = {
   class: /*#__PURE__*/normalizeClass(['layout-row', 'gap-xs'])
 };
-const _hoisted_2 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
-};
-const _hoisted_3 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIconButton = resolveComponent("OrIconButton");
-  const _component_OrLabel = resolveComponent("OrLabel");
-  const _component_OrInputBox = resolveComponent("OrInputBox");
-  const _component_OrHint = resolveComponent("OrHint");
-  const _component_OrError = resolveComponent("OrError");
+  const _component_OrCodeControl = resolveComponent("OrCodeControl");
   const _component_OrModal = resolveComponent("OrModal");
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
-    key: 0,
+  }, [createVNode(_component_OrCodeControl, {
+    ref: "control",
     "control-id": _ctx.controlAttributes.id,
-    variant: 'input',
-    required: _ctx.required,
-    disabled: _ctx.disabled
+    label: _ctx.label,
+    hint: _ctx.hint,
+    error: _ctx.error,
+    disabled: _ctx.disabled,
+    readonly: _ctx.readonly
   }, {
-    addon: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "addon"), createVNode(_component_OrIconButton, {
+    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.modal.open(), ["stop"]))
-    })])]),
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
-
+      onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.openFullscreen(), ["stop"]))
+    })) : createCommentVNode("v-if", true)])]),
     _: 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_2, [_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_3, [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']]), createVNode(_component_OrModal, {
-    ref: "modal"
-  }, {
-    default: withCtx(() => [createVNode(_component_OrInputBox, {
-      size: 'm',
-      invalid: !!_ctx.error,
-      readonly: _ctx.readonly,
-      disabled: _ctx.disabled
+  }, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"]), createVNode(_component_OrModal, {
+    ref: "modal",
+    size: "l",
+    "additional-styles": _ctx.modalStyles
+  }, createSlots({
+    default: withCtx(() => [createVNode(_component_OrCodeControl, {
+      ref: "fullscreenControl",
+      "control-id": _ctx.controlAttributes.id,
+      label: _ctx.label,
+      hint: _ctx.hint,
+      error: _ctx.error,
+      disabled: _ctx.disabled,
+      readonly: _ctx.readonly
     }, {
-      default: withCtx(() => [createElementVNode("div", {
-        ref: "fullscreenControl",
-        class: normalizeClass(_ctx.controlStyles)
-      }, null, 2 /* CLASS */)]),
-
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["invalid", "readonly", "disabled"])]),
-    _: 1 /* STABLE */
-  }, 512 /* NEED_PATCH */)], 2 /* CLASS */);
+      addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"])]),
+    _: 2 /* DYNAMIC */
+  }, [_ctx.$slots.modalHeader ? {
+    name: "header",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "modalHeader")]),
+    key: "0"
+  } : undefined, _ctx.$slots.modalFooter ? {
+    name: "footer",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "modalFooter")]),
+    key: "1"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["additional-styles"])], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrConfirm-a4f2861e.js → OrConfirm-01c04a0b.js}

@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$2, a as ButtonColor } from './OrButton-4a3c3e7b.js';
-import { s as script$3 } from './OrInput-f8349ab8.js';
+import { s as script$3 } from './OrInput-318691ac.js';
 import { s as script$1 } from './OrOverlay-6269c33a.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrContextMenu-bf1e07ae.js → OrContextMenu-e68c0c2c.js}

@@ -4,8 +4,8 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrMenu-9a82f18f.js';
-import { P as PopoverPlacement } from './OrPopover-7b2af064.js';
+import { s as script$1 } from './OrMenu-b6aae344.js';
+import { P as PopoverPlacement } from './OrPopover-2132e8b9.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
 
 var script = defineComponent({
@@ -14,7 +14,7 @@ var script = defineComponent({
   },
   props: {
     trigger: {
-      type: Object,
+      type: [Object, HTMLElement],
       default: undefined
     },
     placement: {

package/dist/esm/v3/{OrDateFormat-9fd6eabf.js → OrDateFormat-58afdfa8.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-9de22adf.js';
-import './OrDateTimePickerTimeSelect-35d4ad26.js';
+import './OrDateTimePicker-da309644.js';
+import './OrDateTimePickerTimeSelect-95348ba5.js';
 import { f as formatDate } from './getTimePlaceholder-09859f55.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-e4c7c1b7.js → OrDatePicker-4e55f2fa.js}

@@ -5,17 +5,17 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-9de22adf.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 } from './OrDateTimePickerTimeSelect-35d4ad26.js';
+import './OrDateTimePicker-da309644.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 } from './OrDateTimePickerTimeSelect-95348ba5.js';
 import './getTimePlaceholder-09859f55.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
-import { s as script$a } from './OrIconButton-cab76b94.js';
+import { s as script$a } from './OrIconButton-6a65f373.js';
 import { s as script$9 } from './OrIcon-a3e90289.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$c } from './OrLabel-d4c46bb6.js';
-import { s as script$d } from './OrPopover-7b2af064.js';
+import { s as script$d } from './OrPopover-2132e8b9.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const DatePicker = [

package/dist/esm/v3/{OrDateTimeFormat-255667e2.js → OrDateTimeFormat-045d8788.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-9de22adf.js';
-import './OrDateTimePickerTimeSelect-35d4ad26.js';
+import './OrDateTimePicker-da309644.js';
+import './OrDateTimePickerTimeSelect-95348ba5.js';
 import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-09859f55.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDateTimePicker-9de22adf.js → OrDateTimePicker-da309644.js}

@@ -7,12 +7,12 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$9 } from './OrError-c01d0c29.js';
 import { s as script$a } from './OrHint-06ab89d7.js';
-import { s as script$c } from './OrIconButton-cab76b94.js';
+import { s as script$c } from './OrIconButton-6a65f373.js';
 import { s as script$b } from './OrIcon-a3e90289.js';
 import { s as script$d, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$e } from './OrLabel-d4c46bb6.js';
-import { s as script$f } from './OrPopover-7b2af064.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, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-35d4ad26.js';
+import { s as script$f } from './OrPopover-2132e8b9.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, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-95348ba5.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-09859f55.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';

package/dist/esm/v3/{OrDateTimePickerTimeSelect-35d4ad26.js → OrDateTimePickerTimeSelect-95348ba5.js}

@@ -8,11 +8,11 @@ import { g as getDatePlaceholder, f as formatDate, D as DateTimePickerTimeFormat
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot, createCommentVNode } from 'vue';
 import { s as script$8 } from './OrButton-4a3c3e7b.js';
 import { s as script$9 } from './OrLabel-d4c46bb6.js';
-import { s as script$b } from './OrIconButton-cab76b94.js';
+import { s as script$b } from './OrIconButton-6a65f373.js';
 import { s as script$a } from './OrIcon-a3e90289.js';
 import { s as script$d } from './OrMenuItem-eb98272d.js';
-import { s as script$c } from './OrMenu-9a82f18f.js';
-import './OrPopover-7b2af064.js';
+import { s as script$c } from './OrMenu-b6aae344.js';
+import './OrPopover-2132e8b9.js';
 
 const DateTimePickerDateControl = [
 // Layout

package/dist/esm/v3/{OrIconButton-cab76b94.js → OrIconButton-6a65f373.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { s as script$1, I as IconSize } from './OrIcon-a3e90289.js';
-import { s as script$2 } from './OrTooltip-683d463b.js';
-import './OrPopover-7b2af064.js';
+import { s as script$2 } from './OrTooltip-998dc10b.js';
+import './OrPopover-2132e8b9.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, createSlots, withCtx, createElementVNode, mergeProps, toHandlers, createVNode, renderSlot } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-1c3b041c.js → OrInlineInput-b84a9950.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-cab76b94.js';
+import { s as script$3 } from './OrIconButton-6a65f373.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextarea-c19c999a.js → OrInlineTextarea-bc843c04.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-cab76b94.js';
+import { s as script$3 } from './OrIconButton-6a65f373.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInput-f8349ab8.js → OrInput-318691ac.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$4 } from './OrIconButton-cab76b94.js';
+import { s as script$4 } from './OrIconButton-6a65f373.js';
 import { s as script$3 } from './OrIcon-a3e90289.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$6 } from './OrLabel-d4c46bb6.js';

package/dist/esm/v3/{OrMenu-9a82f18f.js → OrMenu-b6aae344.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-7b2af064.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-2132e8b9.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [
@@ -24,7 +24,7 @@ var script = defineComponent({
       default: false
     },
     trigger: {
-      type: Object,
+      type: [Object, HTMLElement],
       default: undefined
     },
     placement: {

package/dist/esm/v3/{OrModal-12638f22.js → OrModal-fbd524d4.js}

@@ -6,7 +6,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$5 } from './OrOverlay-6269c33a.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-cab76b94.js';
+import { s as script$4 } from './OrIconButton-6a65f373.js';
 
 const ModalContent = [
 // Overflow
@@ -164,6 +164,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'],
@@ -172,7 +177,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/esm/v3/{OrNotification-8ad0ea64.js → OrNotification-b06dd07e.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-cab76b94.js';
+import { s as script$2 } from './OrIconButton-6a65f373.js';
 import { s as script$1 } from './OrIcon-a3e90289.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrPagination-a4c2ace1.js → OrPagination-aef4702e.js}

@@ -7,8 +7,8 @@ import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-4a3c3e7b.js';
 import { s as script$2 } from './OrIcon-a3e90289.js';
 import { s as script$4 } from './OrMenuItem-eb98272d.js';
-import { s as script$3 } from './OrMenu-9a82f18f.js';
-import './OrPopover-7b2af064.js';
+import { s as script$3 } from './OrMenu-b6aae344.js';
+import './OrPopover-2132e8b9.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [

package/dist/esm/v3/{OrPopover-7b2af064.js → OrPopover-2132e8b9.js}

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

package/dist/esm/v3/{OrRichTextEditor-c2f977ec.js → OrRichTextEditor-7304c7ad.js}

@@ -16,13 +16,13 @@ import Blockquote from '@tiptap/extension-blockquote';
 import Link from '@tiptap/extension-link';
 import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
-import { s as script$1 } from './OrIconButton-cab76b94.js';
+import { s as script$1 } from './OrIconButton-6a65f373.js';
 import { s as script$2 } from './OrLabel-d4c46bb6.js';
-import { s as script$4 } from './OrMenu-9a82f18f.js';
-import { s as script$8 } from './OrPopover-7b2af064.js';
+import { s as script$4 } from './OrMenu-b6aae344.js';
+import { s as script$8 } from './OrPopover-2132e8b9.js';
 import { s as script$3 } from './OrMenuItem-eb98272d.js';
-import { s as script$5 } from './OrModal-12638f22.js';
-import { s as script$6 } from './OrInput-f8349ab8.js';
+import { s as script$5 } from './OrModal-fbd524d4.js';
+import { s as script$6 } from './OrInput-318691ac.js';
 import { s as script$7 } from './OrButton-4a3c3e7b.js';
 import _ from 'lodash';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';

package/dist/esm/v3/{OrSearch-f4147201.js → OrSearch-c7f2f342.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-f8349ab8.js';
+import { s as script$1 } from './OrInput-318691ac.js';
 import { I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';