@onereach/ui-components 4.19.0-beta.3138.0 → 5.0.0

package/dist/bundled/v2/{isArrayLike-e46b8eac.js → isArrayLike-acf249e3.js}

@@ -1,4 +1,4 @@
-import { i as isFunction_1 } from './eq-95cd2573.js';
+import { i as isFunction_1 } from './eq-fa566495.js';
 
 /** Used as references for various `Number` constants. */
 var MAX_SAFE_INTEGER$1 = 9007199254740991;

package/dist/bundled/v2/{isEqual-44382965.js → isEqual-881b7bb5.js}

@@ -1,4 +1,4 @@
-import { a as _baseIsEqual } from './_baseIsEqual-a1cc156c.js';
+import { a as _baseIsEqual } from './_baseIsEqual-82d7a339.js';
 
 var baseIsEqual = _baseIsEqual;
 

package/dist/bundled/{v3/isObject-fe8b81fd.js → v2/isObject-3a5b854d.js}

@@ -1,4 +1,4 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+import { c as commonjsGlobal } from './_commonjsHelpers-48a9cab9.js';
 
 /**
  * Checks if `value` is object-like. A value is object-like if it's not `null`

package/dist/bundled/{v3/range-6f26eda4.js → v2/range-c87289f7.js}

@@ -1,7 +1,7 @@
-import { e as eq_1 } from './eq-95cd2573.js';
-import { i as isArrayLike_1, _ as _isIndex } from './isArrayLike-e46b8eac.js';
-import { i as isObject_1 } from './isObject-fe8b81fd.js';
-import { a as toFinite_1 } from './toFinite-74227610.js';
+import { e as eq_1 } from './eq-fa566495.js';
+import { i as isArrayLike_1, _ as _isIndex } from './isArrayLike-acf249e3.js';
+import { i as isObject_1 } from './isObject-3a5b854d.js';
+import { a as toFinite_1 } from './toFinite-021b0c50.js';
 
 /* Built-in method references for those with the same name as other `lodash` methods. */
 var nativeCeil = Math.ceil,

package/dist/bundled/{v3/round-f34440f4.js → v2/round-136c7e43.js}

@@ -1,7 +1,7 @@
-import { _ as _root } from './isObject-fe8b81fd.js';
-import { t as toInteger_1 } from './toInteger-2fd112a9.js';
-import { t as toNumber_1 } from './toFinite-74227610.js';
-import { t as toString_1 } from './toString-f3196832.js';
+import { _ as _root } from './isObject-3a5b854d.js';
+import { t as toInteger_1 } from './toInteger-db8a475d.js';
+import { t as toNumber_1 } from './toFinite-021b0c50.js';
+import { t as toString_1 } from './toString-47fa81b4.js';
 
 var root = _root,
   toInteger = toInteger_1,

package/dist/bundled/{v3/toFinite-74227610.js → v2/toFinite-021b0c50.js}

@@ -1,4 +1,4 @@
-import { i as isObject_1, d as isSymbol_1 } from './isObject-fe8b81fd.js';
+import { i as isObject_1, d as isSymbol_1 } from './isObject-3a5b854d.js';
 
 /** Used to match a single whitespace character. */
 var reWhitespace = /\s/;

package/dist/bundled/v2/{toInteger-2fd112a9.js → toInteger-db8a475d.js}

@@ -1,4 +1,4 @@
-import { a as toFinite_1 } from './toFinite-74227610.js';
+import { a as toFinite_1 } from './toFinite-021b0c50.js';
 
 var toFinite = toFinite_1;
 

package/dist/bundled/{v3/toString-f3196832.js → v2/toString-47fa81b4.js}

@@ -1,4 +1,4 @@
-import { a as _Symbol, d as isSymbol_1 } from './isObject-fe8b81fd.js';
+import { a as _Symbol, d as isSymbol_1 } from './isObject-3a5b854d.js';
 
 /**
  * Checks if `value` is classified as an `Array` object.

package/dist/bundled/v2/utils/functions/dom.js

@@ -1,5 +1,6 @@
-export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../../dom-bb55b42a.js';
-import '../../get-ab1b7d93.js';
-import '../../isObject-fe8b81fd.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../../dom-59ac8636.js';
+import '../../get-73ac2f59.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../toString-47fa81b4.js';
+import '../../eq-fa566495.js';

package/dist/bundled/v2/utils/index.js

@@ -3,13 +3,14 @@ export { CODE_BACKSPACE, CODE_BREAK, CODE_DELETE, CODE_DOWN, CODE_END, CODE_ENTE
 export { PLACEMENT_BOTTOM_END, PLACEMENT_BOTTOM_START, PLACEMENT_LEFT_END, PLACEMENT_LEFT_START, PLACEMENT_RIGHT_END, PLACEMENT_RIGHT_START, PLACEMENT_TOP_END, PLACEMENT_TOP_START } from './constants/poper.js';
 export { RX_ABBREVIATION_FROM_STRING, RX_ARRAY_NOTATION, RX_BV_PREFIX, RX_DATE, RX_DATE_SPLIT, RX_DIGITS, RX_ENCODED_COMMA, RX_ENCODE_REVERSE, RX_EXTENSION, RX_HASH, RX_HASH_ID, RX_HREF, RX_HTML_TAGS, RX_HYPHENATE, RX_LONG_COLOR, RX_LOWER_UPPER, RX_NUMBER, RX_PLUS, RX_QUERY_START, RX_REGEXP_REPLACE, RX_SHORT_COLOR, RX_SPACES, RX_SPACE_SPLIT, RX_STAR, RX_START_SPACE_WORD, RX_TIME, RX_TRIM_LEFT, RX_TRIM_RIGHT, RX_UNDERSCORE, RX_UN_KEBAB } from './constants/regex.js';
 export { generateHslFromString, hexToRgb, hslToColorString, rgbToHex } from './functions/color.js';
-export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../dom-bb55b42a.js';
+export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../dom-59ac8636.js';
 export { getHashOfString, normalize } from './functions/hash.js';
 export { pxToRem } from './functions/px-to-rem.js';
 export { getAbbreviation } from './functions/text.js';
 export { isEmpty } from './isEmpty.js';
 export { isEmptyValue } from './isEmptyValue.js';
-import '../isObject-fe8b81fd.js';
-import '../get-ab1b7d93.js';
-import '../toString-f3196832.js';
-import '../eq-95cd2573.js';
+import '../isObject-3a5b854d.js';
+import '../_commonjsHelpers-48a9cab9.js';
+import '../get-73ac2f59.js';
+import '../toString-47fa81b4.js';
+import '../eq-fa566495.js';

package/dist/bundled/v3/{OrAvatar.vue_vue_type_script_lang-4240dd2d.js → OrAvatar.vue_vue_type_script_lang-b0f87dcb.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { OR_AVATAR_SIZE } from './components/OrAvatar/constants.js';
 import './components/OrIcon/OrIcon.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-d95792fd.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a705992d.js';
 
 var script = defineComponent({
   name: 'OrAvatar',

package/dist/bundled/v3/{OrAvatar.vue_vue_type_script_lang-8d7ce473.js → OrAvatar.vue_vue_type_script_lang-bf7bcbe2.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watchPostEffect } from 'vue-demi';
 import { hslToColorString, generateHslFromString } from './utils/functions/color.js';
 import { AvatarSize, AvatarColor } from './components/OrAvatarV3/props.js';
-import { AvatarRoot, AvatarRootSizes, AvatarRootColors, AvatarRootAbbreviationSizes, AvatarRootIconSizes, AvatarImage } from './components/OrAvatarV3/styles.js';
+import { Avatar, AvatarSizes, AvatarIconSizes, AvatarTextSizes, AvatarColors } from './components/OrAvatarV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 
@@ -15,50 +15,43 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
-    size: {
-      type: String,
-      default: AvatarSize.M
-    },
     icon: {
       type: String,
       default: undefined
     },
+    size: {
+      type: String,
+      default: AvatarSize.M
+    },
     color: {
       type: String,
-      default: AvatarColor.auto,
-      required: false
+      default: AvatarColor.Auto
     },
     colorSalt: {
       type: String,
-      default: undefined,
-      required: false
+      default: undefined
     }
   },
   expose: ['root'],
   setup(props) {
     // Refs
     const root = ref();
-    const isIcon = computed(() => {
-      return !props.icon;
-    });
     // Styles
-    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]);
+    const rootStyles = computed(() => ['or-avatar-v3', ...Avatar, ...AvatarSizes[props.size], ...(props.icon ? AvatarIconSizes[props.size] : AvatarTextSizes[props.size]), ...AvatarColors[props.color]]);
     // Effects
     watchPostEffect(() => {
       var _a;
       const rootElement = root.value;
-      if (rootElement && !props.src && props.color === AvatarColor.auto) {
+      if (rootElement && !props.src && props.color === AvatarColor.Auto) {
         Object.assign(rootElement.style, {
-          background: hslToColorString(generateHslFromString((_a = props.colorSalt) !== null && _a !== void 0 ? _a : '')),
-          color: props.color
+          color: props.color,
+          background: hslToColorString(generateHslFromString((_a = props.colorSalt) !== null && _a !== void 0 ? _a : ''))
         });
       }
     });
     return {
       root,
-      rootStyles,
-      imageStyles
+      rootStyles
     };
   }
 });

package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-5422b1c9.js → OrBottomSheet.vue_vue_type_script_lang-d6609a26.js}

@@ -1,10 +1,10 @@
 import { o as onClickOutside } from './index-929e224a.js';
-import { defineComponent, ref, toRef, watch, computed } from 'vue-demi';
-import { BottomSheetVariant } from './components/OrBottomSheetV3/props.js';
-import { BottomSheet, BottomSheetVariants, BottomSheetHandle, BottomSheetHeader, BottomSheetContent } from './components/OrBottomSheetV3/styles.js';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import { BottomSheetVariant } from './components/OrBottomSheetV3/props.js';
+import { BottomSheet, BottomSheetVariants, BottomSheetHandle, BottomSheetHeader } from './components/OrBottomSheetV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-01c9e89b.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-2da128a3.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
 var script = defineComponent({
@@ -29,6 +29,10 @@ var script = defineComponent({
     // Refs
     const root = ref();
     const content = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
+    const handleStyles = computed(() => [...BottomSheetHandle]);
+    const headerStyles = computed(() => [...BottomSheetHeader]);
     // State
     const {
       state,
@@ -61,17 +65,11 @@ var script = defineComponent({
       }
     });
     // #endregion
-    // Styles
-    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
-    const handleStyles = computed(() => [...BottomSheetHandle]);
-    const headerStyles = computed(() => [...BottomSheetHeader]);
-    const contentStyles = computed(() => [...BottomSheetContent, fullscreen.value || props.variant === BottomSheetVariant.Basic ? 'overflow-y-auto' : 'overflow-hidden']);
     return {
       root,
       content,
       rootStyles,
       rootInlineStyles,
-      contentStyles,
       handleStyles,
       headerStyles,
       state,

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-098131d0.js → OrButton.vue_vue_type_script_lang-0791a480.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { ButtonType, ButtonVariant, ButtonColor } from './components/OrButtonV3/props.js';
-import { ButtonRoot, ButtonRootVariants, ButtonRootColors } from './components/OrButtonV3/styles.js';
+import { Button, ButtonVariants, ButtonColors } from './components/OrButtonV3/styles.js';
 import './components/OrLoaderV3/OrLoader.js';
 import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-0395ad21.js';
 
@@ -45,7 +45,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-button-v3', ...ButtonRoot, ...ButtonRootVariants[props.variant], ...ButtonRootColors[`${props.color}-${props.variant}`], props.loading && 'interactivity-none']);
+    const rootStyles = computed(() => ['or-button-v3', ...Button, ...ButtonVariants[props.variant], ...ButtonColors[`${props.color}-${props.variant}`], props.loading && 'interactivity-none']);
     return {
       root,
       rootStyles,

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-67f99fca.js → OrButton.vue_vue_type_script_lang-7b987ea8.js}

@@ -2,7 +2,7 @@ import { defineComponent, isVue3 } from 'vue-demi';
 import { BUTTON_TYPE, BUTTON_COLOR, BUTTON_SIZE, HTML_BUTTON_TYPE } from './components/OrButtonV2/constants.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrLoader/OrLoader.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-d95792fd.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a705992d.js';
 import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-a1fed697.js';
 import { LoaderViews } from './components/OrLoader/constants.js';
 

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-919b5307.js → OrCardCollection.vue_vue_type_script_lang-40124ef0.js}

@@ -1,13 +1,13 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { CardCollectionContent, CardCollectionContentViews, CardCollectionRoot, CardCollectionToolbar, CardCollectionToolbarPanel } from './components/OrCardCollectionV3/styles.js';
+import { CardCollectionContent, CardCollectionContentViews, CardCollection, CardCollectionToolbar, CardCollectionToolbarPanel } from './components/OrCardCollectionV3/styles.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString } from 'vue';
 import { gridView, defaultViewModes } from './components/OrCardCollectionV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrSortingV3/OrSorting.js';
-import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-52845d2b.js';
+import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-a43c7a38.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-962dd29d.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-4076d154.js';
+import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-495149b0.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',
@@ -22,16 +22,17 @@ var script$1 = defineComponent({
     }
   },
   setup(props) {
-    const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
+    // Styles
+    const rootStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
     return {
-      contentStyles
+      rootStyles
     };
   }
 });
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.contentStyles)
+    class: normalizeClass(_ctx.rootStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
     return renderSlot(_ctx.$slots, "item", mergeProps({
       key: item.key || index
@@ -93,7 +94,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollectionRoot]);
+    const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollection]);
     const toolbarStyles = computed(() => [...CardCollectionToolbar]);
     const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
     // State

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-933c8dfb.js → OrCardCollection.vue_vue_type_script_lang-8e3994b3.js}

@@ -4,10 +4,10 @@ import './components/OrCard/OrCard.js';
 import { s as script$1 } from './OrCard.vue_vue_type_script_lang-81561dd8.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrSearch/OrSearch.js';
-import { s as script$3 } from './OrSearch.vue_vue_type_script_lang-84944144.js';
+import { s as script$3 } from './OrSearch.vue_vue_type_script_lang-f7431083.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-d95792fd.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-50b3c75d.js';
+import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-a705992d.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-156ebd5c.js';
 
 var script = defineComponent({
   name: 'OrCardCollection',

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-0954b1a0.js → OrCheckbox.vue_vue_type_script_lang-4ace6532.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import './components/OrIcon/OrIcon.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-d95792fd.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a705992d.js';
 
 var script = defineComponent({
   name: 'OrCheckbox',

package/dist/bundled/v3/{OrCheckboxGroup.vue_vue_type_script_lang-ff3d450b.js → OrCheckboxGroup.vue_vue_type_script_lang-3b25afe5.js}

@@ -1,6 +1,6 @@
 import { defineComponent, toRef } from 'vue-demi';
 import './components/OrCheckboxTreeV3/OrCheckboxTree.js';
-import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-120abecd.js';
+import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-ab30a5c4.js';
 import './components/OrFormGroupV3/OrFormGroup.js';
 import { s as script$2 } from './OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
 import { FormGroupDirection } from './components/OrFormGroupV3/props.js';

package/dist/bundled/v3/{OrCheckboxTree.vue_vue_type_script_lang-120abecd.js → OrCheckboxTree.vue_vue_type_script_lang-ab30a5c4.js}

@@ -7,7 +7,7 @@ import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-eeb6b419.js
 import './components/OrButtonV3/OrButton.js';
 import { u as useToggle } from './index-f4d8e24c.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-098131d0.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-0791a480.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrChip.vue_vue_type_script_lang-484b5796.js → OrChip.vue_vue_type_script_lang-dff95c69.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import './components/OrIcon/OrIcon.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-d95792fd.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a705992d.js';
 
 var script = defineComponent({
   name: 'OrChip',

package/dist/bundled/v3/{OrChips.vue_vue_type_script_lang-97cc2d78.js → OrChips.vue_vue_type_script_lang-87ec7b86.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import './components/OrChip/OrChip.js';
 import { OR_CHIPS_VALUE_PROP, PLACEHOLDER_PROP } from './components/OrChips/constants.js';
-import { s as script$2 } from './OrChip.vue_vue_type_script_lang-484b5796.js';
+import { s as script$2 } from './OrChip.vue_vue_type_script_lang-dff95c69.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, createBlock, createElementVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './components/OrLabel/OrLabel.js';

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-d7bbfeeb.js → OrCode.vue_vue_type_script_lang-65a51d44.js}

@@ -8,11 +8,11 @@ import languages from './components/OrCode/lang.js';
 import theme from './components/OrCode/theme.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrModal/OrModal.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-e41b930b.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-00d3feb3.js';
 import './components/OrError/OrError.js';
 import './components/OrHint/OrHint.js';
 import './components/OrLabel/OrLabel.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-50b3c75d.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-156ebd5c.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-337fbe40.js → OrCode.vue_vue_type_script_lang-a99a2768.js}

@@ -10,10 +10,10 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrModalV3/OrModal.js';
-import { s as script$6 } from './OrModal.vue_vue_type_script_lang-ab5f37a5.js';
+import { s as script$6 } from './OrModal.vue_vue_type_script_lang-9db0be3b.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-4076d154.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';

package/dist/bundled/v3/{OrCollapse.vue_vue_type_script_lang-69503c45.js → OrCollapse.vue_vue_type_script_lang-ff19651e.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue-demi';
 import { pxToRem } from './utils/functions/px-to-rem.js';
-import { o as setStyle, r as requestAF, b as reflow, p as removeStyle, c as cancelAF, t as getBCR } from './dom-bb55b42a.js';
+import { o as setStyle, r as requestAF, b as reflow, p as removeStyle, c as cancelAF, t as getBCR } from './dom-59ac8636.js';
 
 var script = defineComponent({
   name: 'OrCollapse',

package/dist/bundled/v3/{OrColorPicker.vue_vue_type_script_lang-9cb509ed.js → OrColorPicker.vue_vue_type_script_lang-1a7b89dd.js}

@@ -3,7 +3,7 @@ import { defineComponent, ref } from 'vue-demi';
 import { o as onClickOutside } from './index-929e224a.js';
 import defaultPalette from './components/OrColorPicker/utils/defultPalette.js';
 import './components/OrFloating/OrFloating.js';
-import { s as script$1 } from './OrFloating.vue_vue_type_script_lang-6be13add.js';
+import { s as script$1 } from './OrFloating.vue_vue_type_script_lang-c794419a.js';
 import { OrFloatingPlacements } from './components/OrFloating/constants.js';
 import { u as useToggle } from './index-f4d8e24c.js';
 

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-56ec1627.js → OrConfirm.vue_vue_type_script_lang-3f6484d7.js}

@@ -2,14 +2,14 @@ import { a as useMagicKeys, o as onClickOutside } from './index-929e224a.js';
 import { l as logicAnd } from './index-500b3ace.js';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './components/OrConfirmV3/props.js';
-import { ConfirmRoot, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './components/OrConfirmV3/styles.js';
+import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './components/OrConfirmV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-01c9e89b.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-098131d0.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-e0acda07.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-2da128a3.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-0791a480.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-0ddddd27.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 import { w as whenever } from './index-f4d8e24c.js';
 
@@ -131,7 +131,7 @@ var script = defineComponent({
     });
     whenever(logicAnd(enter, isInputActive), () => confirm());
     // Styles
-    const rootStyles = computed(() => ['or-confirm-v3', ...ConfirmRoot]);
+    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
     const headerStyles = computed(() => [...ConfirmHeader]);
     const inputBoxStyles = computed(() => [...ConfirmInput]);
     const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-e5ac5b36.js → OrConfirm.vue_vue_type_script_lang-44206a89.js}

@@ -2,14 +2,14 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { a as useMagicKeys, b as useActiveElement } from './index-929e224a.js';
 import { l as logicAnd } from './index-500b3ace.js';
 import './components/OrButtonV2/OrButton.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-67f99fca.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-7b987ea8.js';
 import './components/OrModal/OrModal.js';
 import './components/OrInput/OrInput.js';
 import { BUTTON_COLOR } from './components/OrButtonV2/constants.js';
 import { OrModalSizes } from './components/OrModal/constants.js';
 import { w as whenever } from './index-f4d8e24c.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-e41b930b.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-863d3195.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-00d3feb3.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-4f4792c2.js';
 
 var script = defineComponent({
   name: 'OrConfirm',

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-2bbcd3a7.js → OrDatePicker.vue_vue_type_script_lang-15cde361.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-b71d3a6e.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-dec42484.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-47d89402.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-d9eef487.js';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
@@ -15,10 +15,10 @@ import { DropdownOpen } from './directives/dropdown-open.js';
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-4076d154.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-34d4d57f.js';
+import { s as script$d } from './OrPopover.vue_vue_type_script_lang-cc1ee134.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-47b19549.js → OrDateTimePicker.vue_vue_type_script_lang-522aa936.js}

@@ -1,9 +1,9 @@
-import { _ as _baseToString, t as toString_1 } from './toString-f3196832.js';
+import { _ as _baseToString, t as toString_1 } from './toString-47fa81b4.js';
 import { _ as _baseProperty } from './_baseProperty-a52739e9.js';
-import { t as toInteger_1 } from './toInteger-2fd112a9.js';
+import { t as toInteger_1 } from './toInteger-db8a475d.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { o as onClickOutside } from './index-929e224a.js';
-import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-bb55b42a.js';
+import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-59ac8636.js';
 import { pxToRem } from './utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './components/OrDateTimePicker/constants.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString } from 'vue';
@@ -14,12 +14,12 @@ import './components/OrError/OrError.js';
 import './components/OrHint/OrHint.js';
 import './components/OrCollapse/OrCollapse.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$2 } from './OrFloating.vue_vue_type_script_lang-6be13add.js';
+import { s as script$2 } from './OrFloating.vue_vue_type_script_lang-c794419a.js';
 import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5eb3ee22.js';
-import { s as script$6 } from './OrCollapse.vue_vue_type_script_lang-69503c45.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-50b3c75d.js';
+import { s as script$6 } from './OrCollapse.vue_vue_type_script_lang-ff19651e.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-156ebd5c.js';
 
 /** Used as references for various `Number` constants. */
 var MAX_SAFE_INTEGER = 9007199254740991;

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-eb6e51c9.js → OrDateTimePicker.vue_vue_type_script_lang-e3f9a844.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-b71d3a6e.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-dec42484.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-ae24d04e.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-47d89402.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-d9eef487.js';
+import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-4c47cc2f.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
@@ -15,10 +15,10 @@ import './components/OrPopoverV3/OrPopover.js';
 import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-4076d154.js';
+import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-34d4d57f.js';
+import { s as script$f } from './OrPopover.vue_vue_type_script_lang-cc1ee134.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrDateTimePickerMonthSelect-b71d3a6e.js → OrDateTimePickerMonthSelect-47d89402.js}

@@ -3,14 +3,14 @@ import { useDatePlaceholder } from './components/OrDateTimePickerV3/hooks/useDat
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode } from 'vue';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-098131d0.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-0791a480.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$4 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-4076d154.js';
-import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-3485cc7b.js';
+import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-da2a6044.js';
+import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-6d3459d2.js';
 import { s as script$7 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 
 const DateTimePickerDateControl = [

package/dist/bundled/v3/{OrDateTimePickerPopoverHeader-dec42484.js → OrDateTimePickerPopoverHeader-d9eef487.js}

@@ -3,7 +3,7 @@ import './components/OrLabelV3/OrLabel.js';
 import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, renderSlot, withModifiers } from 'vue';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$4 } from './OrButton.vue_vue_type_script_lang-098131d0.js';
+import { s as script$4 } from './OrButton.vue_vue_type_script_lang-0791a480.js';
 
 const DateTimePickerMobileControl = [
 // Layout

package/dist/bundled/v3/{OrDateTimePickerTimeSelect-ae24d04e.js → OrDateTimePickerTimeSelect-4c47cc2f.js}

@@ -4,7 +4,7 @@ import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, createCommentVNode } from 'vue';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-098131d0.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-0791a480.js';
 
 const DateTimePickerTimeControl = [
 // Layout

package/dist/bundled/v3/{OrFloating.vue_vue_type_script_lang-6be13add.js → OrFloating.vue_vue_type_script_lang-c794419a.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, nextTick } from 'vue-demi';
 import { a as autoUpdate, c as computePosition, o as offset, h as hide, f as flip, s as shift } from './floating-ui.dom.esm-83eba816.js';
 import script$1 from './components/OrTeleport/OrTeleport.js';
 import { OrFloatingPlacements, OrFloatingHideStrategy } from './components/OrFloating/constants.js';
-import { x as getMaxZIndex, u as getCS } from './dom-bb55b42a.js';
+import { x as getMaxZIndex, u as getCS } from './dom-59ac8636.js';
 
 var script = defineComponent({
   name: 'OrFloating',