npm - @onereach/ui-components - Versions diffs - 2.70.2-beta.2212.0 → 2.70.2-beta.2218.0 - Mend

@onereach/ui-components 2.70.2-beta.2212.0 → 2.70.2-beta.2218.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (646) hide show

package/dist/esm/v3/components/or-avatar-v3/OrAvatar.vue.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { AvatarColor, AvatarSize } 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[]>;
     imageStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     src: {
@@ -58,7 +58,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     colorSalt: string;
 } & {}, 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[]>;
     imageStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     src: string;

package/dist/esm/v3/components/or-avatar-v3/index.js CHANGED Viewed

@@ -1,7 +1,5 @@
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-53a4429d.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-6444e693.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
 import '../../color-1f348774.js';
-import '../../OrIcon-b195169c.js';
+import '../../OrIcon-34f59f73.js';
 import 'vue';

package/dist/esm/v3/components/or-bottom-sheet-v3/OrBottomSheet.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 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[]>;
     handleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "full-open" | "closed">;
@@ -10,7 +10,7 @@ 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)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     handleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "full-open" | "closed">;

package/dist/esm/v3/components/or-bottom-sheet-v3/index.js CHANGED Viewed

@@ -1,8 +1,7 @@
-export { s as OrBottomSheetV3 } from '../../OrBottomSheet-62817aec.js';
+export { s as OrBottomSheetV3 } from '../../OrBottomSheet-13a416ef.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '../../OrOverlay-738a44d5.js';
+import '../../OrOverlay-afad3aa4.js';
 import '../../useElevation-31bfe1f6.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import 'vue';

package/dist/esm/v3/components/or-button-v3/OrButton.vue.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { ButtonColor, ButtonType, ButtonVariant } 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 | false | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | false)[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     type: {
         type: PropType<ButtonType>;
@@ -73,7 +73,7 @@ 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 | false | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | false)[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     activated: boolean;
     type: ButtonType;

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

@@ -1,6 +1,4 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton-0fa67a0d.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton-c56998e7.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
-import '../../OrLoader-b3cf4231.js';
+import '../../OrLoader-a53d2edf.js';
 import 'vue';

package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | string[], {} & {}, {
         [x: number]: string;
     } | {}, true>)) | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyView: import("@vue/composition-api").Ref<string>;
@@ -111,7 +111,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | string[], {} & {}, {
         [x: number]: string;
     } | {}, true>)) | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyView: import("@vue/composition-api").Ref<string>;

package/dist/esm/v3/components/or-card-collection-v3/index.js CHANGED Viewed

@@ -1,26 +1,27 @@
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-dbb3e839.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-53e83dbb.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
-import '../../OrIconButton-1a89fbf9.js';
-import '../../OrIcon-b195169c.js';
+import '../../OrButton-c56998e7.js';
+import '../../OrLoader-a53d2edf.js';
 import 'vue';
-import '../../OrTooltip-50d27b4f.js';
-import '../../OrPopover-1075dd38.js';
+import '../../OrIconButton-e5781317.js';
+import '../../OrIcon-34f59f73.js';
+import '../../OrTooltip-b07616f4.js';
+import '@vueuse/core';
+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 '../../OrMenu-840038cd.js';
-import '../../OrMenuItem-9da279f6.js';
-import '../../OrButton-0fa67a0d.js';
-import '../../OrLoader-b3cf4231.js';
-import '../../OrSearch-9885d178.js';
-import '../../OrInput-9c0426b9.js';
-import '../../OrError-ec8c709d.js';
-import '../../OrHint-74bb732d.js';
-import '../../OrInputBox-6d1b6059.js';
-import '../../OrLabel-bdaec602.js';
+import '../../OrMenuItem-58707d47.js';
+import '../../OrMenu-7f3ea117.js';
+import '../../OrSearch-9eb38b29.js';
+import '../../OrInput-5ef51369.js';
+import '../../useIdAttribute-859439f0.js';
+import '../../useValidationAttributes-d1abbe34.js';
+import '../../OrError-19198748.js';
+import '../../OrHint-6863124f.js';
+import '../../OrInputBox-e16ade90.js';
+import '../../OrLabel-f700f9fb.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-card-v3/OrCard.vue.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 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, {}, {}, {}, import("@vue/composition-api").ExtractPropTypes<{}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, 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, {}, {}, {}, {}, {}, {} & {}, {}, true>);
 export default _default;

package/dist/esm/v3/components/or-card-v3/index.js CHANGED Viewed

@@ -1,5 +1,3 @@
-export { s as OrCardV3 } from '../../OrCard-fd92f7c8.js';
+export { s as OrCardV3 } from '../../OrCard-cd6af82e.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
 import 'vue';

package/dist/esm/v3/components/or-checkbox-v3/OrCheckbox.vue.d.ts CHANGED Viewed

@@ -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>;
-    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: {
+        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[]>;
@@ -85,10 +93,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>;
-    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: {
+        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/v3/components/or-checkbox-v3/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
-export { s as OrCheckboxV3 } from '../../OrCheckbox-3e139eac.js';
+export { s as OrCheckboxV3 } from '../../OrCheckbox-afadd5b8.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
+import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import '../../OrLabel-bdaec602.js';
+import '../../OrLabel-f700f9fb.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-confirm-v3/index.js CHANGED Viewed

@@ -1,24 +1,25 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-fee3c859.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-06ed85f9.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
-import '../../OrButton-0fa67a0d.js';
-import '../../useClassAttribute-47fdb016.js';
-import '../../OrLoader-b3cf4231.js';
+import '../../OrButton-c56998e7.js';
+import '../../OrLoader-a53d2edf.js';
 import 'vue';
-import '../../OrInput-9c0426b9.js';
-import '../../OrError-ec8c709d.js';
-import '../../OrHint-74bb732d.js';
-import '../../OrIconButton-1a89fbf9.js';
-import '../../OrIcon-b195169c.js';
-import '../../OrTooltip-50d27b4f.js';
-import '../../OrPopover-1075dd38.js';
+import '../../OrInput-5ef51369.js';
+import '../../useIdAttribute-859439f0.js';
+import '../../useValidationAttributes-d1abbe34.js';
+import '../../OrError-19198748.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 '../../OrInputBox-6d1b6059.js';
-import '../../OrLabel-bdaec602.js';
+import '../../OrInputBox-e16ade90.js';
+import '../../OrLabel-f700f9fb.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-error-tag-v3/OrErrorTag.vue.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 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, {}, {}, {}, import("@vue/composition-api").ExtractPropTypes<{}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, 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, {}, {}, {}, {}, {}, {} & {}, {}, true>);
 export default _default;

package/dist/esm/v3/components/or-error-tag-v3/index.js CHANGED Viewed

@@ -1,6 +1,4 @@
-export { s as OrErrorTagV3 } from '../../OrErrorTag-98252eef.js';
+export { s as OrErrorTagV3 } from '../../OrErrorTag-308119de.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
-import '../../OrIcon-b195169c.js';
+import '../../OrIcon-34f59f73.js';
 import 'vue';

package/dist/esm/v3/components/or-error-v3/OrError.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 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[]>;
     textStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -17,7 +17,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[]>;
     textStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {

package/dist/esm/v3/components/or-error-v3/index.js CHANGED Viewed

@@ -1,5 +1,3 @@
-export { s as OrErrorV3 } from '../../OrError-ec8c709d.js';
+export { s as OrErrorV3 } from '../../OrError-19198748.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
 import 'vue';

package/dist/esm/v3/components/or-expansion-panel-v3/OrExpansionPanel.vue.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { ExpansionPanelColor, ExpansionPanelVariant } 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[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     expanded: import("@vue/composition-api").Ref<boolean>;
@@ -60,7 +60,7 @@ 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)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     expanded: import("@vue/composition-api").Ref<boolean>;

package/dist/esm/v3/components/or-expansion-panel-v3/index.js CHANGED Viewed

@@ -1,6 +1,4 @@
-export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../../OrExpansionPanel-f8d7ff8d.js';
+export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../../OrExpansionPanel-3a4282da.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
-import '../../OrIcon-b195169c.js';
+import '../../OrIcon-34f59f73.js';
 import 'vue';

package/dist/esm/v3/components/or-fab-v3/index.js CHANGED Viewed

@@ -1,6 +1,4 @@
-export { F as FabColor, s as OrFabV3 } from '../../OrFab-c8ae6e01.js';
+export { F as FabColor, s as OrFabV3 } from '../../OrFab-61131b31.js';
 import 'vue-demi';
-import '../../OrIcon-b195169c.js';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
+import '../../OrIcon-34f59f73.js';
 import 'vue';

package/dist/esm/v3/components/or-hint-v3/OrHint.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 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[]>;
     textStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -17,7 +17,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[]>;
     textStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {

package/dist/esm/v3/components/or-hint-v3/index.js CHANGED Viewed

@@ -1,5 +1,3 @@
-export { s as OrHintV3 } from '../../OrHint-74bb732d.js';
+export { s as OrHintV3 } from '../../OrHint-6863124f.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
 import 'vue';

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

@@ -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<{
@@ -67,7 +67,7 @@ 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<{

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

@@ -1,14 +1,13 @@
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../../OrIconButton-1a89fbf9.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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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, {}, {}, {
@@ -95,18 +110,33 @@ 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[], {

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

@@ -1,19 +1,20 @@
-export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput-507fc99c.js';
-export { I as InlineInputSize } from '../../OrInlineInputBox-8049f95a.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput-6d363088.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-1a89fbf9.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';