@onereach/ui-components 8.24.1-beta.4147.0 → 8.24.1-beta.4149.0

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

@@ -0,0 +1,30 @@
+import { EditorTabsOverflow } from './props.js';
+
+const EditorTabs = [];
+const EditorTabsHeader = [
+// Layout
+'layout-row',
+// Theme
+'theme-border-underline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark', 'theme-divider-outline-variant', 'dark:theme-divider-outline-variant-dark'];
+const EditorTabsHeaderTabs = [
+// Layout
+'layout-row grow md:grow-0',
+// Box
+'max-w-full',
+// Theme
+'theme-divider-outline-variant', 'dark:theme-divider-outline-variant-dark'];
+const EditorTabsHeaderTabsOverflows = {
+  [EditorTabsOverflow.Scroll]: [
+  // Overflow
+  'overflow-x-auto scrollbar-hidden'],
+  [EditorTabsOverflow.Wrap]: [
+  // Layout
+  'flex-wrap']
+};
+const EditorTabsContent = [
+// Spacing
+'px-md', 'py-md',
+// Theme
+'theme-background-surface-1', 'dark:theme-background-surface-1-dark'];
+
+export { EditorTabs, EditorTabsContent, EditorTabsHeader, EditorTabsHeaderTabs, EditorTabsHeaderTabsOverflows };

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { c as useVModel } from '../../index-76f2ac63.js';
+import { d as useVModel } from '../../index-13c63b4c.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from '../../dom-cec392f3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrCollapse/OrCollapse.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-cceb0544.js';
+export { _ as default } from '../../OrList-1f3cef56.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-cceb0544.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-1f3cef56.js';

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js

@@ -1,4 +1,4 @@
-import { i as useElementSize } from '../../index-76f2ac63.js';
+import { j as useElementSize } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

package/dist/bundled/v2/components/OrMenuItemV3/OrMenuItem.js

@@ -1,18 +1,23 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { MenuItemRoot } from './styles.js';
+import { MenuItem } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
+import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
-  name: 'OrMenuItem',
   components: {
-    OrIcon: __vue_component__$1
+    OrIcon: __vue_component__$1,
+    OrIconButton: __vue_component__$2
   },
   props: {
     icon: {
       type: [String, Object],
       default: undefined
     },
+    closeButton: {
+      type: Boolean,
+      default: false
+    },
     selected: {
       type: Boolean,
       default: false
@@ -22,13 +27,13 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['click', 'focus', 'blur'],
+  emits: ['click', 'focus', 'blur', 'close'],
   expose: ['root'],
   setup() {
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-menu-item-v3', ...MenuItemRoot]);
+    const rootStyles = computed(() => ['or-menu-item-v3', ...MenuItem]);
     return {
       root,
       rootStyles
@@ -66,8 +71,21 @@ var __vue_render__ = function () {
   }, [_vm.icon ? [_c('OrIcon', _vm._b({}, 'OrIcon', typeof _vm.icon === 'string' ? {
     icon: _vm.icon
   } : _vm.icon, false))] : _vm._e(), _vm._v(" "), _c('div', {
-    class: ['truncate', 'w-full']
-  }, [_vm._t("default")], 2)], 2);
+    class: ['truncate']
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.closeButton ? [_c('div', {
+    class: ['grow']
+  }), _vm._v(" "), _c('OrIconButton', {
+    attrs: {
+      "icon": 'close',
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('close');
+      }
+    }
+  })] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrMenuItemV3/OrMenuItem.vue.d.ts

@@ -9,6 +9,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         } | {}> & Omit<{} & {}, never>>>;
         default: undefined;
     };
+    closeButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selected: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,6 +28,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         } | {}> & Omit<{} & {}, never>>>;
         default: undefined;
     };
+    closeButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selected: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,6 +44,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     icon: string | Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
+    closeButton: boolean;
     selected: boolean;
     disabled: boolean;
 } & {} & {
@@ -47,6 +56,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     icon: string | Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
+    closeButton: boolean;
     selected: boolean;
     disabled: boolean;
 } & {} & {
@@ -55,6 +65,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     icon: string | Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
+    closeButton: boolean;
     selected: boolean;
     disabled: boolean;
 }, true>);

package/dist/bundled/v2/components/OrMenuItemV3/styles.d.ts

@@ -1 +1 @@
-export declare const MenuItemRoot: string[];
+export declare const MenuItem: string[];

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

@@ -1,4 +1,4 @@
-const MenuItemRoot = [
+const MenuItem = [
 // Layout
 'layout-row',
 // Spacing
@@ -18,4 +18,4 @@ const MenuItemRoot = [
 // Theme (active)
 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark'];
 
-export { MenuItemRoot };
+export { MenuItem };

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-76f2ac63.js';
-import { u as useFocusTrap } from '../../useFocusTrap-05bacc45.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
+import { u as useFocusTrap } from '../../useFocusTrap-c1b303f8.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,12 +1,12 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-76f2ac63.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import __vue_component__$3 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$4 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';
-import { u as useToggle } from '../../index-1612099e.js';
+import { u as useToggle } from '../../index-279e78b9.js';
 
 var script$1 = defineComponent({
   name: 'OrOverflowMenuItem',

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { j as useScrollLock } from '../../index-76f2ac63.js';
+import { k as useScrollLock } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { c as useVModel } from '../../index-76f2ac63.js';
+import { d as useVModel } from '../../index-13c63b4c.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from '../../floating-ui.dom-d9ef0d1f.js';
-import { o as onClickOutside } from '../../index-76f2ac63.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { useFloating } from './hooks/useFloating.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -1,4 +1,4 @@
-import { d as useElementBounding } from '../../index-76f2ac63.js';
+import { e as useElementBounding } from '../../index-13c63b4c.js';
 import { r as round_1 } from '../../round-567ede34.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.js

@@ -1,10 +1,10 @@
-import { d as useElementBounding, u as useElementHover, e as useDraggable } from '../../index-76f2ac63.js';
+import { e as useElementBounding, u as useElementHover, f as useDraggable } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { RangeSlider, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderTrack, RangeSliderTrackColors, RangeSliderThumb, RangeSliderThumbColors, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelOrientations, RangeSliderLabelMark, RangeSliderLabelMarkOrientations } from './styles.js';
+import { RangeSlider, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderTrack, RangeSliderTrackColors, RangeSliderThumb, RangeSliderThumbColors, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelOrientations, RangeSliderLabelMark } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
 import { SliderColor, SliderOrientation } from '../OrSliderV3/props.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
-import { c as clamp } from '../../index-1612099e.js';
+import { c as clamp } from '../../index-279e78b9.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
@@ -100,7 +100,7 @@ var script = defineComponent({
     const thumbStyles = computed(() => ['or-range-slider-thumb-v3', ...RangeSliderThumb, ...RangeSliderThumbColors[props.color]]);
     const breakpointMarkStyles = computed(() => [...RangeSliderBreakpointMark, ...RangeSliderBreakpointMarkColors[props.color]]);
     const labelStyles = computed(() => [...RangeSliderLabel, ...RangeSliderLabelOrientations[props.orientation]]);
-    const labelMarkStyles = computed(() => [...RangeSliderLabelMark, ...RangeSliderLabelMarkOrientations[props.orientation]]);
+    const labelMarkStyles = computed(() => [...RangeSliderLabelMark]);
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
       defaultValue: computed(() => [props.minValue, props.maxValue])
@@ -417,7 +417,7 @@ var __vue_render__ = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  }), _vm._v(" "), _vm.breakpoints.length > 0 ? _vm._l([_vm.minValue].concat(_vm.breakpoints, [_vm.maxValue]), function (breakpoint) {
+  }), _vm._v(" "), _vm._l(_vm.breakpoints, function (breakpoint) {
     return _c('div', {
       key: breakpoint,
       class: _vm.breakpointMarkStyles,
@@ -427,22 +427,15 @@ var __vue_render__ = function () {
         "disabled": _vm.disabled
       }
     });
-  }) : _vm._e()], 2), _vm._v(" "), _c('div', {
+  })], 2), _vm._v(" "), _c('div', {
     class: _vm.labelStyles
-  }, _vm._l([_vm.minValue].concat(_vm.breakpoints, [_vm.maxValue]), function (breakpoint) {
-    return _c('div', {
-      key: breakpoint,
-      class: _vm.labelMarkStyles,
-      style: _vm.getBreakpointMarkComputedStyles(breakpoint),
-      attrs: {
-        "disabled": _vm.disabled
-      }
-    }, [_vm._t(breakpoint + "-label", function () {
-      return [_vm._v("\n        " + _vm._s(breakpoint) + "\n      ")];
-    }, {
-      "value": breakpoint
-    })], 2);
-  }), 0)]);
+  }, [_c('div', {
+    class: _vm.labelMarkStyles
+  }, [_vm._v("\n      " + _vm._s(_vm.minValue) + "\n    ")]), _vm._v(" "), _c('div', {
+    class: ['grow']
+  }), _vm._v(" "), _c('div', {
+    class: _vm.labelMarkStyles
+  }, [_vm._v("\n      " + _vm._s(_vm.maxValue) + "\n    ")])])]);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrRangeSliderV3/styles.d.ts

@@ -14,4 +14,3 @@ export declare const RangeSliderBreakpointMarkColors: Record<RangeSliderColor, s
 export declare const RangeSliderLabel: string[];
 export declare const RangeSliderLabelOrientations: Record<RangeSliderOrientation, string[]>;
 export declare const RangeSliderLabelMark: string[];
-export declare const RangeSliderLabelMarkOrientations: Record<RangeSliderOrientation, string[]>;

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

@@ -144,9 +144,7 @@ const RangeSliderBreakpointMarkColors = {
   // Theme (disabled)
   'disabled:!bg-on-disabled', 'dark:disabled:!bg-on-disabled-dark']
 };
-const RangeSliderLabel = [
-// Position
-'relative'];
+const RangeSliderLabel = [];
 const RangeSliderLabelOrientations = {
   [SliderOrientation.Horizontal]: [
   // Layout
@@ -170,27 +168,9 @@ const RangeSliderLabelOrientations = {
   'h-full']
 };
 const RangeSliderLabelMark = [
-// Position
-'absolute',
 // Typography
-'typography-caption-regular whitespace-nowrap',
+'typography-caption-regular',
 // Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
-// Theme (hover)
-'hover:theme-foreground-default', 'dark:hover:theme-foreground-default-dark'];
-const RangeSliderLabelMarkOrientations = {
-  [SliderOrientation.Horizontal]: [
-  // Position
-  '-translate-x-1/2', 'translate-y-1/2'],
-  [SliderOrientation.HorizontalReversed]: [
-  // Position
-  'translate-x-1/2', 'translate-y-1/2'],
-  [SliderOrientation.Vertical]: [
-  // Position
-  'translate-x-1/2', 'translate-y-1/2'],
-  [SliderOrientation.VerticalReversed]: [
-  // Position
-  'translate-x-1/2', '-translate-y-1/2']
-};
+'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 
-export { RangeSlider, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelMark, RangeSliderLabelMarkOrientations, RangeSliderLabelOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderThumb, RangeSliderThumbColors, RangeSliderTrack, RangeSliderTrackColors };
+export { RangeSlider, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelMark, RangeSliderLabelOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderThumb, RangeSliderThumbColors, RangeSliderTrack, RangeSliderTrackColors };

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -1,4 +1,4 @@
-import { e as useDraggable } from '../../index-76f2ac63.js';
+import { f as useDraggable } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './styles.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-import { u as useFocusTrap } from '../../useFocusTrap-05bacc45.js';
-import { f as useResizeObserver, o as onClickOutside } from '../../index-76f2ac63.js';
+import { u as useFocusTrap } from '../../useFocusTrap-c1b303f8.js';
+import { g as useResizeObserver, o as onClickOutside } from '../../index-13c63b4c.js';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from '../../markdown-7d2cd3a5.js';
 import { EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './styles.js';
 import { Formats } from './props.js';
@@ -15,7 +15,7 @@ import __vue_component__$5 from '../OrModalV3/OrModal.js';
 import __vue_component__$6 from '../OrInputV3/OrInput.js';
 import __vue_component__$7 from '../OrButtonV3/OrButton.js';
 import __vue_component__$8 from '../OrPopoverV3/OrPopover.js';
-import { a as useDebounceFn } from '../../index-1612099e.js';
+import { a as useDebounceFn } from '../../index-279e78b9.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
-import { b as watchDebounced } from '../../index-1612099e.js';
+import { b as watchDebounced } from '../../index-279e78b9.js';
 import { BUTTON_SIZE } from '../OrButtonV2/constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
 import __vue_component__$1 from '../OrInputV3/OrInput.js';
-import { b as watchDebounced } from '../../index-1612099e.js';
+import { b as watchDebounced } from '../../index-279e78b9.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-76f2ac63.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { _ as _baseAssignValue } from '../../_baseAssignValue-2250dbc9.js';
 import { k as keys_1, _ as _Stack, a as _baseIsEqual, i as isArguments_1 } from '../../_baseIsEqual-fe2002b6.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
-import { g as useFocus } from '../../index-76f2ac63.js';
+import { h as useFocus } from '../../index-13c63b4c.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { castToMultipleValue } from './utils/castToMultipleValue.js';

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

@@ -1,4 +1,4 @@
-import { e as useDraggable } from '../../index-76f2ac63.js';
+import { f as useDraggable } from '../../index-13c63b4c.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -138,7 +138,7 @@ var __vue_render__ = function () {
   var _c = _vm._self._c || _h;
   return _c('OrResizeablePanel', {
     attrs: {
-      "is-open": _vm.isOpen,
+      "is-open": _vm.state === 'open',
       "width": _vm.width,
       "min-width": _vm.proxyMinWidth,
       "max-width": _vm.proxyMaxWidth,

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, e as useDraggable } from '../../index-76f2ac63.js';
+import { o as onClickOutside, f as useDraggable } from '../../index-13c63b4c.js';
 import { f as addClass, h as removeClass } from '../../dom-cec392f3.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,9 +1,9 @@
-import { d as useElementBounding, u as useElementHover, e as useDraggable } from '../../index-76f2ac63.js';
+import { e as useElementBounding, u as useElementHover, f as useDraggable } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { SliderColor, SliderOrientation } from './props.js';
-import { Slider, SliderOrientations, SliderRail, SliderRailOrientations, SliderTrack, SliderTrackColors, SliderThumb, SliderThumbColors, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelOrientations, SliderLabelMark, SliderLabelMarkOrientations } from './styles.js';
+import { Slider, SliderOrientations, SliderRail, SliderRailOrientations, SliderTrack, SliderTrackColors, SliderThumb, SliderThumbColors, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelOrientations, SliderLabelMark } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
-import { c as clamp } from '../../index-1612099e.js';
+import { c as clamp } from '../../index-279e78b9.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -81,7 +81,7 @@ var script = defineComponent({
     const thumbStyles = computed(() => ['or-slider-thumb-v3', ...SliderThumb, ...SliderThumbColors[props.color]]);
     const breakpointMarkStyles = computed(() => [...SliderBreakpointMark, ...SliderBreakpointMarkColors[props.color]]);
     const labelStyles = computed(() => [...SliderLabel, ...SliderLabelOrientations[props.orientation]]);
-    const labelMarkStyles = computed(() => [...SliderLabelMark, ...SliderLabelMarkOrientations[props.orientation]]);
+    const labelMarkStyles = computed(() => [...SliderLabelMark]);
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
       defaultValue: toRef(props, 'minValue')
@@ -257,7 +257,7 @@ var __vue_render__ = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  })]), _vm._v(" "), _vm.breakpoints.length > 0 ? _vm._l([_vm.minValue].concat(_vm.breakpoints, [_vm.maxValue]), function (breakpoint) {
+  })]), _vm._v(" "), _vm._l(_vm.breakpoints, function (breakpoint) {
     return _c('div', {
       key: breakpoint,
       class: _vm.breakpointMarkStyles,
@@ -267,22 +267,15 @@ var __vue_render__ = function () {
         "disabled": _vm.disabled
       }
     });
-  }) : _vm._e()], 2), _vm._v(" "), _c('div', {
+  })], 2), _vm._v(" "), _c('div', {
     class: _vm.labelStyles
-  }, _vm._l([_vm.minValue].concat(_vm.breakpoints, [_vm.maxValue]), function (breakpoint) {
-    return _c('div', {
-      key: breakpoint,
-      class: _vm.labelMarkStyles,
-      style: _vm.getBreakpointMarkComputedStyles(breakpoint),
-      attrs: {
-        "disabled": _vm.disabled
-      }
-    }, [_vm._t(breakpoint + "-label", function () {
-      return [_vm._v("\n        " + _vm._s(breakpoint) + "\n      ")];
-    }, {
-      "value": breakpoint
-    })], 2);
-  }), 0)]);
+  }, [_c('div', {
+    class: _vm.labelMarkStyles
+  }, [_vm._v("\n      " + _vm._s(_vm.minValue) + "\n    ")]), _vm._v(" "), _c('div', {
+    class: ['grow']
+  }), _vm._v(" "), _c('div', {
+    class: _vm.labelMarkStyles
+  }, [_vm._v("\n      " + _vm._s(_vm.maxValue) + "\n    ")])])]);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrSliderV3/styles.d.ts

@@ -12,4 +12,3 @@ export declare const SliderBreakpointMarkColors: Record<SliderColor, string[]>;
 export declare const SliderLabel: string[];
 export declare const SliderLabelOrientations: Record<SliderOrientation, string[]>;
 export declare const SliderLabelMark: string[];
-export declare const SliderLabelMarkOrientations: Record<SliderOrientation, string[]>;

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

@@ -129,9 +129,7 @@ const SliderBreakpointMarkColors = {
   // Theme (disabled)
   'disabled:!bg-on-disabled', 'dark:disabled:!bg-on-disabled-dark']
 };
-const SliderLabel = [
-// Position
-'relative'];
+const SliderLabel = [];
 const SliderLabelOrientations = {
   [SliderOrientation.Horizontal]: [
   // Layout
@@ -155,27 +153,9 @@ const SliderLabelOrientations = {
   'h-full']
 };
 const SliderLabelMark = [
-// Position
-'absolute',
 // Typography
-'typography-caption-regular whitespace-nowrap',
+'typography-caption-regular',
 // Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
-// Theme (hover)
-'hover:theme-foreground-default', 'dark:hover:theme-foreground-default-dark'];
-const SliderLabelMarkOrientations = {
-  [SliderOrientation.Horizontal]: [
-  // Position
-  '-translate-x-1/2', 'translate-y-1/2'],
-  [SliderOrientation.HorizontalReversed]: [
-  // Position
-  'translate-x-1/2', 'translate-y-1/2'],
-  [SliderOrientation.Vertical]: [
-  // Position
-  'translate-x-1/2', 'translate-y-1/2'],
-  [SliderOrientation.VerticalReversed]: [
-  // Position
-  'translate-x-1/2', '-translate-y-1/2']
-};
+'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 
-export { Slider, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelMark, SliderLabelMarkOrientations, SliderLabelOrientations, SliderOrientations, SliderRail, SliderRailOrientations, SliderThumb, SliderThumbColors, SliderTrack, SliderTrackColors };
+export { Slider, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelMark, SliderLabelOrientations, SliderOrientations, SliderRail, SliderRailOrientations, SliderThumb, SliderThumbColors, SliderTrack, SliderTrackColors };

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

@@ -1,4 +1,4 @@
-import { h as formatTimeAgo } from '../../index-76f2ac63.js';
+import { i as formatTimeAgo } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { StatusVariant, StatusSize } from './props.js';
 import { Status, StatusVariants, StatusSizes, StatusIndicator, StatusIndicatorVariants, StatusTimestamp } from './styles.js';

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

@@ -1,4 +1,4 @@
-import { f as useResizeObserver } from '../../index-76f2ac63.js';
+import { g as useResizeObserver } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsContainer, Tabs, TabsVariants, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.vue.d.ts

@@ -22,12 +22,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         normal: {
             value: string | number;
             label: string;
+            pinned?: boolean | undefined;
             invalid?: boolean | undefined;
             disabled?: boolean | undefined;
         }[];
         hidden: {
             value: string | number;
             label: string;
+            pinned?: boolean | undefined;
             invalid?: boolean | undefined;
             disabled?: boolean | undefined;
         }[];
@@ -98,12 +100,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         normal: {
             value: string | number;
             label: string;
+            pinned?: boolean | undefined;
             invalid?: boolean | undefined;
             disabled?: boolean | undefined;
         }[];
         hidden: {
             value: string | number;
             label: string;
+            pinned?: boolean | undefined;
             invalid?: boolean | undefined;
             disabled?: boolean | undefined;
         }[];

package/dist/bundled/v2/components/OrTabsV3/types.d.ts

@@ -1,6 +1,7 @@
 export interface TabsItem {
     value: string | number;
     label: string;
+    pinned?: boolean;
     invalid?: boolean;
     disabled?: boolean;
 }

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

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-76f2ac63.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';