@onereach/ui-components 2.70.1 → 2.70.2-beta.2199.0

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

@@ -2,17 +2,29 @@ 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>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     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)[];
@@ -50,6 +62,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;
@@ -95,6 +111,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;
@@ -113,23 +133,36 @@ 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>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     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;
@@ -140,6 +173,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     error: string;
     required: boolean;
+    readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
 } & {} & {
@@ -154,6 +188,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/v2/components/or-input-v3/index.js

@@ -1,8 +1,10 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-ada3a970.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-e10cc643.js';
 export { a as InputSize } from '../../OrInputBox-4d5a318d.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
+import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-d267ee9a.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-42dc9ebb.js';

package/dist/esm/v2/components/or-pagination-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrPaginationV3 } from '../../OrPagination-c0dbec6a.js';
+export { _ as OrPaginationV3 } from '../../OrPagination-291bd1b9.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v2/components/or-radio-v3/OrRadio.vue.d.ts

@@ -2,10 +2,18 @@ import { PropType } from 'vue-demi';
 import { LabelVariant } from '../or-label-v3';
 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 | undefined)[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlId: import("@vue/composition-api").Ref<string>;
+    controlAttributes: {
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+    focus: () => void;
+    blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: StringConstructor;
@@ -76,10 +84,18 @@ 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>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlId: import("@vue/composition-api").Ref<string>;
+    controlAttributes: {
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+    focus: () => void;
+    blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string;
     value: string;

package/dist/esm/v2/components/or-radio-v3/index.js

@@ -1,6 +1,7 @@
-export { _ as OrRadioV3 } from '../../OrRadio-848ce55d.js';
+export { _ as OrRadioV3 } from '../../OrRadio-b0a560d2.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
+import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import '../../OrLabel-2a9f1477.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-search-v3/index.js

@@ -1,9 +1,11 @@
-export { _ as OrSearchV3 } from '../../OrSearch-0f08f2f5.js';
+export { _ as OrSearchV3 } from '../../OrSearch-1490c00b.js';
 export { a as SearchSize } from '../../OrInputBox-4d5a318d.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useClassAttribute-47fdb016.js';
-import '../../OrInput-ada3a970.js';
+import '../../OrInput-e10cc643.js';
+import '../../useIdAttribute-859439f0.js';
+import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-d267ee9a.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-42dc9ebb.js';

package/dist/esm/v2/components/or-select-v3/index.js

@@ -1,11 +1,12 @@
-export { _ as OrSelectV3 } from '../../OrSelect-1d705445.js';
+export { _ as OrSelectV3 } from '../../OrSelect-1fbeed4f.js';
 export { a as SelectSize } from '../../OrInputBox-4d5a318d.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useClassAttribute-47fdb016.js';
 import '../../useOverflow-af6161c8.js';
 import '@vueuse/core';
-import '../../OrCheckbox-567e387c.js';
+import '../../OrCheckbox-7317fe1a.js';
+import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-2a9f1477.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';
@@ -13,7 +14,8 @@ import '../../OrError-d267ee9a.js';
 import '../../OrExpansionPanel-a123024e.js';
 import '../../OrIcon-5e394c62.js';
 import '../../OrHint-42dc9ebb.js';
-import '../../OrInput-ada3a970.js';
+import '../../OrInput-e10cc643.js';
+import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrIconButton-b3779042.js';
 import '../../OrTooltip-513bee30.js';
 import '../../OrPopover-9bafbdb4.js';

package/dist/esm/v2/components/or-switch-v3/OrSwitch.vue.d.ts

@@ -2,11 +2,19 @@ import { PropType } from 'vue-demi';
 import { LabelVariant } from '../or-label-v3';
 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 | undefined)[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     loaderStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlId: import("@vue/composition-api").Ref<string>;
+    controlAttributes: {
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
+    focus: () => void;
+    blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<boolean | string[]>;
@@ -86,11 +94,19 @@ 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>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     loaderStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlId: import("@vue/composition-api").Ref<string>;
+    controlAttributes: {
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
+    focus: () => void;
+    blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: boolean | string[];
     value: boolean | string[];

package/dist/esm/v2/components/or-switch-v3/index.js

@@ -1,6 +1,7 @@
-export { _ as OrSwitchV3 } from '../../OrSwitch-13b6a7ee.js';
+export { _ as OrSwitchV3 } from '../../OrSwitch-133052ca.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
+import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import '../../OrLabel-2a9f1477.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-tabs-v3/index.js

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

package/dist/esm/v2/components/or-textarea-v3/OrTextarea.vue.d.ts

@@ -2,14 +2,28 @@ import { PropType } from 'vue-demi';
 import { TextareaSize } from './props';
 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 | undefined)[]>;
     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>;
-    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>;
+    focus: () => void;
+    blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: StringConstructor;
@@ -43,6 +57,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;
@@ -80,6 +98,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;
@@ -93,19 +115,34 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     error: string;
     required: boolean;
+    readonly: boolean;
     disabled: boolean;
 } & {} & {
     [x: string & `on${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 | undefined)[]>;
     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>;
-    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>;
+    focus: () => void;
+    blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string;
     value: string;
@@ -115,6 +152,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     error: string;
     required: boolean;
+    readonly: boolean;
     disabled: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
@@ -127,6 +165,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     error: string;
     required: boolean;
+    readonly: boolean;
     disabled: boolean;
 }, true>);
 export default _default;

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

@@ -1,8 +1,10 @@
-export { _ as OrTextareaV3 } from '../../OrTextarea-6712a150.js';
+export { _ as OrTextareaV3 } from '../../OrTextarea-a7c846da.js';
 export { a as TextareaSize } from '../../OrInputBox-4d5a318d.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
+import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-d267ee9a.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-42dc9ebb.js';

package/dist/esm/v2/hooks/index.d.ts

@@ -1,5 +1,8 @@
 export { useClassAttribute } from './useClassAttribute';
+export { useControlAttributes } from './useControlAttributes';
 export { useElevation } from './useElevation';
+export { useIdAttribute } from './useIdAttribute';
 export { useOverflow } from './useOverflow';
 export { useResponsive } from './useResponsive';
 export { default as useToggle } from './useToggle';
+export { useValidationAttributes } from './useValidationAttributes';

package/dist/esm/v2/hooks/index.js

@@ -1,7 +1,9 @@
 export { u as useClassAttribute } from '../useClassAttribute-47fdb016.js';
+export { u as useControlAttributes, a as useIdAttribute } from '../useIdAttribute-859439f0.js';
 export { u as useElevation } from '../useElevation-31bfe1f6.js';
 export { u as useOverflow } from '../useOverflow-af6161c8.js';
 export { u as useResponsive } from '../useResponsive-a02e95b7.js';
 export { u as useToggle } from '../useToggle-29e4d7c7.js';
+export { u as useValidationAttributes } from '../useValidationAttributes-d1abbe34.js';
 import 'vue-demi';
 import '@vueuse/core';

package/dist/esm/v2/hooks/useControlAttributes.d.ts

@@ -0,0 +1,8 @@
+import { ComputedRef } from 'vue-demi';
+interface ControlAttributes {
+    readonly: ComputedRef<boolean | undefined>;
+    disabled: ComputedRef<boolean | undefined>;
+    'force-state': ComputedRef<string | undefined>;
+}
+export declare function useControlAttributes(): ControlAttributes;
+export {};

package/dist/esm/v2/hooks/useIdAttribute.d.ts

@@ -0,0 +1,2 @@
+import { ComputedRef } from 'vue-demi';
+export declare function useIdAttribute(): ComputedRef<string | undefined>;

package/dist/esm/v2/hooks/useValidationAttributes.d.ts

@@ -0,0 +1,12 @@
+import { ComputedRef } from 'vue-demi';
+interface ValidationAttributes {
+    required: ComputedRef<boolean | undefined>;
+    minlength: ComputedRef<number | undefined>;
+    maxlength: ComputedRef<number | undefined>;
+    pattern: ComputedRef<string | undefined>;
+    min: ComputedRef<number | undefined>;
+    max: ComputedRef<number | undefined>;
+    step: ComputedRef<number | undefined>;
+}
+export declare function useValidationAttributes(): ValidationAttributes;
+export {};

package/dist/esm/v2/index.js

@@ -8,18 +8,18 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-835d4f11.js';
 export { _ as OrCard } from './OrCard-b7268256.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-f6b07557.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-3c38fc85.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-784318ac.js';
 export { _ as OrCardV3 } from './OrCard-de799db0.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-4e2cf3d8.js';
 export { _ as OrCheckbox } from './OrCheckbox-915f1f0a.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-567e387c.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-7317fe1a.js';
 export { _ as OrChip } from './OrChips.vue_rollup-plugin-vue_script-aa8fedaa.js';
 export { _ as OrChips } from './OrChips-5e0063be.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-d4400b42.js';
 export { _ as OrCollapse } from './OrCollapse-4d892ca3.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-75abefdd.js';
 export { _ as OrConfirm } from './OrConfirm-d7112dd3.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-e2ab9b4c.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-3d064f6c.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-349df9b2.js';
 export { _ as OrError } from './OrError-081130bb.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-782dd714.js';
@@ -34,11 +34,11 @@ export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-819166
 export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-b3779042.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from './OrIcon-5e394c62.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-fefd4fbd.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-10205811.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-7c4f1f92.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-b47cfc2d.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-7658611e.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-3381e2a9.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-4d5a318d.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-ada3a970.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-e10cc643.js';
 export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-1fa97156.js';
 export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_script-197d77fc.js';
 export { _ as OrSearch } from './OrSearch-0589d17d.js';
@@ -59,16 +59,16 @@ export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotificatio
 export { _ as OrOverflowMenu } from './OrOverflowMenu-10a4166a.js';
 export { _ as OrOverlay } from './OrOverlay-3b52865d.js';
 export { _ as OrOverlayV3 } from './OrOverlay-18ba2dc6.js';
-export { _ as OrPaginationV3 } from './OrPagination-c0dbec6a.js';
+export { _ as OrPaginationV3 } from './OrPagination-291bd1b9.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-4ee24824.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-c27c8946.js';
 export { _ as OrRadio } from './OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-d9d32cba.js';
-export { _ as OrRadioV3 } from './OrRadio-848ce55d.js';
-export { _ as OrSearchV3 } from './OrSearch-0f08f2f5.js';
+export { _ as OrRadioV3 } from './OrRadio-b0a560d2.js';
+export { _ as OrSearchV3 } from './OrSearch-1490c00b.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e8dce8f9.js';
 export { _ as OrSelect } from './OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from './OrSelect-1d705445.js';
+export { _ as OrSelectV3 } from './OrSelect-1fbeed4f.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-7d6125bb.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-cc94bdc9.js';
@@ -77,18 +77,18 @@ export { _ as OrSlider } from './OrSlider-f7b9c7c2.js';
 export { _ as OrSortHeaderV3 } from './OrSortHeader-19bf94ca.js';
 export { _ as OrStepper } from './OrStepper-4f44e7b7.js';
 export { _ as OrSwitch } from './OrSwitch-f25f27f9.js';
-export { _ as OrSwitchV3 } from './OrSwitch-13b6a7ee.js';
+export { _ as OrSwitchV3 } from './OrSwitch-133052ca.js';
 export { _ as OrTab } from './OrTab-eade8ab6.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-d1a340d1.js';
 export { _ as OrTabV3 } from './OrTab-702e7335.js';
 export { _ as OrTabs } from './OrTabs-e1c13d41.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-71bd3fd2.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-e5b81f4b.js';
 export { _ as OrTag } from './OrTag-c1fa6901.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-52e4cc94.js';
 export { _ as OrTeleport } from './OrTeleportVue2-8ef4ceca.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
-export { _ as OrTextareaV3 } from './OrTextarea-6712a150.js';
+export { _ as OrTextareaV3 } from './OrTextarea-a7c846da.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-2594c980.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-2fbd4358.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
@@ -99,10 +99,12 @@ export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_script-
 export { _ as OrTooltipV3 } from './OrTooltip-513bee30.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-31bfe1f6.js';
 export { u as useOverflow } from './useOverflow-af6161c8.js';
 export { u as useResponsive } from './useResponsive-a02e95b7.js';
 export { u as useToggle } from './useToggle-29e4d7c7.js';
+export { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { R as RX_ABBREVIATION_FROM_STRING } from './color-1f348774.js';
 import 'vue-demi';
 import 'lodash';

package/dist/esm/v2/useIdAttribute-859439f0.js

@@ -0,0 +1,21 @@
+import { useAttrs, computed, getCurrentInstance } from 'vue-demi';
+
+function useControlAttributes() {
+  const attributes = useAttrs();
+  return {
+    readonly: computed(() => attributes['readonly']),
+    disabled: computed(() => attributes['disabled']),
+    'force-state': computed(() => attributes['force-state'])
+  };
+}
+
+function useIdAttribute() {
+  const attributes = useAttrs(),
+    component = getCurrentInstance();
+  return computed(() => {
+    var _a;
+    return (_a = attributes['id']) !== null && _a !== void 0 ? _a : component === null || component === void 0 ? void 0 : component.uid.toString();
+  });
+}
+
+export { useIdAttribute as a, useControlAttributes as u };

package/dist/esm/v2/useValidationAttributes-d1abbe34.js

@@ -0,0 +1,16 @@
+import { useAttrs, computed } from 'vue-demi';
+
+function useValidationAttributes() {
+  const attributes = useAttrs();
+  return {
+    required: computed(() => attributes['required']),
+    minlength: computed(() => attributes['minlength']),
+    maxlength: computed(() => attributes['maxlength']),
+    pattern: computed(() => attributes['pattern']),
+    min: computed(() => attributes['min']),
+    max: computed(() => attributes['max']),
+    step: computed(() => attributes['step'])
+  };
+}
+
+export { useValidationAttributes as u };

package/dist/esm/v3/{OrCardCollection-dbb3e839.js → OrCardCollection-110b3a0b.js}

@@ -8,7 +8,7 @@ import { s as script$5 } from './OrMenuItem-9da279f6.js';
 import { s as script$6 } from './OrIcon-b195169c.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 import { s as script$3 } from './OrButton-0fa67a0d.js';
-import { s as script$7 } from './OrSearch-9885d178.js';
+import { s as script$7 } from './OrSearch-a60f67f0.js';
 import './OrInputBox-6d1b6059.js';
 
 const CardCollectionRoot = [