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

package/dist/esm/v3/{OrMenuItem-de91aded.js → OrMenuItem-dbee450f.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, createBlock, normalizeProps, mergeProps, createCommentVNode, createElementVNode, renderSlot } from 'vue';
 
 const MenuItemRoot = [
@@ -43,7 +43,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-menu-item', ...MenuItemRoot]);
+    const rootStyles = computed(() => ['or-menu-item-v3', ...MenuItemRoot]);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrModal-baeb5b91.js → OrModal-18b6a0d2.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-7724ce5c.js';
-import { s as script$1 } from './OrOverlay-55f6cf9c.js';
+import { s as script$2 } from './OrIconButton-41ee266c.js';
+import { s as script$1 } from './OrOverlay-7cf03aea.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var ModalSize;
@@ -65,7 +65,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-modal', ...ModalRoot, ...ModalRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-modal-v3', ...ModalRoot, ...ModalRootSizes[props.size]]);
     const headerStyles = computed(() => [...ModalHeader]);
     // State
     const isActive = ref(false);

package/dist/esm/v3/{OrNotification-11f5fb49.js → OrNotification-b8a59ce3.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-7724ce5c.js';
-import { s as script$1 } from './OrIcon-ea40e58c.js';
+import { s as script$2 } from './OrIconButton-41ee266c.js';
+import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 
 var NotificationVariant;
@@ -85,7 +85,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-notification', ...NotificationRoot, ...NotificationRootVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-notification-v3', ...NotificationRoot, ...NotificationRootVariants[props.variant]]);
     const iconStyles = computed(() => [...NotificationIcon, ...NotificationIconVariants[props.variant]]);
     // State
     const icon = computed(() => {

package/dist/esm/v3/{OrOverlay-55f6cf9c.js → OrOverlay-7cf03aea.js}

@@ -29,7 +29,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-overlay', ...OverlayRoot]);
+    const rootStyles = computed(() => ['or-overlay-v3', ...OverlayRoot]);
     // Effects
     // #region Elevation
     useElevation(root);

package/dist/esm/v3/{OrPagination-4fae9ef0.js → OrPagination-9f8380a9.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import '@vueuse/core';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { s as script$1 } from './OrButton-f5a973f9.js';
-import { s as script$2 } from './OrIcon-ea40e58c.js';
-import { s as script$4 } from './OrMenuItem-de91aded.js';
-import { s as script$3 } from './OrMenu-8c333ea1.js';
-import './OrPopover-35ee1b1e.js';
+import { s as script$1 } from './OrButton-5a850657.js';
+import { s as script$2 } from './OrIcon-62793572.js';
+import { s as script$4 } from './OrMenuItem-dbee450f.js';
+import { s as script$3 } from './OrMenu-693b2bb8.js';
+import './OrPopover-52250a03.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [
@@ -79,7 +79,7 @@ var script = defineComponent({
       return (_a = limitMenu.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-pagination', ...PaginationRoot]);
+    const rootStyles = computed(() => ['or-pagination-v3', ...PaginationRoot]);
     const offsetControlStyles = computed(() => [...PaginationOffsetControl]);
     const limitControlStyles = computed(() => [...PaginationLimitControl]);
     const itemStyles = computed(() => [...PaginationItem]);

package/dist/esm/v3/{OrPopover-35ee1b1e.js → OrPopover-52250a03.js}

@@ -3,7 +3,7 @@ import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
 import { u as useElevation } from './useElevation-92fce12c.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { s as script$1 } from './OrBottomSheet-9c291056.js';
+import { s as script$1 } from './OrBottomSheet-0f24ecae.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 
@@ -116,7 +116,7 @@ var script = defineComponent({
       return (_a = bottomSheet.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-popover', ...PopoverRoot]);
+    const rootStyles = computed(() => ['or-popover-v3', ...PopoverRoot]);
     const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
     // State
     const state = ref('closed');

package/dist/esm/v3/{OrProgress-2fea3fd7.js → OrProgress-33cf7445.js}

@@ -167,7 +167,7 @@ var script = defineComponent({
     });
     const computedSize = computed(() => isMobile.value ? 20 : 16);
     // Styles
-    const rootStyles = computed(() => ['or-progress', ...ProgressRoot, ...ProgressRootTypes[props.type]]);
+    const rootStyles = computed(() => ['or-progress-v3', ...ProgressRoot, ...ProgressRootTypes[props.type]]);
     const headerStyles = computed(() => [...ProgressHeader]);
     const labelStyles = computed(() => [...ProgressHeaderLabel]);
     const percentStyles = computed(() => [...ProgressHeaderPercent]);

package/dist/esm/v3/{OrRadio-2ab7b845.js → OrRadio-a890ee7c.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, vModelRadio, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -77,7 +77,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-radio', ...RadioRoot]);
+    const rootStyles = computed(() => ['or-radio-v3', ...RadioRoot]);
     const controlStyles = computed(() => [...RadioControl, ...RadioControlHandle]);
     // State
     const controlAttributes = reactive({

package/dist/esm/v3/{OrSearch-800f436c.js → OrSearch-b6a0f0e6.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-4557bd87.js';
-import { a as InputBoxSize } from './OrInputBox-2467d7e4.js';
+import { s as script$1 } from './OrInput-18a1b41a.js';
+import { a as InputBoxSize } from './OrInputBox-11389afd.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 
 var script = defineComponent({
@@ -43,7 +43,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-search']);
+    const rootStyles = computed(() => ['or-search-v3']);
     // State
     const localModelValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
     // Events

package/dist/esm/v3/{OrSegmentedControl-880b4911.js → OrSegmentedControl-4587c7a9.js}

@@ -51,7 +51,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-segmented-control-item', ...SegmentedControlItemRoot, ...SegmentedControlItemRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-segmented-control-item-v3', ...SegmentedControlItemRoot, ...SegmentedControlItemRootSizes[props.size]]);
     // Handlers
     function onClick(event) {
       if (isVue2) {
@@ -136,7 +136,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-segmented-control', ...SegmentedControlRoot, ...SegmentedControlRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-segmented-control-v3', ...SegmentedControlRoot, ...SegmentedControlRootSizes[props.size]]);
     // State
     const proxyModelValue = computed({
       get: () => props.modelValue,

package/dist/esm/v3/{OrSelect-5ab9cc3a.js → OrSelect-c3a50846.js}

@@ -2,17 +2,17 @@ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch }
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import { u as useOverflow } from './useOverflow-af6161c8.js';
 import '@vueuse/core';
-import { s as script$1 } from './OrCheckbox-78b08b59.js';
-import { s as script$2 } from './OrError-5e926d62.js';
-import { s as script$3 } from './OrExpansionPanel-244a52f4.js';
-import { s as script$4 } from './OrHint-031f9265.js';
-import { s as script$5 } from './OrIcon-ea40e58c.js';
-import { s as script$7, a as InputBoxSize } from './OrInputBox-2467d7e4.js';
-import { s as script$6 } from './OrInput-4557bd87.js';
-import { s as script$8 } from './OrLabel-5a2f55fd.js';
-import { s as script$9 } from './OrMenuItem-de91aded.js';
-import { s as script$a } from './OrPopover-35ee1b1e.js';
-import { s as script$b } from './OrTag-bbc516fd.js';
+import { s as script$1 } from './OrCheckbox-56f849f7.js';
+import { s as script$2 } from './OrError-c01d0c29.js';
+import { s as script$3 } from './OrExpansionPanel-99ca7ed7.js';
+import { s as script$4 } from './OrHint-06ab89d7.js';
+import { s as script$5 } from './OrIcon-62793572.js';
+import { s as script$7, a as InputBoxSize } from './OrInputBox-11389afd.js';
+import { s as script$6 } from './OrInput-18a1b41a.js';
+import { s as script$8 } from './OrLabel-4da56db0.js';
+import { s as script$9 } from './OrMenuItem-dbee450f.js';
+import { s as script$a } from './OrPopover-52250a03.js';
+import { s as script$b } from './OrTag-43ca7029.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 
 const SelectRoot = [
@@ -173,7 +173,7 @@ var script = defineComponent({
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-select', ...SelectRoot]);
+    const rootStyles = computed(() => ['or-select-v3', ...SelectRoot]);
     const controlStyles = computed(() => [...SelectControl]);
     const placeholderStyles = computed(() => [...SelectPlaceholder]);
     const dropdownStyles = computed(() => [...SelectDropdown]);

package/dist/esm/v3/{OrSidebar-89a1a397.js → OrSidebar-22253d76.js}

@@ -1,7 +1,7 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import _ from 'lodash';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton-69c64fef.js';
+import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton-5154e452.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [
@@ -188,7 +188,7 @@ var script = defineComponent({
     const sidebarStyle = computed(() => ({
       width: (isCollapsed.value ? 16 : localWidth.value) + 'px'
     }));
-    const rootStyles = computed(() => ['or-sidebar', ...SidebarRoot]);
+    const rootStyles = computed(() => ['or-sidebar-v3', ...SidebarRoot]);
     const sidebarStyles = computed(() => [...SidebarBar, ...SidebarSides[props.side]]);
     const toolbarStyles = computed(() => [...SidebarToolbar, ...(props.collapsible ? CollapsibleSidebarToolbar : []), ...SidebarToolbarSides[props.side]]);
     const resizeStyles = computed(() => [...SidebarResize, ...SidebarResizeSides[props.side], ...(isResizing.value ? SidebarResizingSides[props.side] : [])]);

package/dist/esm/v3/{OrSidebarCollapseButton-69c64fef.js → OrSidebarCollapseButton-5154e452.js}

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-7724ce5c.js';
+import { s as script$1 } from './OrIconButton-41ee266c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
 
 var OrSidebarPlacement;
@@ -60,7 +60,7 @@ var script = defineComponent({
   setup(props) {
     // Refs
     const root = ref();
-    const rootStyles = computed(() => ['or-sidebar-collapse-button', ...CollapseButtonContainer]);
+    const rootStyles = computed(() => ['or-sidebar-collapse-button-v3', ...CollapseButtonContainer]);
     const buttonStyles = computed(() => [...CollapseButton]);
     const icon = computed(() => props.side === OrSidebarPlacement.left !== props.modelValue ? 'keyboard_arrow_left' : 'keyboard_arrow_right');
     return {

package/dist/esm/v3/{OrSkeletonText-afd3d007.js → OrSkeletonText-718a89f0.js}

@@ -55,7 +55,7 @@ var script$2 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-skeleton', 'or-skeleton-circle', ...SkeletonRoot, ...SkeletonCircle, ...(props.animated ? SkeletonAnimated : [])]);
+    const rootStyles = computed(() => ['or-skeleton-v3', 'or-skeleton-circle', ...SkeletonRoot, ...SkeletonCircle, ...(props.animated ? SkeletonAnimated : [])]);
     const rootStyle = computed(() => {
       var _a;
       const size = (_a = props.size) !== null && _a !== void 0 ? _a : 40; // 40px - medium OrAvatar
@@ -110,7 +110,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-skeleton', 'or-skeleton-rect', ...SkeletonRoot, ...SkeletonRect, ...(props.animated ? SkeletonAnimated : [])]);
+    const rootStyles = computed(() => ['or-skeleton-v3', 'or-skeleton-rect', ...SkeletonRoot, ...SkeletonRect, ...(props.animated ? SkeletonAnimated : [])]);
     const rootStyle = computed(() => {
       var _a, _b;
       const width = (_a = props.width) !== null && _a !== void 0 ? _a : '100%';
@@ -181,7 +181,7 @@ var script = defineComponent({
         'width': _.isNumber(width) ? pxToRem(width) : width
       };
     });
-    const rowStyles = computed(() => ['or-skeleton', 'or-skeleton-text', ...SkeletonRoot, ...SkeletonText, ...(props.animated ? SkeletonAnimated : [])]);
+    const rowStyles = computed(() => ['or-skeleton-v3', 'or-skeleton-text', ...SkeletonRoot, ...SkeletonText, ...(props.animated ? SkeletonAnimated : [])]);
     const rowStyle = computed(() => {
       var _a, _b;
       const height = (_a = props.fontSize) !== null && _a !== void 0 ? _a : 16;

package/dist/esm/v3/{OrSortHeader-f66dcb37.js → OrSortHeader-54d85a25.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, withModifiers, renderSlot, createBlock, createCommentVNode } from 'vue';
 
 const SortHeaderRoot = [
@@ -41,7 +41,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-sort-header', ...SortHeaderRoot]);
+    const rootStyles = computed(() => ['or-sort-header-v3', ...SortHeaderRoot]);
     // State
     const proxyModelValue = computed({
       get: () => props.modelValue,

package/dist/esm/v3/{OrSwitch-00d21fb8.js → OrSwitch-97096491.js}

@@ -1,8 +1,8 @@
 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$2 } from './OrLoader-18f66bca.js';
+import { s as script$1, L as LabelVariant } from './OrLabel-4da56db0.js';
+import { s as script$2 } from './OrLoader-b79022da.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, mergeProps, vModelCheckbox, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -103,7 +103,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-switch', ...SwitchRoot]);
+    const rootStyles = computed(() => ['or-switch-v3', ...SwitchRoot]);
     const controlStyles = computed(() => [...SwitchControl, ...SwitchControlHandle]);
     const loaderStyles = computed(() => [...SwitchLoader, ...SwitchLoaderHandle]);
     // State

package/dist/esm/v3/{OrTab-2206d2dc.js → OrTab-c11d94f6.js}

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

package/dist/esm/v3/{OrTabs-d6c6bc39.js → OrTabs-6ee4b984.js}

@@ -1,10 +1,10 @@
 import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
-import { s as script$1 } from './OrIcon-ea40e58c.js';
-import { s as script$3 } from './OrMenuItem-de91aded.js';
-import { s as script$2 } from './OrMenu-8c333ea1.js';
-import './OrPopover-35ee1b1e.js';
-import { s as script$4 } from './OrTab-2206d2dc.js';
+import { s as script$1 } from './OrIcon-62793572.js';
+import { s as script$3 } from './OrMenuItem-dbee450f.js';
+import { s as script$2 } from './OrMenu-693b2bb8.js';
+import './OrPopover-52250a03.js';
+import { s as script$4 } from './OrTab-c11d94f6.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 
 var TabsVariant;
@@ -74,7 +74,7 @@ var script = defineComponent({
       return (_a = overflowMenu.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-tabs', ...TabsRoot, ...TabsRootVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-tabs-v3', ...TabsRoot, ...TabsRootVariants[props.variant]]);
     // State
     const tabs = reactive({
       normal: [],

package/dist/esm/v3/{OrTag-bbc516fd.js → OrTag-43ca7029.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-7724ce5c.js';
+import { s as script$1 } from './OrIconButton-41ee266c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;
@@ -68,7 +68,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-tag', ...TagRoot, ...TagRootVariants[props.variant], ...(!custom.value ? TagRootColors[props.color] : [])]);
+    const rootStyles = computed(() => ['or-tag-v3', ...TagRoot, ...TagRootVariants[props.variant], ...(!custom.value ? TagRootColors[props.color] : [])]);
     // State
     const custom = computed(() => {
       return !['default', 'danger'].includes(props.color);

package/dist/esm/v3/{OrText-a3b00048.js → OrText-de6b2fe2.js}

@@ -49,7 +49,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-text', ...TextRoot]);
+    const rootStyles = computed(() => ['or-text-v3', ...TextRoot]);
     const mainTextStyles = computed(() => [...MainText]);
     const restTextStyles = computed(() => [...RestText]);
     /**

package/dist/esm/v3/{OrTextarea-f10160cb.js → OrTextarea-08b22d36.js}

@@ -2,10 +2,10 @@ import { defineComponent, ref, computed, reactive } 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, a as InputBoxSize } from './OrInputBox-2467d7e4.js';
-import { s as script$4 } from './OrLabel-5a2f55fd.js';
+import { s as script$1 } from './OrError-c01d0c29.js';
+import { s as script$2 } from './OrHint-06ab89d7.js';
+import { s as script$3, a as InputBoxSize } from './OrInputBox-11389afd.js';
+import { s as script$4 } from './OrLabel-4da56db0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -79,7 +79,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-textarea', ...TextareaRoot]);
+    const rootStyles = computed(() => ['or-textarea-v3', ...TextareaRoot]);
     const controlStyles = computed(() => [...TextareaControl]);
     // State
     const controlAttributes = reactive({

package/dist/esm/v3/{OrTooltip-adece7b6.js → OrTooltip-02f07fa2.js}

@@ -1,6 +1,6 @@
 import { useDebounceFn, useElementHover } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } 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, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const TooltipRoot = [
@@ -74,7 +74,7 @@ var script = defineComponent({
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-tooltip', ...TooltipRoot]);
+    const rootStyles = computed(() => ['or-tooltip-v3', ...TooltipRoot]);
     const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
     // Methods
     const open = useDebounceFn(() => {

package/dist/esm/v3/components/index.js

@@ -1,101 +1,101 @@
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-986baa65.js';
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-0dbd8be8.js';
-export { s as OrBottomSheetV3 } from '../OrBottomSheet-9c291056.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-1ebca2e8.js';
+export { s as OrBottomSheetV3 } from '../OrBottomSheet-0f24ecae.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-fca9019a.js';
 export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2, a as OrIconButton } from '../OrIconButton-e6e83eae.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-f5a973f9.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-5a850657.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-70131a12.js';
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-891b36f7.js';
-export { s as OrCardV3 } from '../OrCard-cd6af82e.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-8bdbf9b7.js';
+export { s as OrCardV3 } from '../OrCard-cc82902c.js';
 export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem-a3a855e8.js';
 export { s as OrCheckbox } from '../OrCheckbox-8d8887ea.js';
-export { s as OrCheckboxV3 } from '../OrCheckbox-78b08b59.js';
+export { s as OrCheckboxV3 } from '../OrCheckbox-56f849f7.js';
 export { s as OrChip, a as OrChips } from '../OrChips-d6227d21.js';
 export { s as OrCode, O as OrCodeLanguages } from '../OrCode-b5822f4e.js';
 export { s as OrCollapse } from '../OrCollapse-37a52e8f.js';
 export { s 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-9a149e6b.js';
 export { s as OrConfirm } from '../OrConfirm-f408faf5.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-f7550277.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-8067c5c4.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-30749526.js';
 export { s as OrError } from '../OrError-f90296db.js';
-export { s as OrErrorTagV3 } from '../OrErrorTag-71fe44c2.js';
-export { s as OrErrorV3 } from '../OrError-5e926d62.js';
-export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-cd3a4026.js';
-export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-244a52f4.js';
-export { F as FabColor, s as OrFabV3 } from '../OrFab-6266b4de.js';
+export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
+export { s as OrErrorV3 } from '../OrError-c01d0c29.js';
+export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
+export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-99ca7ed7.js';
+export { F as FabColor, s as OrFabV3 } from '../OrFab-5f5fdd1e.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-291c7653.js';
 export { s as OrHint } from '../OrHint-1414c530.js';
-export { s as OrHintV3 } from '../OrHint-031f9265.js';
+export { s as OrHintV3 } from '../OrHint-06ab89d7.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-ed3e10b4.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-7724ce5c.js';
-export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-ea40e58c.js';
-export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-09b33e18.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-d46bd150.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-41ee266c.js';
+export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-62793572.js';
+export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-01fb2cb2.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-0ebb39b5.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-328c89ca.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-ed99991c.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-2467d7e4.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-4557bd87.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-9fe81d0c.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-11389afd.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-18a1b41a.js';
 export { s as OrInput } from '../OrInput-0dbd5a01.js';
 export { s as OrLabel } from '../OrLabel-876f8729.js';
-export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-5a2f55fd.js';
-export { L as LinkColor, s as OrLinkV3 } from '../OrLink-3e5e13d3.js';
+export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-4da56db0.js';
+export { L as LinkColor, s as OrLinkV3 } from '../OrLink-7c4eedf0.js';
 export { s as OrList } from '../OrList-3c73e593.js';
 export { s as OrListOfInputs } from '../OrListOfInputs-5a834c95.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-15174477.js';
-export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-18f66bca.js';
-export { s as OrMenuItemV3 } from '../OrMenuItem-de91aded.js';
-export { s as OrMenuV3 } from '../OrMenu-8c333ea1.js';
-export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-35ee1b1e.js';
+export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-b79022da.js';
+export { s as OrMenuItemV3 } from '../OrMenuItem-dbee450f.js';
+export { s as OrMenuV3 } from '../OrMenu-693b2bb8.js';
+export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-52250a03.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-f3b2e0f4.js';
-export { M as ModalSize, s as OrModalV3 } from '../OrModal-baeb5b91.js';
+export { M as ModalSize, s as OrModalV3 } from '../OrModal-18b6a0d2.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-6d2e0cf5.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-11f5fb49.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-b8a59ce3.js';
 export { s as OrNumberInput } from '../OrNumberInput-dca5e850.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-08626d66.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
-export { s as OrOverlayV3 } from '../OrOverlay-55f6cf9c.js';
+export { s as OrOverlayV3 } from '../OrOverlay-7cf03aea.js';
 export { s as OrPassword } from '../OrPassword-4a37f3ac.js';
-export { s as OrPaginationV3 } from '../OrPagination-4fae9ef0.js';
+export { s as OrPaginationV3 } from '../OrPagination-9f8380a9.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-d0d52c86.js';
-export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-2fea3fd7.js';
+export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-33cf7445.js';
 export { s as OrRadio } from '../OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
-export { s as OrRadioV3 } from '../OrRadio-2ab7b845.js';
+export { s as OrRadioV3 } from '../OrRadio-a890ee7c.js';
 export { s as OrSearch } from '../OrSearch-1f80760e.js';
-export { s as OrSearchV3 } from '../OrSearch-800f436c.js';
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-880b4911.js';
+export { s as OrSearchV3 } from '../OrSearch-b6a0f0e6.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-4587c7a9.js';
 export { s as OrSelect } from '../OrSelect-88e5dfaf.js';
-export { s as OrSelectV3 } from '../OrSelect-5ab9cc3a.js';
+export { s as OrSelectV3 } from '../OrSelect-c3a50846.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
-export { s as OrSidebarV3 } from '../OrSidebar-89a1a397.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-69c64fef.js';
+export { s as OrSidebarV3 } from '../OrSidebar-22253d76.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-5154e452.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-0546754d.js';
-export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-afd3d007.js';
+export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-718a89f0.js';
 export { s as OrSlider } from '../OrSlider-858576e2.js';
-export { s as OrSortHeaderV3 } from '../OrSortHeader-f66dcb37.js';
+export { s as OrSortHeaderV3 } from '../OrSortHeader-54d85a25.js';
 export { s as OrStepper } from '../OrStepper-cf0598d6.js';
 export { s as OrSwitch } from '../OrSwitch-c333ee32.js';
-export { s as OrSwitchV3 } from '../OrSwitch-00d21fb8.js';
+export { s as OrSwitchV3 } from '../OrSwitch-97096491.js';
 export { s as OrTab } from '../OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-d668cc59.js';
-export { s as OrTabV3 } from '../OrTab-2206d2dc.js';
+export { s as OrTabV3 } from '../OrTab-c11d94f6.js';
 export { s as OrTabs } from '../OrTabs-d3812c11.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-d6c6bc39.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-6ee4b984.js';
 export { s as OrTag } from '../OrTag-2192a3cf.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-bbc516fd.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-43ca7029.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
-export { s as OrTextV3 } from '../OrText-a3b00048.js';
+export { s as OrTextV3 } from '../OrText-de6b2fe2.js';
 export { s as OrTextarea } from '../OrTextarea-de1ecb0f.js';
-export { s as OrTextareaV3 } from '../OrTextarea-f10160cb.js';
+export { s as OrTextareaV3 } from '../OrTextarea-08b22d36.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-b025d6e4.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-70cd8d1d.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, s as OrToastV3, t as TypesV3 } from '../types-32bb1df4.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-9ab3399d.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from '../OrTooltip-8d7385bc.js';
-export { s as OrTooltipV3 } from '../OrTooltip-adece7b6.js';
+export { s as OrTooltipV3 } from '../OrTooltip-02f07fa2.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';

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

@@ -1,5 +1,5 @@
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-0dbd8be8.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-1ebca2e8.js';
 import 'vue-demi';
 import '../../color-1f348774.js';
-import '../../OrIcon-ea40e58c.js';
+import '../../OrIcon-62793572.js';
 import 'vue';

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

@@ -1,7 +1,7 @@
-export { s as OrBottomSheetV3 } from '../../OrBottomSheet-9c291056.js';
+export { s as OrBottomSheetV3 } from '../../OrBottomSheet-0f24ecae.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../../OrOverlay-55f6cf9c.js';
+import '../../OrOverlay-7cf03aea.js';
 import '../../useElevation-92fce12c.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import 'vue';

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

@@ -1,5 +1,5 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton-f5a973f9.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton-5a850657.js';
 import 'vue-demi';
-import '../../OrLoader-18f66bca.js';
+import '../../OrLoader-b79022da.js';
 import '@vueuse/core';
 import 'vue';