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

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

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

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

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { LabelVariant } 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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     textStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -46,7 +46,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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     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-label-v3/index.js

@@ -1,3 +1,5 @@
-export { L as LabelVariant, s as OrLabelV3 } from '../../OrLabel-f700f9fb.js';
+export { L as LabelVariant, s as OrLabelV3 } from '../../OrLabel-bdaec602.js';
 import 'vue-demi';
+import '../../useClassAttribute-47fdb016.js';
+import '@vueuse/core';
 import 'vue';

package/dist/esm/v3/components/or-link-v3/OrLink.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { LinkColor } 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)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | false | undefined)[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     href: {
         type: StringConstructor;
@@ -62,7 +62,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     loadingText: string;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLButtonElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | false)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | false | undefined)[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     href: string;
     color: LinkColor;

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

@@ -1,3 +1,5 @@
-export { L as LinkColor, s as OrLinkV3 } from '../../OrLink-07f6f27d.js';
+export { L as LinkColor, s as OrLinkV3 } from '../../OrLink-338db3ca.js';
 import 'vue-demi';
+import '../../useClassAttribute-47fdb016.js';
+import '@vueuse/core';
 import 'vue';

package/dist/esm/v3/components/or-loader-v3/OrLoader.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { LoaderColor, LoaderSize, LoaderVariant } 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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     titleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     descriptionStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -57,7 +57,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     description: string;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     titleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     descriptionStyles: import("@vue/composition-api").ComputedRef<string[]>;

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

@@ -1,3 +1,5 @@
-export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../../OrLoader-a53d2edf.js';
+export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../../OrLoader-b3cf4231.js';
 import 'vue-demi';
+import '../../useClassAttribute-47fdb016.js';
+import '@vueuse/core';
 import 'vue';

package/dist/esm/v3/components/or-menu-item-v3/OrMenuItem.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     icon: {
         type: PropType<string | Readonly<Partial<{
@@ -42,7 +42,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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     icon: string | Readonly<Partial<{
         [x: number]: string;

package/dist/esm/v3/components/or-menu-item-v3/index.js

@@ -1,4 +1,6 @@
-export { s as OrMenuItemV3 } from '../../OrMenuItem-58707d47.js';
+export { s as OrMenuItemV3 } from '../../OrMenuItem-9da279f6.js';
 import 'vue-demi';
-import '../../OrIcon-34f59f73.js';
+import '../../useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import '../../OrIcon-b195169c.js';
 import 'vue';

package/dist/esm/v3/components/or-menu-v3/OrMenu.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isOpen: import("@vue/composition-api").ComputedRef<undefined>;
     open: () => void;
@@ -52,7 +52,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isOpen: import("@vue/composition-api").ComputedRef<undefined>;
     open: () => void;

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

@@ -1,11 +1,12 @@
-export { s as OrMenuV3 } from '../../OrMenu-7f3ea117.js';
-export { P as MenuPlacement } from '../../OrPopover-40217b49.js';
+export { s as OrMenuV3 } from '../../OrMenu-840038cd.js';
+export { P as MenuPlacement } from '../../OrPopover-1075dd38.js';
 import 'vue-demi';
+import '../../useClassAttribute-47fdb016.js';
+import '@vueuse/core';
 import 'vue';
 import '@floating-ui/dom';
-import '@vueuse/core';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-13a416ef.js';
-import '../../OrOverlay-afad3aa4.js';
+import '../../OrBottomSheet-62817aec.js';
+import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';

package/dist/esm/v3/components/or-modal-v3/OrModal.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { ModalSize } 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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isActive: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
@@ -32,7 +32,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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isActive: import("@vue/composition-api").Ref<boolean>;
     open: () => void;

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

@@ -1,14 +1,15 @@
-export { M as ModalSize, s as OrModalV3 } from '../../OrModal-10838da7.js';
+export { M as ModalSize, s as OrModalV3 } from '../../OrModal-7878cc39.js';
 import 'vue-demi';
-import '../../OrIconButton-e5781317.js';
-import '../../OrIcon-34f59f73.js';
-import 'vue';
-import '../../OrTooltip-b07616f4.js';
+import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import '../../OrPopover-40217b49.js';
+import '../../OrIconButton-1a89fbf9.js';
+import '../../OrIcon-b195169c.js';
+import 'vue';
+import '../../OrTooltip-50d27b4f.js';
+import '../../OrPopover-1075dd38.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-13a416ef.js';
-import '../../OrOverlay-afad3aa4.js';
+import '../../OrBottomSheet-62817aec.js';
+import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';

package/dist/esm/v3/components/or-notification-v3/OrNotification.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { NotificationVariant } 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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     iconStyles: import("@vue/composition-api").ComputedRef<string[]>;
     icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -19,7 +19,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     variant: NotificationVariant;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     iconStyles: import("@vue/composition-api").ComputedRef<string[]>;
     icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {

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

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

package/dist/esm/v3/components/or-overlay-v3/OrOverlay.vue.d.ts

@@ -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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     fullscreen: {
         type: BooleanConstructor;
@@ -15,7 +15,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     fullscreen: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     fullscreen: boolean;
 } & {}, {

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

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

package/dist/esm/v3/components/or-pagination-v3/OrPagination.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     limitMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -83,7 +83,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     limitMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     itemStyles: import("@vue/composition-api").ComputedRef<string[]>;

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

@@ -1,16 +1,17 @@
-export { s as OrPaginationV3 } from '../../OrPagination-010b0bef.js';
+export { s as OrPaginationV3 } from '../../OrPagination-a703307d.js';
 import 'vue-demi';
-import '../../OrButton-c56998e7.js';
-import '../../OrLoader-a53d2edf.js';
+import '../../useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import '../../OrButton-0fa67a0d.js';
+import '../../OrLoader-b3cf4231.js';
 import 'vue';
-import '../../OrIcon-34f59f73.js';
-import '../../OrMenuItem-58707d47.js';
-import '../../OrMenu-7f3ea117.js';
-import '../../OrPopover-40217b49.js';
+import '../../OrIcon-b195169c.js';
+import '../../OrMenuItem-9da279f6.js';
+import '../../OrMenu-840038cd.js';
+import '../../OrPopover-1075dd38.js';
 import '@floating-ui/dom';
-import '@vueuse/core';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-13a416ef.js';
-import '../../OrOverlay-afad3aa4.js';
+import '../../OrBottomSheet-62817aec.js';
+import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';

package/dist/esm/v3/components/or-popover-v3/OrPopover.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     bottomSheetRoot: import("@vue/composition-api").ComputedRef<undefined>;
     handleBottomSheetState: (bottomSheetState: string) => void;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     isOpen: import("@vue/composition-api").ComputedRef<boolean>;
@@ -84,7 +84,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     bottomSheetRoot: import("@vue/composition-api").ComputedRef<undefined>;
     handleBottomSheetState: (bottomSheetState: string) => void;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     isOpen: import("@vue/composition-api").ComputedRef<boolean>;

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

@@ -1,10 +1,11 @@
-export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from '../../OrPopover-40217b49.js';
+export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from '../../OrPopover-1075dd38.js';
 import '@floating-ui/dom';
 import '@vueuse/core';
 import 'vue-demi';
+import '../../useClassAttribute-47fdb016.js';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-13a416ef.js';
-import '../../OrOverlay-afad3aa4.js';
+import '../../OrBottomSheet-62817aec.js';
+import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import 'vue';

package/dist/esm/v3/components/or-progress-v3/OrProgress.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { ProgressColor, ProgressType } 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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     percentStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -108,7 +108,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     loading: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     percentStyles: import("@vue/composition-api").ComputedRef<string[]>;

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

@@ -1,6 +1,7 @@
-export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../../OrProgress-639ed5e8.js';
-import '@vueuse/core';
+export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../../OrProgress-407002e0.js';
 import 'lodash';
+import '@vueuse/core';
 import 'vue-demi';
+import '../../useClassAttribute-47fdb016.js';
 import '../../useResponsive-a02e95b7.js';
 import 'vue';

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

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

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

@@ -1,7 +1,7 @@
-export { s as OrRadioV3 } from '../../OrRadio-a0bd352b.js';
+export { s as OrRadioV3 } from '../../OrRadio-54b6d0de.js';
 import 'vue-demi';
-import '../../useIdAttribute-859439f0.js';
+import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import '../../OrLabel-f700f9fb.js';
+import '../../OrLabel-bdaec602.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-search-v3/OrSearch.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | string[], {} & {}, {
         [x: number]: string;
     } | {}, true> | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     localModelValue: import("@vue/composition-api").Ref<string>;
     focus: () => void;
     clear: () => void;
@@ -77,7 +77,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | string[], {} & {}, {
         [x: number]: string;
     } | {}, true> | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     localModelValue: import("@vue/composition-api").Ref<string>;
     focus: () => void;
     clear: () => void;

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

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

package/dist/esm/v3/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts

@@ -3,7 +3,7 @@ import { SegmentedControlSize } from './props';
 import { SegmentedControlOption } from './types';
 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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     options: {
@@ -57,7 +57,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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     options: SegmentedControlOption[];

package/dist/{bundled/v2/components/or-segmented-control-v3/partials → esm/v3/components/or-segmented-control-v3/components}/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { SegmentedControlSize } 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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     onClick: (event: Event) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     size: {
@@ -36,7 +36,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[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     onClick: (event: Event) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     size: SegmentedControlSize;

package/dist/esm/v3/components/or-segmented-control-v3/index.js

@@ -1,3 +1,5 @@
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl-c7221732.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl-171cad78.js';
 import 'vue-demi';
+import '../../useClassAttribute-47fdb016.js';
+import '@vueuse/core';
 import 'vue';

package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
     dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -213,7 +213,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
     dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;