@onereach/ui-components 2.63.0-beta.1896.0 → 2.63.0

package/dist/v2/index62.js

@@ -1,18 +1,15 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
+export { a as SearchSize } from './OrInputBox-208dceac.js';
+import 'vue-demi';
 import '@vueuse/core';
-import { Editor } from '@tiptap/core';
-import StarterKit from '@tiptap/starter-kit';
-import Underline from '@tiptap/extension-underline';
-import Highlight from '@tiptap/extension-highlight';
-import Placeholder from '@tiptap/extension-placeholder';
-import { _ as __vue_component__$1 } from './OrIconButton-5883eba0.js';
-import { _ as __vue_component__$2 } from './OrLabel-5670468e.js';
-import { flatMap } from 'lodash';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import './useClassAttribute-47fdb016.js';
+import './OrInput-24028f23.js';
+import './OrError-be656098.js';
+import './normalize-component-6e8e3d80.js';
+import './OrHint-44356417.js';
+import './OrIconButton-2088a37f.js';
 import './OrIcon-124f3bad.js';
-import './OrTooltip-caeac590.js';
+import './OrTooltip-afe7030b.js';
 import './OrPopover-9080fc00.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
@@ -21,296 +18,5 @@ import './OrBottomSheet-f09adbbb.js';
 import './OrOverlay-4838a9b0.js';
 import './OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
-
-const EditorContainer = [
-// Colors
-'border-disabled', 'dark:border-outline-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:bg-primary-opacity-0-08', 'dark:focus-within:bg-primary-opacity-0-08-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
-// Sizing
-'border-1', 'rounded-md'];
-const EditorContainerFilled = [
-//Colors
-'bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark'];
-const ToolbarContainer = [
-// Layout
-'flex',
-//Spacing
-'py-sm',
-//Sizing
-'border-b-1',
-//Colors
-'border-b-disabled', 'dark:border-b-outline-dark'];
-const Toolbar = [
-// Layout
-'flex',
-// Spacing
-'px-sm', 'gap-md',
-// Sizing
-'border-r-1',
-//Colors
-'border-r-disabled', 'dark:border-r-outline-dark',
-// Last child
-'last-of-type:border-none'];
-const ToolbarButton = [
-// Typography
-'text-on-disabled', 'dark:text-outline-dark'];
-const ToolbarButtonActive = [
-// Typography
-'text-on-background', 'dark:text-on-background-dark'];
-const EditorInput = [
-// Spacing
-'p-sm',
-// Typography
-'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
-// Sizing
-'min-h-[88px]'];
-
-var script = defineComponent({
-  name: 'OrRichTextEditor',
-  components: {
-    OrIconButton: __vue_component__$1,
-    OrLabel: __vue_component__$2
-  },
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: String,
-      default: '',
-      required: false
-    },
-    toolbar: {
-      type: Array,
-      default: () => [['bold', 'italic', 'strike'], ['underline', 'highlight'], ['bulletList', 'orderedList'], ['undo', 'redo']]
-    },
-    description: {
-      type: String,
-      default: ''
-    },
-    placeholder: {
-      type: String,
-      default: 'Write something...'
-    },
-    autofocus: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
-    // Refs
-    let editor = null;
-    const editorRef = ref();
-    const containerRef = ref();
-    const isActive = ref({});
-    const isFilled = ref(false);
-    const iconsEnum = ref({
-      bold: 'format_bold',
-      italic: 'format_italic',
-      underline: 'format_underlined',
-      strike: 'format_strikethrough',
-      bulletList: 'format_list_bulleted',
-      orderedList: 'format_list_numbered',
-      link: 'link',
-      highlight: 'highlight',
-      redo: 'redo',
-      undo: 'undo'
-    });
-    const iconTooltipsEnum = ref({
-      bold: 'Bold',
-      italic: 'Italic',
-      underline: 'Underline',
-      strike: 'Strike',
-      bulletList: 'Bulleted List',
-      orderedList: 'Numbered List',
-      link: 'Link',
-      highlight: 'Highlight',
-      redo: 'Redo',
-      undo: 'Undo'
-    });
-    onMounted(() => {
-      editor = new Editor({
-        onUpdate: ({
-          editor
-        }) => {
-          setActiveFormats();
-          const html = editor.getHTML();
-          const text = editor.getText();
-          emit('update:modelValue', text === '' ? text : html);
-          isFilled.value = text !== '';
-        },
-        element: editorRef.value,
-        content: props.modelValue,
-        autofocus: props.autofocus,
-        extensions: [StarterKit, Underline,
-        // Link.configure({
-        //   openOnClick: true,
-        //   linkOnPaste: true,
-        //   protocols: ['ftp', 'mailto'],
-        //   validate: href => /^https?:\/\//.test(href),
-        //   HTMLAttributes: {
-        //     class: 'text-primary cursor-pointer',
-        //   },
-        // }),
-        Highlight, Placeholder.configure({
-          placeholder: props.placeholder,
-          emptyEditorClass: 'is-editor-empty text-outline'
-        })],
-        editorProps: {
-          attributes: {
-            class: 'focus:outline-none'
-          }
-        }
-      });
-      setActiveFormats();
-      isFilled.value = props.modelValue !== '';
-    });
-    onBeforeUnmount(() => {
-      editor === null || editor === void 0 ? void 0 : editor.destroy();
-    });
-    // Methods
-    const handleEditorClick = () => {
-      setActiveFormats();
-      editor === null || editor === void 0 ? void 0 : editor.commands.focus();
-    };
-    const handleToolbarClick = item => {
-      if (item === 'bulletList' || item === 'orderedList') {
-        item === 'bulletList' ? editor === null || editor === void 0 ? void 0 : editor.commands.toggleBulletList() : editor === null || editor === void 0 ? void 0 : editor.commands.toggleOrderedList();
-      } else if (item === 'undo' || item === 'redo') {
-        item === 'undo' ? editor === null || editor === void 0 ? void 0 : editor.commands.undo() : editor === null || editor === void 0 ? void 0 : editor.commands.redo();
-      } else {
-        editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
-      }
-    };
-    const setActiveFormats = () => {
-      const toolbarList = flatMap(props.toolbar);
-      toolbarList.forEach(item => {
-        isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
-      });
-    };
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => {
-      return ['or-rich-text-editor', classAttribute.value];
-    });
-    const containerStyles = computed(() => {
-      return [...EditorContainer, ...(isFilled.value ? EditorContainerFilled : [])];
-    });
-    const toolbarContainerStyles = computed(() => {
-      return [...ToolbarContainer];
-    });
-    const toolbarStyles = computed(() => {
-      return [...Toolbar];
-    });
-    const editorInputStyles = computed(() => {
-      return ['tiptap-editor', ...EditorInput];
-    });
-    const toolbarButtonStyles = item => {
-      return [
-      // Layout
-      'flex',
-      // Spacing
-      'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
-    };
-    //Effects
-    watch(() => props.modelValue, value => {
-      if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML())) {
-        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
-      }
-    });
-    return {
-      editor,
-      editorRef,
-      containerRef,
-      iconsEnum,
-      handleToolbarClick,
-      handleEditorClick,
-      isActive,
-      iconTooltipsEnum,
-      containerStyles,
-      toolbarContainerStyles,
-      toolbarStyles,
-      rootStyles,
-      toolbarButtonStyles,
-      editorInputStyles
-    };
-  }
-});
-
-var css_248z = ".tiptap-editor ol{margin:0 24px;list-style:decimal}.tiptap-editor ul{margin:0 24px;list-style:initial}.tiptap-editor .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}";
-styleInject(css_248z);
-
-/* script */
-const __vue_script__ = script;
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', _vm._b({
-    ref: "root",
-    class: _vm.rootStyles
-  }, 'div', _vm.$attrs, false), [_c('or-label', [_vm._v("\n    " + _vm._s(_vm.description) + "\n  ")]), _vm._v(" "), _c('div', {
-    ref: "containerRef",
-    class: _vm.containerStyles,
-    on: {
-      "click": function ($event) {
-        return _vm.handleEditorClick();
-      }
-    }
-  }, [_c('div', {
-    class: _vm.toolbarContainerStyles
-  }, _vm._l(_vm.toolbar, function (tool) {
-    return _c('div', {
-      key: tool,
-      class: _vm.toolbarStyles
-    }, _vm._l(tool, function (item) {
-      return _c('div', {
-        key: item,
-        class: _vm.toolbarButtonStyles(item)
-      }, [_c('or-icon-button', {
-        attrs: {
-          "tooltip": {
-            text: _vm.iconTooltipsEnum[item],
-            placement: 'top'
-          },
-          "icon": {
-            icon: _vm.iconsEnum[item],
-            variant: 'inherit',
-            size: 's'
-          }
-        },
-        on: {
-          "click": function ($event) {
-            return _vm.handleToolbarClick(item);
-          }
-        }
-      })], 1);
-    }), 0);
-  }), 0), _vm._v(" "), _c('div', {
-    ref: "editorRef",
-    class: _vm.editorInputStyles
-  })])], 1);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as OrRichTextEditor };
+import './OrLabel-5670468e.js';
+import './style-inject.es-4c6f2515.js';

package/dist/v2/index63.js

@@ -1,22 +1,5 @@
-export { _ as OrSearchV3 } from './OrSearch-a247f072.js';
-export { a as SearchSize } from './OrInputBox-208dceac.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
 import 'vue-demi';
-import '@vueuse/core';
 import './useClassAttribute-47fdb016.js';
-import './OrInput-4a50fe57.js';
-import './OrError-be656098.js';
+import '@vueuse/core';
 import './normalize-component-6e8e3d80.js';
-import './OrHint-44356417.js';
-import './OrIconButton-5883eba0.js';
-import './OrIcon-124f3bad.js';
-import './OrTooltip-caeac590.js';
-import './OrPopover-9080fc00.js';
-import '@floating-ui/dom';
-import './useElevation-0e973238.js';
-import './useResponsive-a02e95b7.js';
-import './OrBottomSheet-f09adbbb.js';
-import './OrOverlay-4838a9b0.js';
-import './OrTeleport.vue2-fb92f29f.js';
-import 'portal-vue';
-import './OrLabel-5670468e.js';
-import './style-inject.es-4c6f2515.js';

package/dist/v2/index65.js

@@ -1,6 +1,7 @@
-export { _ as OrSelectV3 } from './OrSelect-bb223cce.js';
+export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
 export { a as SelectSize } from './OrInputBox-208dceac.js';
 import 'vue-demi';
+import './dropdown-open-0d314aa4.js';
 import './useClassAttribute-47fdb016.js';
 import './useOverflow-ac506c65.js';
 import '@vueuse/core';
@@ -12,9 +13,9 @@ import './OrError-be656098.js';
 import './OrExpansionPanel-ce82a6fd.js';
 import './OrIcon-124f3bad.js';
 import './OrHint-44356417.js';
-import './OrInput-4a50fe57.js';
-import './OrIconButton-5883eba0.js';
-import './OrTooltip-caeac590.js';
+import './OrInput-24028f23.js';
+import './OrIconButton-2088a37f.js';
+import './OrTooltip-afe7030b.js';
 import './OrPopover-9080fc00.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
@@ -24,4 +25,4 @@ import './OrOverlay-4838a9b0.js';
 import './OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import './OrMenuItem-3a28db7b.js';
-import './OrTag-ab03c4f7.js';
+import './OrTag-1ced4e58.js';

package/dist/v2/index78.js

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';

package/dist/v2/index80.js

@@ -1,11 +1,11 @@
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ab03c4f7.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-5883eba0.js';
+import './OrIconButton-2088a37f.js';
 import './OrIcon-124f3bad.js';
 import './normalize-component-6e8e3d80.js';
-import './OrTooltip-caeac590.js';
+import './OrTooltip-afe7030b.js';
 import './OrPopover-9080fc00.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v2/index88.js

@@ -1,14 +1,14 @@
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-fb93ea4e.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-89aad7fb.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import './normalize-component-6e8e3d80.js';
-import './OrIconButton-5883eba0.js';
+import './OrIconButton-2088a37f.js';
 import './useClassAttribute-47fdb016.js';
 import './OrIcon-124f3bad.js';
-import './OrTooltip-caeac590.js';
+import './OrTooltip-afe7030b.js';
 import './OrPopover-9080fc00.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v2/index91.js

@@ -1,4 +1,4 @@
-export { _ as OrTooltipV3 } from './OrTooltip-caeac590.js';
+export { _ as OrTooltipV3 } from './OrTooltip-afe7030b.js';
 export { P as TooltipPlacement } from './OrPopover-9080fc00.js';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/v2/index92.js

@@ -1,7 +1,2 @@
-export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-export { u as useElevation } from './useElevation-0e973238.js';
-export { u as useOverflow } from './useOverflow-ac506c65.js';
-export { u as useResponsive } from './useResponsive-a02e95b7.js';
-export { u as useToggle } from './useToggle-29e4d7c7.js';
+export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import 'vue-demi';
-import '@vueuse/core';

package/dist/v2/index93.js

@@ -1,3 +1,7 @@
+export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+export { u as useElevation } from './useElevation-0e973238.js';
+export { u as useOverflow } from './useOverflow-ac506c65.js';
 export { u as useResponsive } from './useResponsive-a02e95b7.js';
-import '@vueuse/core';
+export { u as useToggle } from './useToggle-29e4d7c7.js';
 import 'vue-demi';
+import '@vueuse/core';

package/dist/v2/index94.js

@@ -0,0 +1,3 @@
+export { u as useResponsive } from './useResponsive-a02e95b7.js';
+import '@vueuse/core';
+import 'vue-demi';

package/dist/v2/{types-fb93ea4e.js → types-89aad7fb.js}

@@ -2,7 +2,7 @@ import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
 import { _ as __vue_component__$4 } from './OrTeleport.vue2-fb92f29f.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
-import { _ as __vue_component__$2 } from './OrIconButton-5883eba0.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2088a37f.js';
 import { _ as __vue_component__$3 } from './OrLoader-bd088836.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/v3/{OrConfirm-456ddee1.js → OrConfirm-371630a4.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { s as script$2, a as ButtonColor } from './OrButton-12b36e89.js';
 import { s as script$1 } from './OrOverlay-27050c19.js';
-import { s as script$3 } from './OrInput-3eef7945.js';
+import { s as script$3 } from './OrInput-256d2530.js';
 import { useMagicKeys, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';

package/dist/v3/{OrIconButton-b8066b5d.js → OrIconButton-5fb3a9aa.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrIcon-b3906e35.js';
-import { s as script$2 } from './OrTooltip-30e05f9e.js';
+import { s as script$2 } from './OrTooltip-36c6728c.js';
 import './OrPopover-3525c670.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, createVNode } from 'vue';
 

package/dist/v3/{OrInlineInput-280768ba.js → OrInlineInput-bac4abdd.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$3 } from './OrIconButton-b8066b5d.js';
+import { s as script$3 } from './OrIconButton-5fb3a9aa.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-1b473796.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -129,14 +129,15 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
     // Effects
     watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
     }, {
       immediate: true
     });

package/dist/v3/{OrInlineTextarea-0f63f344.js → OrInlineTextarea-d1ec1bba.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$3 } from './OrIconButton-b8066b5d.js';
+import { s as script$3 } from './OrIconButton-5fb3a9aa.js';
 import { s as script$4 } from './OrInlineInputBox-1b473796.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -115,14 +115,15 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
     // Effects
     watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
     }, {
       immediate: true
     });

package/dist/v3/{OrInput-3eef7945.js → OrInput-256d2530.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$4 } from './OrIconButton-b8066b5d.js';
+import { s as script$4 } from './OrIconButton-5fb3a9aa.js';
 import { s as script$3 } from './OrIcon-b3906e35.js';
 import { s as script$5, a as InputBoxSize } from './OrInputBox-634230b1.js';
 import { s as script$6 } from './OrLabel-7d4fe80b.js';
@@ -144,6 +144,9 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = ["id", "type", "placeholder", "required", "disabled"];
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['-m-xs', 'ml-none'])
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrIconButton = resolveComponent("OrIconButton");
@@ -186,7 +189,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onKeyup: _cache[2] || (_cache[2] = $event => _ctx.$emit('keyup', $event)),
       onFocus: _cache[3] || (_cache[3] = $event => _ctx.$emit('focus', $event)),
       onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
-    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]]), _ctx.type === 'password' ? (openBlock(), createBlock(_component_OrIconButton, {
+    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]]), createElementVNode("div", _hoisted_2, [_ctx.type === 'password' ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: {
         icon: _ctx.disclosed ? 'visibility_off' : 'visibility',
@@ -207,7 +210,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       icon: 'search',
       variant: 'outlined'
-    }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)]),
+    }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.invalid ? (openBlock(), createBlock(_component_OrHint, {
     key: 1,

package/dist/v3/{OrModal-f67d37d3.js → OrModal-3a43b7e7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$2 } from './OrIconButton-b8066b5d.js';
+import { s as script$2 } from './OrIconButton-5fb3a9aa.js';
 import { s as script$1 } from './OrOverlay-27050c19.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 

package/dist/v3/{OrNotification-fefa1cb4.js → OrNotification-433d16f7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$2 } from './OrIconButton-b8066b5d.js';
+import { s as script$2 } from './OrIconButton-5fb3a9aa.js';
 import { s as script$1 } from './OrIcon-b3906e35.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createVNode, renderSlot, withModifiers } from 'vue';
 

package/dist/v3/{OrSearch-15a70678.js → OrSearch-375eab55.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrInput-3eef7945.js';
+import { s as script$1 } from './OrInput-256d2530.js';
 import { a as InputBoxSize } from './OrInputBox-634230b1.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';