@onereach/ui-components 2.71.1-beta.2237.0 → 2.71.1

package/dist/esm/v3/components/or-icon-button-v3/OrIconButton.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { IconButtonColor, IconButtonSize } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLButtonElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     icon: {
         type: PropType<string | Omit<Readonly<Partial<{
@@ -18,10 +18,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<IconButtonSize>;
         default: IconButtonSize;
     };
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -47,10 +43,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<IconButtonSize>;
         default: IconButtonSize;
     };
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -67,7 +59,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>, "size">;
     color: IconButtonColor;
-    selected: boolean;
     disabled: boolean;
     tooltip: string | Readonly<Partial<{
         [x: number]: string;
@@ -76,14 +67,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLButtonElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     size: IconButtonSize;
     icon: Omit<Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>, "size">;
     color: IconButtonColor;
-    selected: boolean;
     disabled: boolean;
     tooltip: string | Readonly<Partial<{
         [x: number]: string;
@@ -93,7 +83,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, {
     size: IconButtonSize;
     color: IconButtonColor;
-    selected: boolean;
     disabled: boolean;
     tooltip: string | Readonly<Partial<{
         [x: number]: string;

package/dist/esm/v3/components/or-icon-button-v3/index.js

@@ -1,14 +1,13 @@
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../../OrIconButton-7a512558.js';
-export { I as IconButtonSize } from '../../OrIcon-b195169c.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../../OrIconButton-e5781317.js';
+export { I as IconButtonSize } from '../../OrIcon-34f59f73.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
+import '../../OrTooltip-b07616f4.js';
 import '@vueuse/core';
-import '../../OrTooltip-50d27b4f.js';
-import '../../OrPopover-1075dd38.js';
+import '../../OrPopover-40217b49.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-62817aec.js';
-import '../../OrOverlay-738a44d5.js';
+import '../../OrBottomSheet-13a416ef.js';
+import '../../OrOverlay-afad3aa4.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import 'vue';

package/dist/esm/v3/components/or-icon-v3/OrIcon.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { IconSize, IconVariant } from './props';
 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 | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     icon: {
         type: StringConstructor;
@@ -35,7 +35,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     size: IconSize;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     icon: string;
     variant: IconVariant;

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

@@ -1,5 +1,3 @@
-export { I as IconSize, a as IconVariant, s as OrIconV3 } from '../../OrIcon-b195169c.js';
+export { I as IconSize, a as IconVariant, s as OrIconV3 } from '../../OrIcon-34f59f73.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
 import 'vue';

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

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { InlineInputBoxSize } from './props';
 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 | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     size: {
         type: PropType<InlineInputBoxSize>;
@@ -26,7 +26,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     invalid: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     size: InlineInputBoxSize;
     invalid: boolean;

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

@@ -1,5 +1,3 @@
-export { I as InlineInputBoxSize, s as OrInlineInputBoxV3 } from '../../OrInlineInputBox-8049f95a.js';
+export { I as InlineInputBoxSize, s as OrInlineInputBoxV3 } from '../../OrInlineInputBox-09b33e18.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
 import 'vue';

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

@@ -2,18 +2,33 @@ import { PropType } from 'vue-demi';
 import { InlineInputSize, InlineInputType } from './props';
 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 | undefined)[]>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     actionStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlId: import("@vue/composition-api").Ref<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/composition-api").WritableComputedRef<string | number>;
     draftModelValue: import("@vue/composition-api").Ref<string | number>;
-    activated: import("@vue/composition-api").Ref<boolean>;
-    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
+    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, {}, {}, {
@@ -21,10 +36,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
     saveOnBlur: {
         type: BooleanConstructor;
         default: boolean;
@@ -54,10 +65,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
     saveOnBlur: {
         type: BooleanConstructor;
         default: boolean;
@@ -84,7 +91,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string | number;
-    value: string | number;
     saveOnBlur: boolean;
     type: InlineInputType;
     size: InlineInputSize;
@@ -95,23 +101,37 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     actionStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlId: import("@vue/composition-api").Ref<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/composition-api").WritableComputedRef<string | number>;
     draftModelValue: import("@vue/composition-api").Ref<string | number>;
-    activated: import("@vue/composition-api").Ref<boolean>;
-    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
+    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 | number;
-    value: string | number;
     saveOnBlur: boolean;
     type: InlineInputType;
     size: InlineInputSize;
@@ -122,7 +142,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number;
-    value: string | number;
     saveOnBlur: boolean;
     type: InlineInputType;
     size: InlineInputSize;

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

@@ -1,19 +1,20 @@
-export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput-54c7b053.js';
-export { I as InlineInputSize } from '../../OrInlineInputBox-8049f95a.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput-09de432a.js';
+export { I as InlineInputSize } from '../../OrInlineInputBox-09b33e18.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
+import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import '../../OrError-ec8c709d.js';
+import '../../useValidationAttributes-d1abbe34.js';
+import '../../OrError-19198748.js';
 import 'vue';
-import '../../OrHint-74bb732d.js';
-import '../../OrIconButton-7a512558.js';
-import '../../OrIcon-b195169c.js';
-import '../../OrTooltip-50d27b4f.js';
-import '../../OrPopover-1075dd38.js';
+import '../../OrHint-6863124f.js';
+import '../../OrIconButton-e5781317.js';
+import '../../OrIcon-34f59f73.js';
+import '../../OrTooltip-b07616f4.js';
+import '../../OrPopover-40217b49.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-62817aec.js';
-import '../../OrOverlay-738a44d5.js';
+import '../../OrBottomSheet-13a416ef.js';
+import '../../OrOverlay-afad3aa4.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,17 +1,32 @@
 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 | 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[]>;
-    controlId: import("@vue/composition-api").Ref<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/composition-api").WritableComputedRef<string>;
     draftModelValue: import("@vue/composition-api").Ref<string>;
-    activated: import("@vue/composition-api").Ref<boolean>;
-    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
+    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, {}, {}, {
@@ -19,10 +34,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: undefined;
     };
-    value: {
-        type: StringConstructor;
-        default: undefined;
-    };
     saveOnBlur: {
         type: BooleanConstructor;
         default: boolean;
@@ -44,10 +55,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: undefined;
     };
-    value: {
-        type: StringConstructor;
-        default: undefined;
-    };
     saveOnBlur: {
         type: BooleanConstructor;
         default: boolean;
@@ -66,7 +73,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
-    value: string;
     saveOnBlur: boolean;
     placeholder: string;
     hint: string;
@@ -75,23 +81,37 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | 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[]>;
-    controlId: import("@vue/composition-api").Ref<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/composition-api").WritableComputedRef<string>;
     draftModelValue: import("@vue/composition-api").Ref<string>;
-    activated: import("@vue/composition-api").Ref<boolean>;
-    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
+    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;
-    value: string;
     saveOnBlur: boolean;
     placeholder: string;
     hint: string;
@@ -100,7 +120,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
-    value: string;
     saveOnBlur: boolean;
     placeholder: string;
     hint: string;

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

@@ -1,19 +1,20 @@
-export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea-5a8fc512.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea-56328f22.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
+import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import '../../OrError-ec8c709d.js';
+import '../../useValidationAttributes-d1abbe34.js';
+import '../../OrError-19198748.js';
 import 'vue';
-import '../../OrHint-74bb732d.js';
-import '../../OrIconButton-7a512558.js';
-import '../../OrIcon-b195169c.js';
-import '../../OrTooltip-50d27b4f.js';
-import '../../OrPopover-1075dd38.js';
+import '../../OrHint-6863124f.js';
+import '../../OrIconButton-e5781317.js';
+import '../../OrIcon-34f59f73.js';
+import '../../OrTooltip-b07616f4.js';
+import '../../OrPopover-40217b49.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-62817aec.js';
-import '../../OrOverlay-738a44d5.js';
+import '../../OrBottomSheet-13a416ef.js';
+import '../../OrOverlay-afad3aa4.js';
 import '../../OrTeleport.vue3-8099178c.js';
-import '../../OrInlineInputBox-8049f95a.js';
+import '../../OrInlineInputBox-09b33e18.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { InputBoxSize, InputBoxVariant } from './props';
 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 | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     variant: {
         type: PropType<InputBoxVariant>;
@@ -53,7 +53,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disabled: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     variant: InputBoxVariant;
     size: InputBoxSize;

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

@@ -1,5 +1,3 @@
-export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../../OrInputBox-6d1b6059.js';
+export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../../OrInputBox-e16ade90.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
 import 'vue';

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

@@ -2,26 +2,34 @@ import { PropType } from 'vue-demi';
 import { InputSize, InputType } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    input: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlId: import("@vue/composition-api").Ref<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/composition-api").WritableComputedRef<string | number>;
-    invalid: import("@vue/composition-api").ComputedRef<boolean>;
-    readonly: import("@vue/composition-api").ComputedRef<boolean>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
+    blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
     type: {
         type: PropType<InputType>;
         default: InputType;
@@ -50,6 +58,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -63,10 +75,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
     type: {
         type: PropType<InputType>;
         default: InputType;
@@ -95,6 +103,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -105,7 +117,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string | number;
-    value: string | number;
     type: InputType;
     size: InputSize;
     label: string;
@@ -113,26 +124,38 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     error: string;
     required: boolean;
+    readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    input: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlId: import("@vue/composition-api").Ref<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/composition-api").WritableComputedRef<string | number>;
-    invalid: import("@vue/composition-api").ComputedRef<boolean>;
-    readonly: import("@vue/composition-api").ComputedRef<boolean>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
+    blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string | number;
-    value: string | number;
     type: InputType;
     size: InputSize;
     label: string;
@@ -140,13 +163,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     error: string;
     required: boolean;
+    readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number;
-    value: string | number;
     type: InputType;
     size: InputSize;
     label: string;
@@ -154,6 +177,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     error: string;
     required: boolean;
+    readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
 }, true>);

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

@@ -1,20 +1,21 @@
-export { I as InputType, s as OrInputV3 } from '../../OrInput-639352e4.js';
-export { a as InputSize } from '../../OrInputBox-6d1b6059.js';
+export { I as InputType, s as OrInputV3 } from '../../OrInput-6fb81556.js';
+export { a as InputSize } from '../../OrInputBox-e16ade90.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
+import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import '../../OrError-ec8c709d.js';
+import '../../useValidationAttributes-d1abbe34.js';
+import '../../OrError-19198748.js';
 import 'vue';
-import '../../OrHint-74bb732d.js';
-import '../../OrIconButton-7a512558.js';
-import '../../OrIcon-b195169c.js';
-import '../../OrTooltip-50d27b4f.js';
-import '../../OrPopover-1075dd38.js';
+import '../../OrHint-6863124f.js';
+import '../../OrIconButton-e5781317.js';
+import '../../OrIcon-34f59f73.js';
+import '../../OrTooltip-b07616f4.js';
+import '../../OrPopover-40217b49.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-62817aec.js';
-import '../../OrOverlay-738a44d5.js';
+import '../../OrBottomSheet-13a416ef.js';
+import '../../OrOverlay-afad3aa4.js';
 import '../../OrTeleport.vue3-8099178c.js';
-import '../../OrLabel-bdaec602.js';
+import '../../OrLabel-f700f9fb.js';
 import '../../style-inject.es-4c6f2515.js';