@onereach/ui-components 10.4.5-beta.4373.0 → 10.5.0-beta.4375.0

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts

@@ -5,63 +5,34 @@ import { Level } from '@tiptap/extension-heading';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     editor: Editor | null;
     editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
-    toolbarRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
+    toolbarContainerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
     containerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
-    toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    moreButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
     textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
-    moreRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    iconsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    handleToolbarClick: (item: string, level?: number) => void;
+    handleToolbarClick: ({ item, level }: {
+        item: string;
+        level?: number | undefined;
+    }) => void;
     handleEditorClick: () => void;
     isActive: import("@vue/composition-api").Ref<{
         [x: string]: boolean;
     }>;
-    iconTooltipsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
     headingLevels: Level[];
-    headingIcon: import("@vue/composition-api").ComputedRef<string>;
     attachLink: () => Promise<void>;
     discardLink: () => void;
     isOpenLinkModal: import("@vue/composition-api").Ref<boolean>;
     text: import("@vue/composition-api").Ref<string>;
     link: import("@vue/composition-api").Ref<string>;
     isFocused: import("@vue/composition-api").Ref<boolean>;
-    isVisible: (value: string | Array<string>) => boolean;
     countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
-    notVisibleTools: import("@vue/composition-api").ComputedRef<Set<string>>;
     handleInput: (event: InputEvent) => void;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
     disableMarkdown: import("@vue/composition-api").Ref<boolean>;
     sourceValue: import("@vue/composition-api").Ref<string>;
     activeHeadingLevel: import("@vue/composition-api").Ref<number>;
+    preparedTools: import("@vue/composition-api").ComputedRef<string[][]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: StringConstructor;
@@ -103,6 +74,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: (BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
@@ -144,6 +119,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: (BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     toolbar: Tools;
@@ -155,68 +134,40 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     disabled: boolean;
     error: string | boolean;
+    readonly: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     editor: Editor | null;
     editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
-    toolbarRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
+    toolbarContainerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
     containerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
-    toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    moreButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
     textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
-    moreRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    iconsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    handleToolbarClick: (item: string, level?: number) => void;
+    handleToolbarClick: ({ item, level }: {
+        item: string;
+        level?: number | undefined;
+    }) => void;
     handleEditorClick: () => void;
     isActive: import("@vue/composition-api").Ref<{
         [x: string]: boolean;
     }>;
-    iconTooltipsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
     headingLevels: Level[];
-    headingIcon: import("@vue/composition-api").ComputedRef<string>;
     attachLink: () => Promise<void>;
     discardLink: () => void;
     isOpenLinkModal: import("@vue/composition-api").Ref<boolean>;
     text: import("@vue/composition-api").Ref<string>;
     link: import("@vue/composition-api").Ref<string>;
     isFocused: import("@vue/composition-api").Ref<boolean>;
-    isVisible: (value: string | Array<string>) => boolean;
     countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
-    notVisibleTools: import("@vue/composition-api").ComputedRef<Set<string>>;
     handleInput: (event: InputEvent) => void;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
     disableMarkdown: import("@vue/composition-api").Ref<boolean>;
     sourceValue: import("@vue/composition-api").Ref<string>;
     activeHeadingLevel: import("@vue/composition-api").Ref<number>;
+    preparedTools: import("@vue/composition-api").ComputedRef<string[][]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string;
     toolbar: Tools;
@@ -228,6 +179,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     disabled: boolean;
     error: string | boolean;
+    readonly: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -241,5 +193,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     disabled: boolean;
     error: string | boolean;
+    readonly: boolean;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrRichTextEditorV3/styles.d.ts

@@ -1,7 +1,5 @@
 export declare const OrRichTextEditor: string[];
-export declare const EditorContainer: string[];
 export declare const ToolbarContainer: string[];
 export declare const Toolbar: string[];
 export declare const ToolbarButton: string[];
 export declare const ToolbarButtonFocused: string[];
-export declare const EditorInput: string[];

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

@@ -4,16 +4,7 @@ const OrRichTextEditor = [
 // Spacing
 'gap-xs',
 // Box
-'max-h-full'];
-const EditorContainer = [
-// Layout
-'layout-column',
-// Theme (focus)
-'focus-within:theme-background-primary-translucent-1', 'dark:focus-within:theme-background-primary-translucent-1-dark', 'focus-within:theme-border-primary focus-within:border-1', 'dark:focus-within:theme-border-primary-dark', 'focus-within:theme-outline-primary focus-within:outline-2', 'dark:focus-within:theme-outline-primary-dark',
-// Theme (invalid)
-'invalid:theme-background-error-translucent-1', 'dark:invalid:theme-background-error-translucent-1-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-error invalid:border-1', 'dark:invalid:theme-border-error-dark', 'invalid:theme-outline-transparent invalid:outline-2', 'dark:invalid:theme-outline-transparent',
-// Box
-'border-1', 'rounded-md', 'w-full', 'overflow-hidden', 'grow'];
+'h-full', 'w-full'];
 const ToolbarContainer = [
 // Layout
 'layout-row',
@@ -21,6 +12,8 @@ const ToolbarContainer = [
 'py-sm',
 //Sizing
 'border-b-1',
+//Box
+'w-full',
 //Colors
 'border-b-outline'];
 const Toolbar = [
@@ -40,8 +33,5 @@ const ToolbarButton = [
 const ToolbarButtonFocused = [
 // Typography
 'text-outline'];
-const EditorInput = [
-// Typography
-'typography-body-2-regular'];
 
-export { EditorContainer, EditorInput, OrRichTextEditor, Toolbar, ToolbarButton, ToolbarButtonFocused, ToolbarContainer };
+export { OrRichTextEditor, Toolbar, ToolbarButton, ToolbarButtonFocused, ToolbarContainer };

package/dist/bundled/v2/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js

@@ -1,4 +1,4 @@
-import { N as Node } from '../../../../index-7516cf60.js';
+import { N as Node } from '../../../../index-f379c836.js';
 import CodeMirrorView from './codemirrorView.js';
 import { m as minimalSetup } from '../../../../index-f1a845c3.js';
 import { javascript } from '../../../../index-5d81edfd.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js

@@ -1,4 +1,4 @@
-import { n as exitCode, T as TextSelection, S as Selection } from '../../../../index-02a897ac.js';
+import { n as exitCode, T as TextSelection, S as Selection } from '../../../../index-0e9c2b43.js';
 import { a as EditorState, E as EditorView, W as highlightActiveLine, z as highlightActiveLineGutter, y as lineNumbers, k as keymap } from '../../../../index-10711eb4.js';
 import theme from './theme.js';
 

package/dist/bundled/v2/components/OrRichTextEditorV3/utils/markdown.js

@@ -1,2 +1,2 @@
-export { d as deserialize, s as serialize } from '../../../markdown-62ee11bf.js';
-import '../../../index-02a897ac.js';
+export { d as deserialize, s as serialize } from '../../../markdown-0ee8cb39.js';
+import '../../../index-0e9c2b43.js';

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

@@ -1,5 +1,5 @@
-import { defineComponent, reactive, ref, computed, toRef, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrInput-41dd90cc.js';
+import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
+import { _ as __vue_component__$1 } from '../../OrInput-8f24749f.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
@@ -19,8 +19,8 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: undefined,
-      default: undefined
+      type: String,
+      default: ''
     },
     size: {
       type: String,
@@ -40,41 +40,39 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur', 'search', 'clear'],
-  expose: ['root', 'clear', 'focus', 'blur'],
+  expose: ['root', 'focus', 'blur', 'clear'],
   setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-search-v3']);
+    // State
     const controlAttributes = reactive({
       id: useIdAttribute(),
       ...useControlAttributes(),
       ...useValidationAttributes()
     });
-    // Refs & Styles
-    const root = ref();
-    const rootStyles = computed(() => ['or-search-v3']);
-    // State
-    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draft = ref(props.modelValue);
-    watch(model, value => {
-      draft.value = value;
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const draftModelValue = ref(props.modelValue);
+    watch(proxyModelValue, value => {
+      draftModelValue.value = value;
     });
-    watchDebounced(draft, value => {
-      if (value) {
-        context.emit('search', model.value = value);
+    watchDebounced(draftModelValue, value => {
+      if (value.length > 0) {
+        proxyModelValue.value = value;
+        context.emit('search', value);
       }
     }, {
       debounce: toRef(props, 'debounce')
     });
-    watch(draft, (nextValue, prevValue) => {
-      if (!nextValue && prevValue) {
-        context.emit('search', model.value = nextValue);
+    watch(draftModelValue, (nextValue, prevValue) => {
+      if (nextValue.length === 0 && prevValue.length > 0) {
+        proxyModelValue.value = nextValue;
+        context.emit('search', '');
         context.emit('clear');
       }
     });
     // Methods
-    function clear() {
-      var _a;
-      (_a = root.value) === null || _a === void 0 ? void 0 : _a.clear(); // fixes error TS2349
-    }
-
     function focus() {
       var _a;
       (_a = root.value) === null || _a === void 0 ? void 0 : _a.focus(); // fixes error TS2349
@@ -85,15 +83,18 @@ var script = defineComponent({
       (_a = root.value) === null || _a === void 0 ? void 0 : _a.blur(); // fixes error TS2349
     }
 
+    function clear() {
+      draftModelValue.value = '';
+    }
     return {
-      controlAttributes,
       root,
       rootStyles,
-      model,
-      draft,
-      clear,
+      controlAttributes,
+      proxyModelValue,
+      draftModelValue,
       focus,
-      blur
+      blur,
+      clear
     };
   }
 });
@@ -133,11 +134,11 @@ var __vue_render__ = function () {
       }
     },
     model: {
-      value: _vm.draft,
+      value: _vm.draftModelValue,
       callback: function ($$v) {
-        _vm.draft = $$v;
+        _vm.draftModelValue = typeof $$v === 'string' ? $$v.trim() : $$v;
       },
-      expression: "draft"
+      expression: "draftModelValue"
     }
   }, 'OrInput', _vm.controlAttributes, false));
 };

package/dist/bundled/v2/components/OrSearchV3/OrSearch.vue.d.ts

@@ -1,7 +1,12 @@
 import { PropType } from 'vue-demi';
 import { InputBoxSize } from '../or-input-box-v3';
-import { SearchModelValue } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlAttributes: {
         required: boolean | undefined;
         minlength: number | undefined;
@@ -15,21 +20,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    root: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    model: import("../../hooks").UseProxyModelValueReturn<SearchModelValue>;
-    draft: import("@vue/composition-api").Ref<SearchModelValue>;
-    clear: () => void;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
+    draftModelValue: import("@vue/composition-api").Ref<string>;
     focus: () => void;
     blur: () => void;
+    clear: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: PropType<SearchModelValue>;
-        default: undefined;
+        type: StringConstructor;
+        default: string;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -49,8 +48,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: PropType<SearchModelValue>;
-        default: undefined;
+        type: StringConstructor;
+        default: string;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -69,7 +68,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: SearchModelValue;
+    modelValue: string;
     size: "m" | "s";
     placeholder: string;
     debounce: number;
@@ -77,6 +76,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlAttributes: {
         required: boolean | undefined;
         minlength: number | undefined;
@@ -90,19 +95,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    root: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    model: import("../../hooks").UseProxyModelValueReturn<SearchModelValue>;
-    draft: import("@vue/composition-api").Ref<SearchModelValue>;
-    clear: () => void;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
+    draftModelValue: import("@vue/composition-api").Ref<string>;
     focus: () => void;
     blur: () => void;
+    clear: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: SearchModelValue;
+    modelValue: string;
     size: "m" | "s";
     placeholder: string;
     debounce: number;
@@ -110,7 +109,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: SearchModelValue;
+    modelValue: string;
     size: "m" | "s";
     placeholder: string;
     debounce: number;

package/dist/bundled/v2/components/OrSearchV3/index.d.ts

@@ -1,2 +1 @@
 export { default as OrSearchV3 } from './OrSearch.vue';
-export * from './types';

package/dist/bundled/v2/components/OrSegmentedControlV3/OrSegmentedControl.js

@@ -125,7 +125,7 @@ var script = defineComponent({
   props: {
     options: {
       type: Array,
-      default: () => []
+      default: []
     },
     modelValue: {
       type: String,

package/dist/bundled/v2/components/OrSegmentedControlV3/OrSegmentedControl.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SegmentedControlOption[]>;
-        default: () => never[];
+        default: SegmentedControlOption[];
     };
     modelValue: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     options: {
         type: PropType<SegmentedControlOption[]>;
-        default: () => never[];
+        default: SegmentedControlOption[];
     };
     modelValue: {
         type: StringConstructor;

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

@@ -15,7 +15,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-41dd90cc.js';
+import { _ as __vue_component__$c } from '../../OrInput-8f24749f.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';
@@ -250,11 +250,11 @@ var script$2 = defineComponent({
     },
     model: {
       type: undefined,
-      default: () => []
+      default: []
     },
     options: {
       type: Array,
-      default: () => []
+      default: []
     },
     overflow: {
       type: String,
@@ -464,7 +464,7 @@ var script$1 = defineComponent({
     },
     options: {
       type: Array,
-      default: () => []
+      default: []
     },
     placeholder: {
       type: String,
@@ -618,11 +618,11 @@ var script = defineComponent({
     },
     options: {
       type: Array,
-      default: () => []
+      default: []
     },
     searchOptions: {
       type: Array,
-      default: () => []
+      default: []
     },
     multiple: {
       type: Boolean,
@@ -823,7 +823,7 @@ var script = defineComponent({
       if (props.multiple) {
         proxyModelValue.value = exclude(item.value, toArray(proxyModelValue.value));
       } else {
-        proxyModelValue.value = undefined;
+        proxyModelValue.value = null;
       }
     }
     function toggleOption(item) {
@@ -835,7 +835,7 @@ var script = defineComponent({
           proxyModelValue.value = exclude(item.value, model);
         }
       } else {
-        proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : undefined;
+        proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : null;
       }
       searchText.value = '';
     }

package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -64,11 +64,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     options: {
         type: PropType<SelectItem[]>;
-        default: () => never[];
+        default: SelectItem[];
     };
     searchOptions: {
         type: PropType<SelectItem[]>;
-        default: () => never[];
+        default: SelectItem[];
     };
     multiple: {
         type: BooleanConstructor;
@@ -137,11 +137,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     options: {
         type: PropType<SelectItem[]>;
-        default: () => never[];
+        default: SelectItem[];
     };
     searchOptions: {
         type: PropType<SelectItem[]>;
-        default: () => never[];
+        default: SelectItem[];
     };
     multiple: {
         type: BooleanConstructor;

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

@@ -25,7 +25,7 @@ const SelectDropdown = [
 // Box
 'max-h-[340px]',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark'];
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark'];
 const SelectDropdownDefault = [
 // Shape
 'rounded-b-md',

package/dist/bundled/v2/components/OrSidebarV3/styles.js

@@ -47,7 +47,7 @@ const SidebarFooter = [
 // Overflow
 'overflow-hidden',
 // Theme
-'theme-border-outline-variant border-t-1', 'dark:theme-border-outline-variant-dark'];
+'theme-border-overline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
 const SidebarFooterPaddings = {
   [ResizeablePanelPadding.L]: [
   // Box