@onereach/ui-components 8.8.2 → 8.8.3-beta.3734.0

package/dist/bundled/v2/components/OrSidebarV3/styles.js

@@ -1,2 +1,2 @@
-import '../OrResizeablePanelV3-88569588.js';
-export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-4acea1c4.js';
+import '../OrResizeablePanelV3-f4ce7fb9.js';
+export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-106c9980.js';

package/dist/bundled/v2/components/{OrSidebarV3-4acea1c4.js → OrSidebarV3-106c9980.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { R as ResizeablePanelPadding, _ as __vue_component__$1 } from './OrResizeablePanelV3-88569588.js';
-import { t as usePopoverState } from './OrBottomSheetV3-4331a82e.js';
-import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
+import { R as ResizeablePanelPadding, _ as __vue_component__$1 } from './OrResizeablePanelV3-f4ce7fb9.js';
+import { t as usePopoverState } from './OrBottomSheetV3-1f68afd8.js';
+import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
 var SidebarPlacement;
 (function (SidebarPlacement) {

package/dist/bundled/v2/components/OrSkeleton/constants.js

@@ -1 +1 @@
-export { O as OrSkeletonTextSizes } from '../OrSkeleton-3b4eca6a.js';
+export { O as OrSkeletonTextSizes } from '../OrSkeleton-34e51588.js';

package/dist/bundled/v2/components/OrSkeleton/index.js

@@ -1 +1 @@
-export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-3b4eca6a.js';
+export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-34e51588.js';

package/dist/bundled/v2/components/{OrSkeleton-3b4eca6a.js → OrSkeleton-34e51588.js}

@@ -1,8 +1,8 @@
-import { p as pxToRem, H as eq_1, x as isObject_1 } from './OrBottomSheetV3-4331a82e.js';
+import { p as pxToRem, H as eq_1, x as isObject_1 } from './OrBottomSheetV3-1f68afd8.js';
 import { defineComponent } from 'vue-demi';
-import { a as isArrayLike_1, e as _isIndex } from './OrList-8e8833ec.js';
-import { b as toFinite_1 } from './OrDateTimePicker-70d5f894.js';
-import { s as styleInject, n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
+import { a as isArrayLike_1, e as _isIndex } from './OrList-e5d4dfc0.js';
+import { b as toFinite_1 } from './OrDateTimePicker-7a45a503.js';
+import { s as styleInject, n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
 var script$2 = defineComponent({
   name: 'OrSkeletonCircle',

package/dist/bundled/v2/components/OrSkeletonCircle/OrSkeletonCircle.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrSkeleton-3b4eca6a.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { _ as default } from '../OrSkeleton-34e51588.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrSkeletonCircle/index.js

@@ -1 +1 @@
-export { _ as OrSkeletonCircle, O as OrSkeletonTextSizes } from '../OrSkeleton-3b4eca6a.js';
+export { _ as OrSkeletonCircle, O as OrSkeletonTextSizes } from '../OrSkeleton-34e51588.js';

package/dist/bundled/v2/components/OrSkeletonCircleV3/OrSkeletonCircle.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrSkeletonV3-4bd38982.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { _ as default } from '../OrSkeletonV3-9cb7dce4.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrSkeletonCircleV3/index.js

@@ -1 +1 @@
-export { _ as OrSkeletonCircleV3 } from '../OrSkeletonV3-4bd38982.js';
+export { _ as OrSkeletonCircleV3 } from '../OrSkeletonV3-9cb7dce4.js';

package/dist/bundled/v2/components/OrSkeletonRect/OrSkeletonRect.js

@@ -1,2 +1,2 @@
-export { a as default } from '../OrSkeleton-3b4eca6a.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { a as default } from '../OrSkeleton-34e51588.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrSkeletonRect/index.js

@@ -1 +1 @@
-export { a as OrSkeletonRect, O as OrSkeletonTextSizes } from '../OrSkeleton-3b4eca6a.js';
+export { a as OrSkeletonRect, O as OrSkeletonTextSizes } from '../OrSkeleton-34e51588.js';

package/dist/bundled/v2/components/OrSkeletonRectV3/OrSkeletonRect.js

@@ -1,2 +1,2 @@
-export { a as default } from '../OrSkeletonV3-4bd38982.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { a as default } from '../OrSkeletonV3-9cb7dce4.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrSkeletonRectV3/index.js

@@ -1 +1 @@
-export { a as OrSkeletonRectV3 } from '../OrSkeletonV3-4bd38982.js';
+export { a as OrSkeletonRectV3 } from '../OrSkeletonV3-9cb7dce4.js';

package/dist/bundled/v2/components/OrSkeletonText/OrSkeletonText.js

@@ -1,2 +1,2 @@
-export { b as default } from '../OrSkeleton-3b4eca6a.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { b as default } from '../OrSkeleton-34e51588.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrSkeletonText/index.js

@@ -1 +1 @@
-export { b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-3b4eca6a.js';
+export { b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-34e51588.js';

package/dist/bundled/v2/components/OrSkeletonTextV3/OrSkeletonText.js

@@ -1,2 +1,2 @@
-export { b as default } from '../OrSkeletonV3-4bd38982.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { b as default } from '../OrSkeletonV3-9cb7dce4.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrSkeletonTextV3/index.js

@@ -1 +1 @@
-export { b as OrSkeletonTextV3 } from '../OrSkeletonV3-4bd38982.js';
+export { b as OrSkeletonTextV3 } from '../OrSkeletonV3-9cb7dce4.js';

package/dist/bundled/v2/components/OrSkeletonV3/index.js

@@ -1 +1 @@
-export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonV3-4bd38982.js';
+export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonV3-9cb7dce4.js';

package/dist/bundled/v2/components/OrSkeletonV3/styles.js

@@ -1 +1 @@
-export { g as SkeletonAnimated, d as SkeletonCircle, e as SkeletonRect, S as SkeletonRoot, f as SkeletonText, c as SkeletonTextContainerRoot } from '../OrSkeletonV3-4bd38982.js';
+export { g as SkeletonAnimated, d as SkeletonCircle, e as SkeletonRect, S as SkeletonRoot, f as SkeletonText, c as SkeletonTextContainerRoot } from '../OrSkeletonV3-9cb7dce4.js';

package/dist/bundled/v2/components/{OrSkeletonV3-4bd38982.js → OrSkeletonV3-9cb7dce4.js}

@@ -1,7 +1,7 @@
-import { r as range_1 } from './OrSkeleton-3b4eca6a.js';
+import { r as range_1 } from './OrSkeleton-34e51588.js';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { p as pxToRem } from './OrBottomSheetV3-4331a82e.js';
-import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
+import { p as pxToRem } from './OrBottomSheetV3-1f68afd8.js';
+import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
 const SkeletonRoot = [
 // Position

package/dist/bundled/v2/components/OrSlider/OrSlider.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, a1 as useDraggable, ae as addClass, af as removeClass } from '../OrBottomSheetV3-4331a82e.js';
+import { o as onClickOutside, a1 as useDraggable, ae as addClass, af as removeClass } from '../OrBottomSheetV3-1f68afd8.js';
 import { OrIcon as __vue_component__$1 } from '../OrIcon/index.js';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
 
 var script = defineComponent({
   name: 'OrSlider',

package/dist/bundled/v2/components/OrSliderV3/OrSlider.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrSliderV3-c96765ec.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { _ as default } from '../OrSliderV3-ff67758c.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrSliderV3/OrSlider.vue.d.ts

@@ -14,7 +14,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    internalModelValue: import("@vue/composition-api").WritableComputedRef<number>;
     isHovering: import("@vue/composition-api").Ref<boolean>;
     isDragging: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -34,6 +33,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: number;
     };
+    breakpoints: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
     color: {
         type: PropType<"primary" | "secondary">;
         default: SliderColor;
@@ -63,6 +66,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: number;
     };
+    breakpoints: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
     color: {
         type: PropType<"primary" | "secondary">;
         default: SliderColor;
@@ -80,6 +87,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     minValue: number;
     maxValue: number;
     step: number;
+    breakpoints: number[];
     color: "primary" | "secondary";
     orientation: "horizontal" | "vertical";
     disabled: boolean;
@@ -99,7 +107,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    internalModelValue: import("@vue/composition-api").WritableComputedRef<number>;
     isHovering: import("@vue/composition-api").Ref<boolean>;
     isDragging: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
@@ -107,6 +114,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     minValue: number;
     maxValue: number;
     step: number;
+    breakpoints: number[];
     color: "primary" | "secondary";
     orientation: "horizontal" | "vertical";
     disabled: boolean;
@@ -117,6 +125,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     minValue: number;
     maxValue: number;
     step: number;
+    breakpoints: number[];
     color: "primary" | "secondary";
     orientation: "horizontal" | "vertical";
     disabled: boolean;

package/dist/bundled/v2/components/OrSliderV3/index.js

@@ -1 +1 @@
-export { _ as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSliderV3-c96765ec.js';
+export { _ as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSliderV3-ff67758c.js';

package/dist/bundled/v2/components/OrSliderV3/props.js

@@ -1 +1 @@
-export { S as SliderColor, a as SliderOrientation } from '../OrSliderV3-c96765ec.js';
+export { S as SliderColor, a as SliderOrientation } from '../OrSliderV3-ff67758c.js';

package/dist/bundled/v2/components/OrSliderV3/styles.js

@@ -1 +1 @@
-export { b as Slider, j as SliderLabel, l as SliderLabelMark, k as SliderLabelOrientations, c as SliderOrientations, d as SliderRail, e as SliderRailOrientations, h as SliderThumb, i as SliderThumbColors, f as SliderTrack, g as SliderTrackColors } from '../OrSliderV3-c96765ec.js';
+export { b as Slider, j as SliderLabel, l as SliderLabelMark, k as SliderLabelOrientations, c as SliderOrientations, d as SliderRail, e as SliderRailOrientations, h as SliderThumb, i as SliderThumbColors, f as SliderTrack, g as SliderTrackColors } from '../OrSliderV3-ff67758c.js';

package/dist/bundled/v2/components/{OrSliderV3-c96765ec.js → OrSliderV3-ff67758c.js}

@@ -1,7 +1,7 @@
-import { u as useProxyModelValue, $ as useElementBounding, d as useElementHover, a1 as useDraggable, a2 as clamp } from './OrBottomSheetV3-4331a82e.js';
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrTooltipV3-ad4fd0cd.js';
-import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
+import { u as useProxyModelValue, $ as useElementBounding, d as useElementHover, a1 as useDraggable, a2 as clamp } from './OrBottomSheetV3-1f68afd8.js';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { _ as __vue_component__$1 } from './OrTooltipV3-cea897c2.js';
+import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
 var SliderColor;
 (function (SliderColor) {
@@ -47,10 +47,10 @@ const SliderRailOrientations = {
   'layout-column-reverse items-center', 'w-xs', 'h-full', 'mx-md+', 'my-none']
 };
 const SliderTrack = [
-// Box
-'w-full', 'h-full',
 // Shape
-'rounded-full'];
+'rounded-full',
+// Box
+'w-full', 'h-full'];
 const SliderTrackColors = {
   [SliderColor.Primary]: [
   // Theme
@@ -62,27 +62,27 @@ const SliderTrackColors = {
 const SliderThumb = [
 // Layout
 'shrink-0',
-// Box
-'w-[20px]', 'h-[20px]', '-mx-[10px]', '-my-[10px]',
 // Shape
 'rounded-full',
+// Box
+'w-[20px]', 'h-[20px]', '-mx-[10px]', '-my-[10px]',
 // Theme
-'bg-white dark:bg-black'];
+'theme-background-base', 'dark:theme-background-base-dark'];
 const SliderThumbColors = {
   [SliderColor.Primary]: [
   // Theme
   'theme-border-4-primary', 'dark:theme-border-4-primary-dark',
-  // Theme (enabled, hover)
-  'hover:enabled:theme-background-primary', 'dark:hover:enabled:theme-background-primary-dark',
-  // Theme (enabled, active)
-  'active:enabled:theme-background-primary', 'dark:active:enabled:theme-background-primary-dark', 'active:enabled:theme-outline-10-primary', 'dark:active:enabled:theme-outline-10-primary-dark'],
+  // Theme (hover)
+  'hover:theme-background-primary', 'dark:hover:theme-background-primary-dark',
+  // Theme (active)
+  'active:theme-background-primary', 'dark:active:theme-background-primary-dark', 'active:theme-outline-10-primary', 'dark:active:theme-outline-10-primary-dark'],
   [SliderColor.Secondary]: [
   // Theme
   'theme-border-4-secondary', 'dark:theme-border-4-secondary-dark',
-  // Theme (enabled, hover)
-  'hover:enabled:theme-background-secondary', 'dark:hover:enabled:theme-background-secondary-dark',
-  // Theme (enabled, active)
-  'active:enabled:theme-background-secondary', 'dark:active:enabled:theme-background-secondary-dark', 'active:enabled:theme-outline-10-secondary', 'dark:active:enabled:theme-outline-10-secondary-dark']
+  // Theme (hover)
+  'hover:theme-background-secondary', 'dark:hover:theme-background-secondary-dark',
+  // Theme (active)
+  'active:theme-background-secondary', 'dark:active:theme-background-secondary-dark', 'active:theme-outline-10-secondary', 'dark:active:theme-outline-10-secondary-dark']
 };
 const SliderLabel = [];
 const SliderLabelOrientations = {
@@ -128,6 +128,10 @@ var script = defineComponent({
       type: Number,
       default: 1
     },
+    breakpoints: {
+      type: Array,
+      default: () => []
+    },
     color: {
       type: String,
       default: SliderColor.Primary
@@ -167,8 +171,17 @@ var script = defineComponent({
         return (proxyModelValue.value - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        proxyModelValue.value = Math.round(value * (props.maxValue - props.minValue) + props.minValue);
+        const modelValue = value * (props.maxValue - props.minValue) + props.minValue;
+        proxyModelValue.value = internalBreakpoints.value.reduce((a, b) => {
+          return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;
+        });
+      }
+    });
+    const internalBreakpoints = computed(() => {
+      if (!props.step) {
+        return [props.minValue, ...props.breakpoints, props.maxValue];
       }
+      return Array(Math.ceil(Math.abs(props.maxValue - props.minValue) / props.step)).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(...props.breakpoints, props.maxValue).sort((a, b) => a - b);
     });
     const railBoundingBox = useElementBounding(rail);
     // Handlers
@@ -189,6 +202,21 @@ var script = defineComponent({
       onMove: onDrag,
       onEnd: onDrag
     });
+    // Constraints
+    watch(toRef(props, 'minValue'), value => {
+      if (value >= props.maxValue) {
+        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
+      }
+    }, {
+      immediate: true
+    });
+    watch(toRef(props, 'maxValue'), value => {
+      if (value <= props.minValue) {
+        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
+      }
+    }, {
+      immediate: true
+    });
     return {
       root,
       rail,
@@ -201,7 +229,6 @@ var script = defineComponent({
       labelStyles,
       labelMarkStyles,
       proxyModelValue,
-      internalModelValue,
       isHovering,
       isDragging
     };

package/dist/bundled/v2/components/OrSortingV3/OrSorting.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrSortingV3-5f63562a.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { _ as default } from '../OrSortingV3-46e1cb1a.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrSortingV3/index.js

@@ -1 +1 @@
-export { _ as OrSortingV3 } from '../OrSortingV3-5f63562a.js';
+export { _ as OrSortingV3 } from '../OrSortingV3-46e1cb1a.js';

package/dist/bundled/v2/components/OrSortingV3/styles.js

@@ -1 +1 @@
-export { a as SortingLabel, S as SortingRoot } from '../OrSortingV3-5f63562a.js';
+export { a as SortingLabel, S as SortingRoot } from '../OrSortingV3-46e1cb1a.js';

package/dist/bundled/v2/components/{OrSortingV3-5f63562a.js → OrSortingV3-46e1cb1a.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrMenuV3-9a1f74f5.js';
-import { _ as __vue_component__$2 } from './OrMenuItemV3-8e3fe07e.js';
-import { _ as __vue_component__$3 } from './OrButtonV3-654f0bea.js';
-import { _ as __vue_component__$4 } from './OrIconV3-98337f2d.js';
-import { u as useProxyModelValue } from './OrBottomSheetV3-4331a82e.js';
-import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
+import { _ as __vue_component__$1 } from './OrMenuV3-32638a60.js';
+import { _ as __vue_component__$2 } from './OrMenuItemV3-069e070f.js';
+import { _ as __vue_component__$3 } from './OrButtonV3-d6e06bd2.js';
+import { _ as __vue_component__$4 } from './OrIconV3-75051694.js';
+import { u as useProxyModelValue } from './OrBottomSheetV3-1f68afd8.js';
+import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
 const SortingRoot = [];
 const SortingLabel = [

package/dist/bundled/v2/components/OrStatusV3/OrStatus.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrStatusV3-604eec04.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { _ as default } from '../OrStatusV3-20770985.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrStatusV3/index.js

@@ -1 +1 @@
-export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatusV3-604eec04.js';
+export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatusV3-20770985.js';

package/dist/bundled/v2/components/OrStatusV3/props.js

@@ -1 +1 @@
-export { a as StatusSize, S as StatusVariant } from '../OrStatusV3-604eec04.js';
+export { a as StatusSize, S as StatusVariant } from '../OrStatusV3-20770985.js';

package/dist/bundled/v2/components/OrStatusV3/styles.js

@@ -1 +1 @@
-export { b as Status, e as StatusIndicator, f as StatusIndicatorVariants, d as StatusSizes, g as StatusTimestamp, c as StatusVariants } from '../OrStatusV3-604eec04.js';
+export { b as Status, e as StatusIndicator, f as StatusIndicatorVariants, d as StatusSizes, g as StatusTimestamp, c as StatusVariants } from '../OrStatusV3-20770985.js';

package/dist/bundled/v2/components/{OrStatusV3-604eec04.js → OrStatusV3-20770985.js}

@@ -1,6 +1,6 @@
-import { ag as formatTimeAgo } from './OrBottomSheetV3-4331a82e.js';
+import { ag as formatTimeAgo } from './OrBottomSheetV3-1f68afd8.js';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
+import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
 var StatusVariant;
 (function (StatusVariant) {

package/dist/bundled/v2/components/OrStepper/OrStepper.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import { _ as __vue_component__$6 } from '../OrButtonV2-f2227843.js';
-import { n as normalizeComponent, s as styleInject } from '../OrAvatar-7bdb7c9d.js';
+import { _ as __vue_component__$6 } from '../OrButtonV2-65ad01f7.js';
+import { n as normalizeComponent, s as styleInject } from '../OrAvatar-aa94cbf7.js';
 
 var script$5 = defineComponent({
   name: 'OrStepperButtonOptions',

package/dist/bundled/v2/components/OrSwitch/OrSwitch.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import { OrLoader as __vue_component__$1 } from '../OrLoader/index.js';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
 
 var script = defineComponent({
   name: 'OrSwitch',

package/dist/bundled/v2/components/OrSwitchV3/OrSwitch.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrSwitchV3-80a2cf0f.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { _ as default } from '../OrSwitchV3-f60ed3b6.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrSwitchV3/index.js

@@ -1 +1 @@
-export { _ as OrSwitchV3 } from '../OrSwitchV3-80a2cf0f.js';
+export { _ as OrSwitchV3 } from '../OrSwitchV3-f60ed3b6.js';

package/dist/bundled/v2/components/OrSwitchV3/styles.js

@@ -1 +1 @@
-export { a as SwitchControl, b as SwitchControlHandle, c as SwitchLoader, d as SwitchLoaderHandle, S as SwitchRoot } from '../OrSwitchV3-80a2cf0f.js';
+export { a as SwitchControl, b as SwitchControlHandle, c as SwitchLoader, d as SwitchLoaderHandle, S as SwitchRoot } from '../OrSwitchV3-f60ed3b6.js';

package/dist/bundled/v2/components/{OrSwitchV3-80a2cf0f.js → OrSwitchV3-f60ed3b6.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
-import { _ as __vue_component__$1, L as LabelVariant } from './OrLabelV3-3de72a39.js';
-import { _ as __vue_component__$2 } from './OrLoaderV3-b132904d.js';
-import { b as useIdAttribute, c as useControlAttributes, u as useProxyModelValue } from './OrBottomSheetV3-4331a82e.js';
-import { s as styleInject, n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabelV3-246c9734.js';
+import { _ as __vue_component__$2 } from './OrLoaderV3-f74d3bea.js';
+import { b as useIdAttribute, c as useControlAttributes, u as useProxyModelValue } from './OrBottomSheetV3-1f68afd8.js';
+import { s as styleInject, n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
 const SwitchRoot = [
 // Layout

package/dist/bundled/v2/components/OrTab/OrTab.js

@@ -1,6 +1,6 @@
 import { defineComponent, unref } from 'vue-demi';
-import { v as v4 } from '../OrList-8e8833ec.js';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
+import { v as v4 } from '../OrList-e5d4dfc0.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
 
 var script = defineComponent({
   name: 'OrTab',

package/dist/bundled/v2/components/OrTabHeaderItem/OrTabHeaderItem.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, nextTick } from 'vue-demi';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
 
 var script = defineComponent({
   name: 'OrTabHeaderItem',

package/dist/bundled/v2/components/OrTabV3/OrTab.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrTabV3-e66e91de.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { _ as default } from '../OrTabV3-9024a4b7.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrTabV3/index.js

@@ -1 +1 @@
-export { _ as OrTabV3 } from '../OrTabV3-e66e91de.js';
+export { _ as OrTabV3 } from '../OrTabV3-9024a4b7.js';

package/dist/bundled/v2/components/OrTabV3/styles.js

@@ -1 +1 @@
-export { T as Tab } from '../OrTabV3-e66e91de.js';
+export { T as Tab } from '../OrTabV3-9024a4b7.js';

package/dist/bundled/v2/components/{OrTabV3-e66e91de.js → OrTabV3-9024a4b7.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
+import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
 const Tab = [
 // Layout
@@ -12,18 +12,18 @@ const Tab = [
 'typography-body-2-bold',
 // Theme
 'theme-foreground-secondary', 'dark:theme-foreground-secondary-dark', 'theme-border-underline', 'theme-border-2-transparent', 'dark:theme-border-2-transparent-dark',
+// Theme (hover)
+'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
+// Theme (active)
+'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark', 'active:theme-border-underline', 'active:theme-border-2-current', 'dark:active:theme-border-2-current-dark',
 // Theme (selected)
 'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark', 'selected:theme-border-underline', 'selected:theme-border-2-current', 'dark:selected:theme-border-2-current-dark',
 // Theme (invalid)
 'invalid:theme-foreground-error', 'dark:invalid:theme-foreground-error-dark',
-// Theme (hover)
-'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
-// Theme (hover, invalid)
+// Theme (invalid/hover)
 'hover:invalid:md:theme-foreground-error-hover', 'dark:hover:invalid:md:theme-foreground-error-hover-dark',
-// Theme (active)
-'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark', 'active:theme-border-underline', 'active:enabled:theme-border-2-current', 'dark:active:enabled:theme-border-2-current-dark',
-// Theme (active, invalid)
-'active:invalid:theme-foreground-error', 'dark:active:invalid:theme-foreground-error-dark', 'active:invalid:theme-border-underline', 'active:enabled:invalid:theme-border-2-current', 'dark:active:enabled:invalid:theme-border-2-current-dark'];
+// Theme (invalid/active)
+'active:invalid:theme-foreground-error', 'dark:active:invalid:theme-foreground-error-dark', 'active:invalid:theme-border-underline', 'active:invalid:theme-border-2-current', 'dark:active:invalid:theme-border-2-current-dark'];
 
 var script = defineComponent({
   name: 'OrTab',

package/dist/bundled/v2/components/OrTabs/OrTabs.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import __vue_component__$1 from '../OrTabHeaderItem/OrTabHeaderItem.js';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
 
 var script = defineComponent({
   name: 'OrTabs',

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrTabsV3-a539525c.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { _ as default } from '../OrTabsV3-e398ad0e.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrTabsV3/index.js

@@ -1 +1 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabsV3-a539525c.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabsV3-e398ad0e.js';

package/dist/bundled/v2/components/OrTabsV3/props.js

@@ -1 +1 @@
-export { T as TabsVariant } from '../OrTabsV3-a539525c.js';
+export { T as TabsVariant } from '../OrTabsV3-e398ad0e.js';

package/dist/bundled/v2/components/OrTabsV3/styles.js

@@ -1 +1 @@
-export { b as Tabs, a as TabsContainer, d as TabsContent, c as TabsVariants } from '../OrTabsV3-a539525c.js';
+export { b as Tabs, a as TabsContainer, d as TabsContent, c as TabsVariants } from '../OrTabsV3-e398ad0e.js';

package/dist/bundled/v2/components/{OrTabsV3-a539525c.js → OrTabsV3-e398ad0e.js}

@@ -1,10 +1,10 @@
-import { u as useProxyModelValue, a5 as useResizeObserver } from './OrBottomSheetV3-4331a82e.js';
+import { u as useProxyModelValue, a5 as useResizeObserver } from './OrBottomSheetV3-1f68afd8.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconV3-98337f2d.js';
-import { _ as __vue_component__$2 } from './OrMenuV3-9a1f74f5.js';
-import { _ as __vue_component__$3 } from './OrMenuItemV3-8e3fe07e.js';
-import { _ as __vue_component__$4 } from './OrTabV3-e66e91de.js';
-import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
+import { _ as __vue_component__$1 } from './OrIconV3-75051694.js';
+import { _ as __vue_component__$2 } from './OrMenuV3-32638a60.js';
+import { _ as __vue_component__$3 } from './OrMenuItemV3-069e070f.js';
+import { _ as __vue_component__$4 } from './OrTabV3-9024a4b7.js';
+import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
 var TabsVariant;
 (function (TabsVariant) {

package/dist/bundled/v2/components/OrTag/OrTag.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
-import { D as hexToRgb } from '../OrAvatarV3-41658917.js';
+import { D as hexToRgb } from '../OrAvatarV3-75e1955d.js';
 import { OrIcon as __vue_component__$1 } from '../OrIcon/index.js';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
 
 const TAG_DEFAULT_COLOR = '#91969d'; // neutral-4
 var script = defineComponent({

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrTagInputV3-49cbf92d.js';
-import '../OrAvatar-7bdb7c9d.js';
+export { _ as default } from '../OrTagInputV3-41da055e.js';
+import '../OrAvatar-aa94cbf7.js';

package/dist/bundled/v2/components/OrTagInputV3/index.js

@@ -1,2 +1,2 @@
-export { _ as OrTagInputV3 } from '../OrTagInputV3-49cbf92d.js';
-export { I as TagInputSize } from '../OrInputBoxV3-35d1e3a6.js';
+export { _ as OrTagInputV3 } from '../OrTagInputV3-41da055e.js';
+export { I as TagInputSize } from '../OrInputBoxV3-170168d2.js';

package/dist/bundled/v2/components/OrTagInputV3/props.js

@@ -1 +1 @@
-export { I as TagInputSize } from '../OrInputBoxV3-35d1e3a6.js';
+export { I as TagInputSize } from '../OrInputBoxV3-170168d2.js';

package/dist/bundled/v2/components/OrTagInputV3/styles.js

@@ -1 +1 @@
-export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-49cbf92d.js';
+export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-41da055e.js';