@onereach/ui-components 2.76.10 → 2.76.11-beta.2461.0

package/dist/esm/v2/index.js

@@ -1,106 +1,106 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-b75af823.js';
-export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-ca3a1268.js';
-export { _ as OrBottomSheetV3 } from './OrBottomSheet-c9bfe63f.js';
+export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-12b0e276.js';
+export { _ as OrBottomSheetV3 } from './OrBottomSheet-29df8db9.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-549e8852.js';
 export { _ as OrButtonV2 } from './OrButton-12d5d556.js';
 export { _ as OrIconButton } from './OrIconButton-0984afde.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-acd57933.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-5093220c.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-2283df1c.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-1583425b.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-9d89e66e.js';
-export { _ as OrCardV3 } from './OrCard-e89c44ef.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-f4c27d14.js';
+export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-d20717ec.js';
 export { _ as OrCheckbox } from './OrCheckbox-63d444f1.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-ac3cc642.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-dc587ec9.js';
 export { _ as OrChip } from './OrChips.vue_rollup-plugin-vue_styles.0-8d277377.js';
 export { _ as OrChips } from './OrChips-7f85a4ba.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-fd7c026c.js';
 export { _ as OrCollapse } from './OrCollapse-50e3914c.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-fa92b4fa.js';
 export { _ as OrConfirm } from './OrConfirm-64e815c7.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-df5acd34.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-216060ac.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-85e5e03e.js';
 export { _ as OrError } from './OrError-efc74907.js';
-export { _ as OrErrorTagV3 } from './OrErrorTag-32ba5c0c.js';
-export { _ as OrErrorV3 } from './OrError-9e7976ef.js';
-export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-ab1a044d.js';
-export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-e36e23a1.js';
-export { F as FabColor, _ as OrFabV3 } from './OrFab-f71daa4f.js';
+export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
+export { _ as OrErrorV3 } from './OrError-4ffc1c39.js';
+export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
+export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-7c359bb0.js';
+export { F as FabColor, _ as OrFabV3 } from './OrFab-d1275424.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-67b6592e.js';
 export { _ as OrHint } from './OrHint-fe65fbe6.js';
-export { _ as OrHintV3 } from './OrHint-272790e7.js';
+export { _ as OrHintV3 } from './OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-dd72b52f.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-89d64288.js';
-export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from './OrIcon-c434985a.js';
-export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-46146af0.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-bcd4fbc8.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-5c4ef664.js';
+export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from './OrIcon-d35a84d8.js';
+export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-19b49ee6.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-46e7f140.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-f950e6d2.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-429a8ba9.js';
-export { _ as OrInputBoxV3 } from './OrInputBox-5c4b3104.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-6460d020.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-d016f618.js';
+export { _ as OrInputBoxV3 } from './OrInputBox-6b1aec08.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-9e6040e4.js';
 export { _ as OrInput } from './OrInput-c005a759.js';
 export { _ as OrLabel } from './OrLabel-931394a5.js';
-export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-49398089.js';
-export { L as LinkColor, _ as OrLinkV3 } from './OrLink-e2fd196e.js';
+export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-63380256.js';
+export { L as LinkColor, _ as OrLinkV3 } from './OrLink-3679a61f.js';
 export { _ as OrList } from './OrList-160e60f2.js';
 export { _ as OrListOfInputs } from './OrListOfInputs-9a08a3ee.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-212ef381.js';
-export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-b11ed386.js';
-export { _ as OrMenuItemV3 } from './OrMenuItem-4f810513.js';
-export { _ as OrMenuV3 } from './OrMenu-40013a4a.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-a101a230.js';
+export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-b0c381f9.js';
+export { _ as OrMenuItemV3 } from './OrMenuItem-6f9b8a93.js';
+export { _ as OrMenuV3 } from './OrMenu-fb119a7b.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-aa9f4918.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-195ae7b6.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-55abdc8f.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-b759863f.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-48cd0779.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-9b95aea3.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-f9e48250.js';
 export { _ as OrNumberInput } from './OrNumberInput-eb0e7087.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-1a82785c.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
-export { _ as OrOverlayV3 } from './OrOverlay-2ded265b.js';
+export { _ as OrOverlayV3 } from './OrOverlay-2ce3cfd7.js';
 export { _ as OrPassword } from './OrPassword-239dfa7a.js';
-export { _ as OrPaginationV3 } from './OrPagination-ae71924c.js';
+export { _ as OrPaginationV3 } from './OrPagination-dc27788c.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-e6f20dc1.js';
-export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-59293ca5.js';
+export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-29957e64.js';
 export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
-export { _ as OrRadioV3 } from './OrRadio-ffd31026.js';
+export { _ as OrRadioV3 } from './OrRadio-26031dd3.js';
 export { _ as OrSearch } from './OrSearch-2fbdbec9.js';
-export { _ as OrSearchV3 } from './OrSearch-7ba53d63.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-7486115b.js';
+export { _ as OrSearchV3 } from './OrSearch-da9725b4.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-03e79c4b.js';
-export { _ as OrSelectV3 } from './OrSelect-ce906c27.js';
+export { _ as OrSelectV3 } from './OrSelect-8307ad20.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
-export { _ as OrSidebarV3 } from './OrSidebar-432a758c.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-dec1ad1d.js';
+export { _ as OrSidebarV3 } from './OrSidebar-5ca2144a.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-b8e678d4.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-6a6f285d.js';
-export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-6ee72718.js';
+export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-ee42a9e9.js';
 export { _ as OrSlider } from './OrSlider-ded83b5c.js';
-export { _ as OrSortHeaderV3 } from './OrSortHeader-ffe6bc57.js';
+export { _ as OrSortHeaderV3 } from './OrSortHeader-8596b958.js';
 export { _ as OrStepper } from './OrStepper-5286720c.js';
 export { _ as OrSwitch } from './OrSwitch-cd24ee40.js';
-export { _ as OrSwitchV3 } from './OrSwitch-6309430f.js';
+export { _ as OrSwitchV3 } from './OrSwitch-823f71a6.js';
 export { _ as OrTab } from './OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
-export { _ as OrTabV3 } from './OrTab-8e1e3751.js';
+export { _ as OrTabV3 } from './OrTab-81ccc89a.js';
 export { _ as OrTabs } from './OrTabs-12138346.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-411fc919.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-32d46f77.js';
 export { _ as OrTag } from './OrTag-2845a49f.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-e04e313a.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-0153f01d.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
-export { _ as OrTextV3 } from './OrText-91d662a0.js';
+export { _ as OrTextV3 } from './OrText-6097bca5.js';
 export { _ as OrTextarea } from './OrTextarea-724a4d6f.js';
-export { _ as OrTextareaV3 } from './OrTextarea-a51a7959.js';
+export { _ as OrTextareaV3 } from './OrTextarea-2d5d0be6.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-cd85a59f.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-41b56042.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-531671e5.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-1e607d9c.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { _ as OrTooltip } from './OrTooltip-cefc51f9.js';
 export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';
-export { _ as OrTooltipV3 } from './OrTooltip-5a02f34c.js';
+export { _ as OrTooltipV3 } from './OrTooltip-f5d1e4f0.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-92fce12c.js';

package/dist/esm/v2/{types-531671e5.js → types-1e607d9c.js}

@@ -2,8 +2,8 @@ import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
 import { _ as __vue_component__$4 } from './OrTeleport.vue2-fb92f29f.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
-import { _ as __vue_component__$2 } from './OrIconButton-89d64288.js';
-import { _ as __vue_component__$3 } from './OrLoader-b11ed386.js';
+import { _ as __vue_component__$2 } from './OrIconButton-5c4ef664.js';
+import { _ as __vue_component__$3 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -266,7 +266,7 @@ var script = defineComponent({
     const [isActive, toggle] = useToggle(false);
     const classes = computed(() => {
       var _a;
-      return ['or-toast-container', ...ToastContainer, ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`], {
+      return ['or-toast-container-v3', ...ToastContainer, ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`], {
         'position--top--with-header': ((_a = props.position) === null || _a === void 0 ? void 0 : _a.positionY) === PositionsY.Top && props.includeHeaderHeight
       }];
     });
@@ -364,7 +364,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".or-toast-container[data-v-13aec892]{z-index:26}.or-toast--transition-slide-enter-active[data-v-13aec892],.or-toast--transition-slide-leave-active[data-v-13aec892]{transition:transform .4s ease}.or-toast--transition-slide-enter-from.or-toast--position-right[data-v-13aec892],.or-toast--transition-slide-leave-to.or-toast--position-right[data-v-13aec892]{transform:translateX(999px)}.or-toast--transition-slide-enter-from.or-toast--position-left[data-v-13aec892],.or-toast--transition-slide-leave-to.or-toast--position-left[data-v-13aec892]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-13aec892],.or-toast--transition-fade-leave-active[data-v-13aec892]{transition:opacity .4s ease}.or-toast--transition-fade-enter-from[data-v-13aec892],.or-toast--transition-fade-leave-to[data-v-13aec892]{opacity:0}";
+var css_248z = ".or-toast-container[data-v-1bf172d5]{z-index:26}.or-toast--transition-slide-enter-active[data-v-1bf172d5],.or-toast--transition-slide-leave-active[data-v-1bf172d5]{transition:transform .4s ease}.or-toast--transition-slide-enter-from.or-toast--position-right[data-v-1bf172d5],.or-toast--transition-slide-leave-to.or-toast--position-right[data-v-1bf172d5]{transform:translateX(999px)}.or-toast--transition-slide-enter-from.or-toast--position-left[data-v-1bf172d5],.or-toast--transition-slide-leave-to.or-toast--position-left[data-v-1bf172d5]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-1bf172d5],.or-toast--transition-fade-leave-active[data-v-1bf172d5]{transition:opacity .4s ease}.or-toast--transition-fade-enter-from[data-v-1bf172d5],.or-toast--transition-fade-leave-to[data-v-1bf172d5]{opacity:0}";
 styleInject(css_248z);
 
 /* script */
@@ -409,7 +409,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-13aec892";
+const __vue_scope_id__ = "data-v-1bf172d5";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v3/{OrAvatar-0dbd8be8.js → OrAvatar-1ebca2e8.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watchPostEffect } from 'vue-demi';
 import { h as hslToColorString, g as generateHslFromString } from './color-1f348774.js';
-import { s as script$1 } from './OrIcon-ea40e58c.js';
+import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, createCommentVNode } from 'vue';
 
 var AvatarSize;
@@ -120,7 +120,7 @@ var script = defineComponent({
       return !props.icon;
     });
     // Styles
-    const rootStyles = computed(() => ['or-avatar', ...AvatarRoot, ...AvatarRootSizes[props.size], ...AvatarRootColors[props.color], ...(isIcon.value ? AvatarRootAbbreviationSizes[props.size] : AvatarRootIconSizes[props.size])]);
+    const rootStyles = computed(() => ['or-avatar-v3', ...AvatarRoot, ...AvatarRootSizes[props.size], ...AvatarRootColors[props.color], ...(isIcon.value ? AvatarRootAbbreviationSizes[props.size] : AvatarRootIconSizes[props.size])]);
     const imageStyles = computed(() => [...AvatarImage]);
     // Effects
     watchPostEffect(() => {

package/dist/esm/v3/{OrBottomSheet-9c291056.js → OrBottomSheet-0f24ecae.js}

@@ -1,6 +1,6 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
-import { s as script$1 } from './OrOverlay-55f6cf9c.js';
+import { s as script$1 } from './OrOverlay-7cf03aea.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode } from 'vue';
 
 const BottomSheetRoot = [
@@ -51,7 +51,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-bottom-sheet', ...BottomSheetRoot]);
+    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheetRoot]);
     const handleStyles = computed(() => [...BottomSheetHandle]);
     const headerStyles = computed(() => [...BottomSheetHeader]);
     // State

package/dist/esm/v3/{OrButton-f5a973f9.js → OrButton-5a850657.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrLoader-18f66bca.js';
+import { s as script$1 } from './OrLoader-b79022da.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 var ButtonVariant;
@@ -129,7 +129,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-button', ...ButtonRoot, ...ButtonRootVariants[props.variant], ...ButtonRootColors[`${props.color}-${props.variant}`], props.loading && 'interactivity-none']);
+    const rootStyles = computed(() => ['or-button-v3', ...ButtonRoot, ...ButtonRootVariants[props.variant], ...ButtonRootColors[`${props.color}-${props.variant}`], props.loading && 'interactivity-none']);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrCard-cd6af82e.js → OrCard-cc82902c.js}

@@ -22,7 +22,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-card', ...CardRoot]);
+    const rootStyles = computed(() => ['or-card-v3', ...CardRoot]);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrCardCollection-891b36f7.js → OrCardCollection-8bdbf9b7.js}

@@ -1,12 +1,12 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { s as script$3 } from './OrButton-f5a973f9.js';
-import { s as script$2 } from './OrIconButton-7724ce5c.js';
-import { s as script$6 } from './OrIcon-ea40e58c.js';
-import { s as script$5 } from './OrMenuItem-de91aded.js';
-import { s as script$4 } from './OrMenu-8c333ea1.js';
-import './OrPopover-35ee1b1e.js';
-import { s as script$7 } from './OrSearch-800f436c.js';
-import './OrInputBox-2467d7e4.js';
+import { s as script$3 } from './OrButton-5a850657.js';
+import { s as script$2 } from './OrIconButton-41ee266c.js';
+import { s as script$6 } from './OrIcon-62793572.js';
+import { s as script$5 } from './OrMenuItem-dbee450f.js';
+import { s as script$4 } from './OrMenu-693b2bb8.js';
+import './OrPopover-52250a03.js';
+import { s as script$7 } from './OrSearch-b6a0f0e6.js';
+import './OrInputBox-11389afd.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 
 const CardCollectionRoot = [
@@ -142,7 +142,7 @@ var script = defineComponent({
     const sortMenu = ref();
     const sortButton = ref();
     // Styles
-    const rootStyles = computed(() => ['or-card-collection', ...CardCollectionRoot]);
+    const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollectionRoot]);
     const toolbarStyles = computed(() => [...CardCollectionToolbar]);
     const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
     const sortLabel = computed(() => {

package/dist/esm/v3/{OrCheckbox-78b08b59.js → OrCheckbox-56f849f7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import { s as script$1, L as LabelVariant } from './OrLabel-5a2f55fd.js';
+import { s as script$1, L as LabelVariant } from './OrLabel-4da56db0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -81,7 +81,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-checkbox', ...CheckboxRoot]);
+    const rootStyles = computed(() => ['or-checkbox-v3', ...CheckboxRoot]);
     const controlStyles = computed(() => [...CheckboxControl, ...CheckboxControlHandle]);
     // State
     const controlAttributes = reactive({

package/dist/esm/v3/{OrConfirm-f7550277.js → OrConfirm-8067c5c4.js}

@@ -1,9 +1,9 @@
 import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2, a as ButtonColor } from './OrButton-f5a973f9.js';
-import { s as script$3 } from './OrInput-4557bd87.js';
-import { s as script$1 } from './OrOverlay-55f6cf9c.js';
+import { s as script$2, a as ButtonColor } from './OrButton-5a850657.js';
+import { s as script$3 } from './OrInput-18a1b41a.js';
+import { s as script$1 } from './OrOverlay-7cf03aea.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 
 var ConfirmType;
@@ -198,7 +198,7 @@ var script = defineComponent({
     });
     whenever(logicAnd(enter, isInputActive), () => confirm());
     // Styles
-    const rootStyles = computed(() => ['or-confirm', ...ConfirmRoot]);
+    const rootStyles = computed(() => ['or-confirm-v3', ...ConfirmRoot]);
     const headerStyles = computed(() => [...ConfirmHeader]);
     const inputBoxStyles = computed(() => [...ConfirmInput]);
     const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);

package/dist/esm/v3/{OrEmptyState-cd3a4026.js → OrEmptyState-5349a1f9.js}

@@ -93,7 +93,7 @@ var script = defineComponent({
   },
   setup(props) {
     const root = ref();
-    const rootClasses = computed(() => ['or-empty-state', ...EmptyStateRoot]);
+    const rootClasses = computed(() => ['or-empty-state-v3', ...EmptyStateRoot]);
     const imageClasses = computed(() => ['or-empty-state_image', ...EmptyStateImage, ...EmptyStateImageSizes[props.size]]);
     const headingClasses = computed(() => ['or-empty-state_heading', ...EmptyStateHeading, ...EmptyStateHeadingSizes[props.size]]);
     const textClasses = computed(() => ['or-empty-state_text', ...EmptyStateText, ...EmptyStateTextSizes[props.size]]);

package/dist/esm/v3/{OrError-5e926d62.js → OrError-c01d0c29.js}

@@ -32,7 +32,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-error', ...ErrorRoot]);
+    const rootStyles = computed(() => ['or-error-v3', ...ErrorRoot]);
     const textStyles = computed(() => [...ErrorText]);
     const addonStyles = computed(() => [...ErrorAddon]);
     return {

package/dist/esm/v3/{OrErrorTag-71fe44c2.js → OrErrorTag-ade9192b.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIcon-ea40e58c.js';
+import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot } from 'vue';
 
 const ErrorTagRoot = [
@@ -26,7 +26,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-error-tag', ...ErrorTagRoot]);
+    const rootStyles = computed(() => ['or-error-tag-v3', ...ErrorTagRoot]);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrExpansionPanel-244a52f4.js → OrExpansionPanel-99ca7ed7.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrIcon-ea40e58c.js';
+import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createVNode, toDisplayString, renderSlot, withDirectives, vShow } from 'vue';
 
 var ExpansionPanelVariant;
@@ -96,7 +96,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-expansion-panel', ...ExpansionPanelRoot, ...ExpansionPanelRootVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-expansion-panel-v3', ...ExpansionPanelRoot, ...ExpansionPanelRootVariants[props.variant]]);
     const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
     const addonStyles = computed(() => [...ExpansionPanelAddon]);
     // State

package/dist/esm/v3/{OrFab-6266b4de.js → OrFab-5f5fdd1e.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIcon-ea40e58c.js';
+import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
 
 var FabColor;
@@ -49,7 +49,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-fab', ...FabRoot, ...FabRootColors[props.color]]);
+    const rootStyles = computed(() => ['or-fab-v3', ...FabRoot, ...FabRootColors[props.color]]);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrHint-031f9265.js → OrHint-06ab89d7.js}

@@ -32,7 +32,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-hint', ...HintRoot]);
+    const rootStyles = computed(() => ['or-hint-v3', ...HintRoot]);
     const textStyles = computed(() => [...HintText]);
     const addonStyles = computed(() => [...HintAddon]);
     return {

package/dist/esm/v3/{OrIcon-ea40e58c.js → OrIcon-62793572.js}

@@ -83,7 +83,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-icon', ...IconRoot, ...IconRootVariants[props.variant], ...IconRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-icon-v3', ...IconRoot, ...IconRootVariants[props.variant], ...IconRootSizes[props.size]]);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrIconButton-7724ce5c.js → OrIconButton-41ee266c.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1, I as IconSize } from './OrIcon-ea40e58c.js';
-import { s as script$2 } from './OrTooltip-adece7b6.js';
-import './OrPopover-35ee1b1e.js';
+import { s as script$1, I as IconSize } from './OrIcon-62793572.js';
+import { s as script$2 } from './OrTooltip-02f07fa2.js';
+import './OrPopover-52250a03.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;
@@ -99,7 +99,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-icon-button', ...IconButtonRoot, ...IconButtonRootColors[props.color]]);
+    const rootStyles = computed(() => ['or-icon-button-v3', ...IconButtonRoot, ...IconButtonRootColors[props.color]]);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrInlineInput-d46bd150.js → OrInlineInput-0ebb39b5.js}

@@ -2,10 +2,10 @@ import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { s as script$1 } from './OrError-5e926d62.js';
-import { s as script$2 } from './OrHint-031f9265.js';
-import { s as script$3 } from './OrIconButton-7724ce5c.js';
-import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-09b33e18.js';
+import { s as script$1 } from './OrError-c01d0c29.js';
+import { s as script$2 } from './OrHint-06ab89d7.js';
+import { s as script$3 } from './OrIconButton-41ee266c.js';
+import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -92,7 +92,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-inline-input', ...InlineInputRoot]);
+    const rootStyles = computed(() => ['or-inline-input-v3', ...InlineInputRoot]);
     const controlStyles = computed(() => [...InlineInputControl]);
     const actionStyles = computed(() => [...InlineInputAction, ...InlineInputActionSizes[props.size]]);
     // State

package/dist/esm/v3/{OrInlineInputBox-09b33e18.js → OrInlineInputBox-01fb2cb2.js}

@@ -46,7 +46,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-inline-input-box', ...InlineInputBoxRoot, ...InlineInputBoxRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-inline-input-box-v3', ...InlineInputBoxRoot, ...InlineInputBoxRootSizes[props.size]]);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrInlineTextarea-ed99991c.js → OrInlineTextarea-9fe81d0c.js}

@@ -2,10 +2,10 @@ import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { s as script$1 } from './OrError-5e926d62.js';
-import { s as script$2 } from './OrHint-031f9265.js';
-import { s as script$3 } from './OrIconButton-7724ce5c.js';
-import { s as script$4 } from './OrInlineInputBox-09b33e18.js';
+import { s as script$1 } from './OrError-c01d0c29.js';
+import { s as script$2 } from './OrHint-06ab89d7.js';
+import { s as script$3 } from './OrIconButton-41ee266c.js';
+import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -70,7 +70,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-inline-textarea', ...InlineTextareaRoot]);
+    const rootStyles = computed(() => ['or-inline-textarea-v3', ...InlineTextareaRoot]);
     const controlStyles = computed(() => [...InlineTextareaControl]);
     const actionStyles = computed(() => [...InlineTextareaAction]);
     // State

package/dist/esm/v3/{OrInput-4557bd87.js → OrInput-18a1b41a.js}

@@ -3,13 +3,13 @@ import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute
 import '@vueuse/core';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { s as script$1 } from './OrError-5e926d62.js';
-import { s as script$2 } from './OrHint-031f9265.js';
-import { s as script$4 } from './OrIconButton-7724ce5c.js';
-import { s as script$3 } from './OrIcon-ea40e58c.js';
-import { s as script$5, a as InputBoxSize } from './OrInputBox-2467d7e4.js';
-import { s as script$6 } from './OrLabel-5a2f55fd.js';
-import { s as script$7 } from './OrLoader-18f66bca.js';
+import { s as script$1 } from './OrError-c01d0c29.js';
+import { s as script$2 } from './OrHint-06ab89d7.js';
+import { s as script$4 } from './OrIconButton-41ee266c.js';
+import { s as script$3 } from './OrIcon-62793572.js';
+import { s as script$5, a as InputBoxSize } from './OrInputBox-11389afd.js';
+import { s as script$6 } from './OrLabel-4da56db0.js';
+import { s as script$7 } from './OrLoader-b79022da.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, Fragment, withModifiers, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -110,7 +110,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-input', ...InputRoot]);
+    const rootStyles = computed(() => ['or-input-v3', ...InputRoot]);
     const controlStyles = computed(() => [...InputControl]);
     // State
     const controlAttributes = reactive({

package/dist/esm/v3/{OrInputBox-2467d7e4.js → OrInputBox-11389afd.js}

@@ -85,7 +85,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-input-box', ...InputBoxRoot, ...InputBoxRootVariants[props.variant], ...InputBoxRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-input-box-v3', ...InputBoxRoot, ...InputBoxRootVariants[props.variant], ...InputBoxRootSizes[props.size]]);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrLabel-5a2f55fd.js → OrLabel-4da56db0.js}

@@ -60,7 +60,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-label', ...LabelRoot, ...LabelRootVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-label-v3', ...LabelRoot, ...LabelRootVariants[props.variant]]);
     const textStyles = computed(() => [...LabelText]);
     const addonStyles = computed(() => [...LabelAddon]);
     return {

package/dist/esm/v3/{OrLink-3e5e13d3.js → OrLink-7c4eedf0.js}

@@ -72,7 +72,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-link', ...LinkRoot, ...LinkRootColors[`${props.color}`], props.loading && 'interactivity-none', props.underlined && 'underline hover:no-underline']);
+    const rootStyles = computed(() => ['or-link-v3', ...LinkRoot, ...LinkRootColors[`${props.color}`], props.loading && 'interactivity-none', props.underlined && 'underline hover:no-underline']);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrLoader-18f66bca.js → OrLoader-b79022da.js}

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed } from 'vue-demi';
 import { useElementSize } from '@vueuse/core';
+import { defineComponent, ref, computed } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle } from 'vue';
 
 var LoaderVariant;
@@ -74,7 +74,7 @@ var script = defineComponent({
       width: loaderContainerWidth
     } = useElementSize(root);
     // Styles
-    const rootStyles = computed(() => ['or-loader', ...LoaderRoot, ...LoaderRootColors[props.color]]);
+    const rootStyles = computed(() => ['or-loader-v3', ...LoaderRoot, ...LoaderRootColors[props.color]]);
     const titleStyles = computed(() => [...LoaderTitle]);
     const descriptionStyles = computed(() => [...LoaderDescription]);
     const containerStyles = computed(() => [...LoaderContainer]);

package/dist/esm/v3/{OrMenu-8c333ea1.js → OrMenu-693b2bb8.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-35ee1b1e.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-52250a03.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const MenuRoot = [
@@ -35,7 +35,7 @@ var script = defineComponent({
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-menu', ...MenuRoot]);
+    const rootStyles = computed(() => ['or-menu-v3', ...MenuRoot]);
     // State
     const isOpen = computed(() => {
       var _a;
@@ -65,7 +65,7 @@ var script = defineComponent({
       }) => !!classList).map(({
         classList
       }) => classList);
-      if (classLists.some(classList => classList.contains('or-menu-item'))) {
+      if (classLists.some(classList => classList.contains('or-menu-item-v3'))) {
         close();
       }
     }