@onereach/ui-components 4.10.3 → 4.10.4-beta.2951.0

package/dist/esm/v3/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts

@@ -1,4 +1,34 @@
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    actionStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        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;
+    };
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
+    draftModelValue: import("@vue/composition-api").Ref<string>;
+    currentLength: import("@vue/composition-api").ComputedRef<number>;
+    maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    activated: import("@vue/composition-api").Ref<boolean>;
+    onFocus: (event: Event) => void;
+    onBlur: (event: Event) => void;
+    focus: () => void;
+    blur: () => void;
+    apply: () => void;
+    reset: () => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: StringConstructor;
         default: undefined;
@@ -19,37 +49,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: (BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    control: import("vue-demi").Ref<HTMLTextAreaElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    controlStyles: import("vue-demi").ComputedRef<string[]>;
-    actionStyles: import("vue-demi").ComputedRef<string[]>;
-    controlAttributes: {
-        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;
-    };
-    proxyModelValue: import("vue-demi").WritableComputedRef<string | undefined>;
-    draftModelValue: import("vue-demi").Ref<string>;
-    currentLength: import("vue-demi").ComputedRef<number>;
-    maxLength: import("vue-demi").ComputedRef<number | undefined>;
-    activated: import("vue-demi").Ref<boolean>;
-    onFocus: (event: Event) => void;
-    onBlur: (event: Event) => void;
-    focus: () => void;
-    blur: () => void;
-    apply: () => void;
-    reset: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: undefined;
@@ -70,17 +70,57 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: (BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onKeydown?: ((...args: any[]) => any) | undefined;
-    onKeyup?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: string;
+    saveOnBlur: boolean;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    actionStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        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;
+    };
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
+    draftModelValue: import("@vue/composition-api").Ref<string>;
+    currentLength: import("@vue/composition-api").ComputedRef<number>;
+    maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    activated: import("@vue/composition-api").Ref<boolean>;
+    onFocus: (event: Event) => void;
+    onBlur: (event: Event) => void;
+    focus: () => void;
+    blur: () => void;
+    apply: () => void;
+    reset: () => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: string;
+    saveOnBlur: boolean;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
     saveOnBlur: boolean;
     placeholder: string;
     hint: string;
     error: string | boolean;
-}>;
+}, true>);
 export default _default;

package/dist/esm/v3/components/or-inline-textarea-v3/index.js

@@ -1,22 +1,23 @@
-export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea-f060dab5.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea-1415bed9.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-c01d0c29.js';
 import 'vue';
 import '../../OrHint-06ab89d7.js';
-import '../../OrIconButton-0aaadc68.js';
+import '../../OrIconButton-00f8f0c7.js';
 import '../../OrIcon-62793572.js';
-import '../../OrTooltip-3025564a.js';
-import '../../usePopoverState-8a95a300.js';
-import '../../OrPopover-337df396.js';
+import '../../OrTooltip-d7d40e38.js';
+import '../../usePopoverState-b92c698b.js';
+import '../../OrPopover-94dc1203.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-f2f3aef9.js';
+import '../../OrBottomSheet-79db2626.js';
 import '../../OrOverlay-489fdf76.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrInlineInputBox-01fb2cb2.js';

package/dist/esm/v3/components/or-input/OrInput.vue.d.ts

@@ -1,5 +1,30 @@
 import { PropType } from 'vue-demi';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    inputRef: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+}> & {
+    reqAF: any;
+    isFocused: boolean;
+}, {
+    focus(): void;
+    onInput(event: Event): void;
+    onFocus(event: Event): void;
+    onBlur(event: Event): void;
+    beforeEnter(el: HTMLElement): void;
+    enter(el: HTMLElement): void;
+    leave(el: HTMLElement): void;
+    cancelRequestAF(): void;
+}, {
+    localValue(): string;
+    localId(): string;
+    hasValue(): boolean;
+    counterString(): string;
+    isInactive(): boolean;
+    isShowError(): boolean;
+    isShowHint(): boolean;
+    isShowInfo(): boolean;
+    rootClasses(): (string | Record<string, boolean>)[];
+    inputClasses(): (string | Record<string, boolean>)[];
+}, {
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -50,32 +75,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     isDisabled: BooleanConstructor;
     isReadonly: BooleanConstructor;
     isInvalid: BooleanConstructor;
-}, {
-    inputRef: import("vue-demi").Ref<HTMLInputElement | undefined>;
-}, {
-    reqAF: any;
-    isFocused: boolean;
-}, {
-    localValue(): string;
-    localId(): string;
-    hasValue(): boolean;
-    counterString(): string;
-    isInactive(): boolean;
-    isShowError(): boolean;
-    isShowHint(): boolean;
-    isShowInfo(): boolean;
-    rootClasses(): (string | Record<string, boolean>)[];
-    inputClasses(): (string | Record<string, boolean>)[];
-}, {
-    focus(): void;
-    onInput(event: Event): void;
-    onFocus(event: Event): void;
-    onBlur(event: Event): void;
-    beforeEnter(el: HTMLElement): void;
-    enter(el: HTMLElement): void;
-    leave(el: HTMLElement): void;
-    cancelRequestAF(): void;
-}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "input" | "keypress" | "keyup" | "keydown")[], "update:modelValue" | "focus" | "blur" | "input" | "keypress" | "keyup" | "keydown", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -126,16 +126,55 @@ declare const _default: import("vue-demi").DefineComponent<{
     isDisabled: BooleanConstructor;
     isReadonly: BooleanConstructor;
     isInvalid: BooleanConstructor;
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-    onKeypress?: ((...args: any[]) => any) | undefined;
-    onKeyup?: ((...args: any[]) => any) | undefined;
-    onKeydown?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: string;
+    isSmall: boolean;
+    isRequired: boolean;
+    isDisabled: boolean;
+    isReadonly: boolean;
+    isInvalid: boolean;
+    htmlId: string;
+    placeholder: string;
+    htmlType: string;
+    htmlInputAttrs: Record<string, any>;
+    label: string;
+    error: string;
+    hint: string;
+    maxLength: number;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    inputRef: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+}>, {
+    reqAF: any;
+    isFocused: boolean;
+}, {
+    localValue(): string;
+    localId(): string;
+    hasValue(): boolean;
+    counterString(): string;
+    isInactive(): boolean;
+    isShowError(): boolean;
+    isShowHint(): boolean;
+    isShowInfo(): boolean;
+    rootClasses(): (string | Record<string, boolean>)[];
+    inputClasses(): (string | Record<string, boolean>)[];
 }, {
+    focus(): void;
+    onInput(event: Event): void;
+    onFocus(event: Event): void;
+    onBlur(event: Event): void;
+    beforeEnter(el: HTMLElement): void;
+    enter(el: HTMLElement): void;
+    leave(el: HTMLElement): void;
+    cancelRequestAF(): void;
+}, {}, {}, string[], {
     modelValue: string;
+    isSmall: boolean;
+    isRequired: boolean;
+    isDisabled: boolean;
+    isReadonly: boolean;
+    isInvalid: boolean;
     htmlId: string;
     placeholder: string;
     htmlType: string;
@@ -144,10 +183,22 @@ declare const _default: import("vue-demi").DefineComponent<{
     error: string;
     hint: string;
     maxLength: number;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string;
     isSmall: boolean;
     isRequired: boolean;
     isDisabled: boolean;
     isReadonly: boolean;
     isInvalid: boolean;
-}>;
+    htmlId: string;
+    placeholder: string;
+    htmlType: string;
+    htmlInputAttrs: Record<string, any>;
+    label: string;
+    error: string;
+    hint: string;
+    maxLength: number;
+}, true>);
 export default _default;

package/dist/esm/v3/components/or-input-box-v3/OrInputBox.vue.d.ts

@@ -1,6 +1,9 @@
 import { PropType } from 'vue-demi';
 import { InputBoxSize, InputBoxVariant } from './props';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     variant: {
         type: PropType<"styled" | "unstyled">;
         default: InputBoxVariant;
@@ -21,10 +24,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     variant: {
         type: PropType<"styled" | "unstyled">;
         default: InputBoxVariant;
@@ -45,11 +45,26 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     variant: "styled" | "unstyled";
     size: "m" | "s";
     invalid: boolean;
     readonly: boolean;
     disabled: boolean;
-}>;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    variant: "styled" | "unstyled";
+    size: "m" | "s";
+    invalid: boolean;
+    readonly: boolean;
+    disabled: boolean;
+} & {}, {
+    variant: "styled" | "unstyled";
+    size: "m" | "s";
+    invalid: boolean;
+    readonly: boolean;
+    disabled: boolean;
+}, true>);
 export default _default;

package/dist/esm/v3/components/or-input-box-v3/partials/or-input-box-addon/OrInputBoxAddon.vue.d.ts

@@ -1,4 +1,7 @@
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     invalid: {
         type: BooleanConstructor;
         default: boolean;
@@ -11,10 +14,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     invalid: {
         type: BooleanConstructor;
         default: boolean;
@@ -27,9 +27,20 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     invalid: boolean;
     readonly: boolean;
     disabled: boolean;
-}>;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    invalid: boolean;
+    readonly: boolean;
+    disabled: boolean;
+} & {}, {
+    invalid: boolean;
+    readonly: boolean;
+    disabled: boolean;
+}, true>);
 export default _default;

package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts

@@ -1,6 +1,31 @@
 import { PropType } from 'vue-demi';
 import { InputSize, InputType } from './props';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        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;
+    };
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
+    currentLength: import("@vue/composition-api").ComputedRef<number>;
+    maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    disclosed: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("@vue/composition-api").Ref<boolean>;
+    focus: () => void;
+    blur: () => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
@@ -53,32 +78,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    control: import("vue-demi").Ref<HTMLInputElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    controlStyles: import("vue-demi").ComputedRef<string[]>;
-    controlAttributes: {
-        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;
-    };
-    proxyModelValue: import("vue-demi").WritableComputedRef<string | number | undefined>;
-    currentLength: import("vue-demi").ComputedRef<number>;
-    maxLength: import("vue-demi").ComputedRef<number | undefined>;
-    disclosed: import("vue-demi").Ref<boolean>;
-    isMobile: import("vue-demi").Ref<boolean>;
-    focus: () => void;
-    blur: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
@@ -131,12 +131,63 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onKeydown?: ((...args: any[]) => any) | undefined;
-    onKeyup?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: string | number;
+    type: InputType;
+    size: InputSize;
+    label: string;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    loading: boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    autocomplete: "on" | "off";
+    disableDefaultStyles: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        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;
+    };
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
+    currentLength: import("@vue/composition-api").ComputedRef<number>;
+    maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    disclosed: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("@vue/composition-api").Ref<boolean>;
+    focus: () => void;
+    blur: () => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: string | number;
+    type: InputType;
+    size: InputSize;
+    label: string;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    loading: boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    autocomplete: "on" | "off";
+    disableDefaultStyles: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number;
     type: InputType;
@@ -151,5 +202,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     disabled: boolean;
     autocomplete: "on" | "off";
     disableDefaultStyles: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/esm/v3/components/or-input-v3/index.js

@@ -1,8 +1,9 @@
-export { I as InputType, s as OrInputV3 } from '../../OrInput-c653aedb.js';
+export { I as InputType, s as OrInputV3 } from '../../OrInput-f0e12c81.js';
 export { I as InputSize } from '../../OrInputBox-32b37b17.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
@@ -10,14 +11,14 @@ import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-c01d0c29.js';
 import 'vue';
 import '../../OrHint-06ab89d7.js';
-import '../../OrIconButton-0aaadc68.js';
+import '../../OrIconButton-00f8f0c7.js';
 import '../../OrIcon-62793572.js';
-import '../../OrTooltip-3025564a.js';
-import '../../usePopoverState-8a95a300.js';
-import '../../OrPopover-337df396.js';
+import '../../OrTooltip-d7d40e38.js';
+import '../../usePopoverState-b92c698b.js';
+import '../../OrPopover-94dc1203.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../OrBottomSheet-f2f3aef9.js';
+import '../../OrBottomSheet-79db2626.js';
 import '../../OrOverlay-489fdf76.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrLabel-4da56db0.js';

package/dist/esm/v3/components/or-label/OrLabel.vue.d.ts

@@ -2,7 +2,12 @@ import { PropType } from 'vue-demi';
 /**
  * TODO: Using "v-bind=$attrs" on label might not work for things like "aria-label"
  */
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    REQUIRED_SYMBOL: string;
+}> & import("@vue/composition-api").Data, {}, {
+    rootClasses(): any;
+    localAttrs(): any;
+}, {
     label: {
         type: PropType<string>;
         default: string;
@@ -11,12 +16,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    REQUIRED_SYMBOL: string;
-}, unknown, {
-    rootClasses(): any;
-    localAttrs(): any;
-}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     label: {
         type: PropType<string>;
         default: string;
@@ -25,8 +25,19 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    label: string;
+    isRequired: boolean;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    REQUIRED_SYMBOL: string;
+}>, import("@vue/composition-api").Data, {
+    rootClasses(): any;
+    localAttrs(): any;
+}, {}, {}, {}, {}, {
+    label: string;
+    isRequired: boolean;
+} & {}, {
     label: string;
     isRequired: boolean;
-}>;
+}, true>);
 export default _default;