@onereach/ui-components 10.3.4 → 10.3.5-beta.4338.0

package/dist/bundled/v2/components/OrAutocompleteV3/OrAutocomplete.vue.d.ts

@@ -0,0 +1,292 @@
+import { PropType } from 'vue-demi';
+import { SearchFunction } from '../../types';
+import { InputBoxSize } from '../or-input-box-v3';
+import { TagsOverflow } from '../or-tags-v3';
+import { AutocompleteModelValue, AutocompleteValue } from './types';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    attributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    tagInput: 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>;
+    tagInputRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    inputBox: 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>;
+    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    control: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    popover: 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>;
+    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    dropdownItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    model: import("../../hooks").UseProxyModelValueReturn<AutocompleteModelValue>;
+    searchText: import("@vue/composition-api").Ref<string>;
+    filteredItems: import("@vue/composition-api").Ref<string[]>;
+    onInput: (event: InputEvent) => void;
+    add: (value: AutocompleteValue) => void;
+    remove: (value: AutocompleteValue) => void;
+    reset: () => void;
+    clear: () => void;
+    focus: () => void;
+    blur: () => void;
+    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: PropType<AutocompleteModelValue>;
+        default: undefined;
+    };
+    items: {
+        type: PropType<string[]>;
+        default: string[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflow: {
+        type: PropType<"wrap" | "scroll" | "hidden">;
+        default: () => TagsOverflow.Hidden;
+    };
+    size: {
+        type: PropType<"m" | "s">;
+        default: () => InputBoxSize.M;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchFunction: {
+        type: PropType<SearchFunction<string>>;
+        default: SearchFunction<string>;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<AutocompleteModelValue>;
+        default: undefined;
+    };
+    items: {
+        type: PropType<string[]>;
+        default: string[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflow: {
+        type: PropType<"wrap" | "scroll" | "hidden">;
+        default: () => TagsOverflow.Hidden;
+    };
+    size: {
+        type: PropType<"m" | "s">;
+        default: () => InputBoxSize.M;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchFunction: {
+        type: PropType<SearchFunction<string>>;
+        default: SearchFunction<string>;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: AutocompleteModelValue;
+    items: string[];
+    multiple: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
+    size: "m" | "s";
+    label: string;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    loading: boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+    enableClear: boolean;
+    searchFunction: SearchFunction<string>;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    attributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    tagInput: 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>;
+    tagInputRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    inputBox: 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>;
+    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    control: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    popover: 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>;
+    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    dropdownItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    model: import("../../hooks").UseProxyModelValueReturn<AutocompleteModelValue>;
+    searchText: import("@vue/composition-api").Ref<string>;
+    filteredItems: import("@vue/composition-api").Ref<string[]>;
+    onInput: (event: InputEvent) => void;
+    add: (value: AutocompleteValue) => void;
+    remove: (value: AutocompleteValue) => void;
+    reset: () => void;
+    clear: () => void;
+    focus: () => void;
+    blur: () => void;
+    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: AutocompleteModelValue;
+    items: string[];
+    multiple: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
+    size: "m" | "s";
+    label: string;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    loading: boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+    enableClear: boolean;
+    searchFunction: SearchFunction<string>;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: AutocompleteModelValue;
+    items: string[];
+    multiple: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
+    size: "m" | "s";
+    label: string;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    loading: boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+    enableClear: boolean;
+    searchFunction: SearchFunction<string>;
+}, true>);
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as OrAutocompleteV3 } from './OrAutocomplete.vue';
+export * from './types';

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

@@ -0,0 +1 @@
+export { default as OrAutocompleteV3 } from './OrAutocomplete.js';

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

@@ -0,0 +1,6 @@
+export declare const Autocomplete: string[];
+export declare const AutocompleteControl: string[];
+export declare const AutocompleteDropdown: string[];
+export declare const AutocompleteDropdownDefault: string[];
+export declare const AutocompleteDropdownFlipped: string[];
+export declare const AutocompleteDropdownItem: string[];

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

@@ -0,0 +1,36 @@
+const Autocomplete = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const AutocompleteControl = [
+// Box
+'w-full',
+// Typography
+'typography-inherit',
+// Theme
+'theme-background-transparent', 'dark:theme-background-transparent-dark', 'outline-none',
+// Theme (placeholder)
+'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+const AutocompleteDropdown = [
+// Overflow
+'overflow-y-auto',
+// Box
+'max-h-[340px]',
+// Theme
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark'];
+const AutocompleteDropdownDefault = [
+// Shape
+'rounded-b-md',
+// Theme
+'!border-t-0'];
+const AutocompleteDropdownFlipped = [
+// Shape
+'rounded-t-md',
+// Theme
+'!border-b-0'];
+const AutocompleteDropdownItem = [
+// Typography
+'!typography-body-2-regular'];
+
+export { Autocomplete, AutocompleteControl, AutocompleteDropdown, AutocompleteDropdownDefault, AutocompleteDropdownFlipped, AutocompleteDropdownItem };

package/dist/bundled/v2/components/OrAutocompleteV3/types.d.ts

@@ -0,0 +1,3 @@
+import { ModelValue } from '../../types';
+export type AutocompleteModelValue = ModelValue<AutocompleteValue | AutocompleteValue[]>;
+export type AutocompleteValue = string;

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-13c63b4c.js';
+import { o as onClickOutside } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './props.js';

package/dist/bundled/v2/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue-demi';
-import { q as usePointerSwipe } from '../../../index-13c63b4c.js';
+import { r as usePointerSwipe } from '../../../index-fe85dfd9.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

package/dist/bundled/v2/components/OrCheckboxGroupV3/OrCheckboxGroup.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRef } from 'vue-demi';
 import __vue_component__$1 from '../OrCheckboxTreeV3/OrCheckboxTree.js';
 import __vue_component__$2 from '../OrFormGroupV3/OrFormGroup.js';
-import { FormGroupDirection } from '../OrFormGroupV3/props.js';
+import { F as FormGroupDirection } from '../../styles-a198cbef.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.js

@@ -1,12 +1,14 @@
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Checkbox, CheckboxControl, CheckboxControlHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
-import { LabelVariant } from '../OrLabelV3/props.js';
-import { isArray } from '../../utils/isArray.js';
-import { isNil } from '../../utils/isNil.js';
+import { L as LabelVariant } from '../../styles-30358b7e.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
+import { isArray } from '../../utils/isArray.js';
+import { isUndefined } from '../../utils/isUndefined.js';
+import { include } from '../../utils/include.js';
+import { exclude } from '../../utils/exclude.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -25,7 +27,7 @@ var script = defineComponent({
       default: undefined
     },
     value: {
-      type: [String, Number, Object],
+      type: undefined,
       default: undefined
     },
     label: {
@@ -65,8 +67,8 @@ var script = defineComponent({
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const checked = computed(() => {
       if (isArray(model.value)) {
-        if (isNil(props.value)) {
-          throw new Error('[OrCheckbox]: Property "value" must be specified.');
+        if (isUndefined(props.value)) {
+          throw new Error('[OrCheckbox]: `value` must be specified.');
         }
         return model.value.includes(props.value);
       }
@@ -75,13 +77,13 @@ var script = defineComponent({
     // Handlers
     function onChange() {
       if (isArray(model.value)) {
-        if (isNil(props.value)) {
-          throw new Error('[OrCheckbox]: Property "value" must be specified.');
+        if (isUndefined(props.value)) {
+          throw new Error('[OrCheckbox]: `value` must be specified.');
         }
-        if (checked.value) {
-          model.value = model.value.filter(value => value !== props.value);
+        if (!checked.value) {
+          model.value = include(props.value, model.value);
         } else {
-          model.value = [...model.value, props.value];
+          model.value = exclude(props.value, model.value);
         }
       } else {
         model.value = !model.value;
@@ -110,7 +112,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-d1e31144]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
+var css_248z = "input[data-v-0dd7274e]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
 styleInject(css_248z);
 
 /* script */
@@ -174,7 +176,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-d1e31144";
+const __vue_scope_id__ = "data-v-0dd7274e";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "menu-item">;
+        type: PropType<"input" | "toggle" | "group" | "menu-item">;
         default: () => LabelVariant.Toggle;
     };
     indeterminate: {
@@ -59,7 +59,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "menu-item">;
+        type: PropType<"input" | "toggle" | "group" | "menu-item">;
         default: () => LabelVariant.Toggle;
     };
     indeterminate: {
@@ -78,7 +78,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: CheckboxModelValue;
     value: CheckboxValue;
     label: string;
-    labelVariant: "input" | "toggle" | "menu-item";
+    labelVariant: "input" | "toggle" | "group" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;
@@ -103,7 +103,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: CheckboxModelValue;
     value: CheckboxValue;
     label: string;
-    labelVariant: "input" | "toggle" | "menu-item";
+    labelVariant: "input" | "toggle" | "group" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;
@@ -113,7 +113,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: CheckboxModelValue;
     value: CheckboxValue;
     label: string;
-    labelVariant: "input" | "toggle" | "menu-item";
+    labelVariant: "input" | "toggle" | "group" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;

package/dist/bundled/v2/components/OrCheckboxV3/types.d.ts

@@ -1,2 +1,3 @@
-export type CheckboxModelValue = CheckboxValue[] | boolean | null | undefined;
+import { ModelValue } from '../../types';
+export type CheckboxModelValue = ModelValue<CheckboxValue[] | boolean>;
 export type CheckboxValue = string | number | object;

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

@@ -1,6 +1,6 @@
 import { b as basicSetup, i as indentWithTab } from '../../index-f1a845c3.js';
 import { E as EditorView, a as EditorState, k as keymap } from '../../index-10711eb4.js';
-import { u as useElementHover } from '../../index-13c63b4c.js';
+import { u as useElementHover } from '../../index-fe85dfd9.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';

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

@@ -120,33 +120,29 @@ var __vue_render__$1 = function () {
   }, [_c('div', {
     ref: 'control',
     class: _vm.controlStyles
-  })]), _vm._v(" "), _c('div', {
+  })]), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])], 1)], 1);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 
@@ -267,16 +263,16 @@ var script = defineComponent({
     };
     // Methods
     function focus() {
-      var _a;
-      ((_a = control.value) === null || _a === void 0 ? void 0 : _a.focus)();
+      var _a, _b;
+      (_b = (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     function blur() {
-      var _a;
-      ((_a = control.value) === null || _a === void 0 ? void 0 : _a.blur)();
+      var _a, _b;
+      (_b = (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     function openFullscreen() {
-      var _a;
-      ((_a = modal.value) === null || _a === void 0 ? void 0 : _a.open)();
+      var _a, _b;
+      (_b = (_a = modal.value) === null || _a === void 0 ? void 0 : _a.open) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     // #region Codemirror
     const theme = useTheme();

package/dist/bundled/v2/components/OrColorPicker/OrColorPicker.js

@@ -1,6 +1,6 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-13c63b4c.js';
+import { o as onClickOutside } from '../../index-fe85dfd9.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';

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

@@ -96,33 +96,29 @@ var __vue_render__ = function () {
     "readonly": _vm.readonly,
     "disabled": _vm.disabled,
     "disableDefaultStyles": _vm.disableDefaultStyles
-  })], 2), _vm._v(" "), _c('div', {
+  })], 2), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])], 1)], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-13c63b4c.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-fe85dfd9.js';
 import { l as logicAnd } from '../../index-fb642013.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';

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

@@ -1,11 +1,11 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-13c63b4c.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-fe85dfd9.js';
 import { l as logicAnd } from '../../index-fb642013.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
-import { _ as __vue_component__$3 } from '../../OrInput-436fb208.js';
+import { _ as __vue_component__$3 } from '../../OrInput-9b115866.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-279e78b9.js';