@onereach/ui-components 8.1.1-beta.3635.0 → 8.1.1-beta.3637.0

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

@@ -0,0 +1,245 @@
+import { d as useElementBounding, e as useDraggable } from '../../index-f29777b6.js';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { RangeSlider, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderTrack, RangeSliderTrackColors, RangeSliderThumb, RangeSliderThumbColors, 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-39fe2838.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+
+var script = defineComponent({
+  components: {
+    OrTooltip: __vue_component__$1
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Object,
+      default: undefined
+    },
+    minValue: {
+      type: Number,
+      default: 0
+    },
+    maxValue: {
+      type: Number,
+      default: 100
+    },
+    steps: {
+      type: Number,
+      default: undefined
+    },
+    color: {
+      type: String,
+      default: SliderColor.Primary
+    },
+    orientation: {
+      type: String,
+      default: SliderOrientation.Horizontal
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const rail = ref();
+    const thumbFrom = ref();
+    const thumbTo = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-range-slider-v3', ...RangeSlider, ...RangeSliderOrientations[props.orientation]]);
+    const railStyles = computed(() => [...RangeSliderRail, ...RangeSliderRailOrientations[props.orientation]]);
+    const offsetStyles = computed(() => [...RangeSliderOffset, ...RangeSliderOffsetOrientations[props.orientation]]);
+    const offsetComputedStyles = computed(() => ({
+      [props.orientation === SliderOrientation.Horizontal ? 'width' : 'height']: `${internalModelValueFrom.value * 100}%`
+    }));
+    const trackStyles = computed(() => [...RangeSliderTrack, ...RangeSliderTrackColors[props.color]]);
+    const trackComputedStyles = computed(() => ({
+      [props.orientation === SliderOrientation.Horizontal ? 'width' : 'height']: `${(internalModelValueTo.value - internalModelValueFrom.value) * 100}%`
+    }));
+    const thumbStyles = computed(() => [...RangeSliderThumb, ...RangeSliderThumbColors[props.color]]);
+    const labelStyles = computed(() => [...RangeSliderLabel, ...RangeSliderLabelOrientations[props.orientation]]);
+    const labelMarkStyles = computed(() => [...RangeSliderLabelMark]);
+    // State
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const internalModelValueFrom = computed({
+      get: () => {
+        if (!proxyModelValue.value) {
+          return props.minValue;
+        }
+        return (proxyModelValue.value[0] - props.minValue) / (props.maxValue - props.minValue);
+      },
+      set: value => {
+        proxyModelValue.value = [Math.round(value * (props.maxValue - props.minValue) + props.minValue), Math.round(internalModelValueTo.value * (props.maxValue - props.minValue) + props.minValue)];
+      }
+    });
+    const internalModelValueTo = computed({
+      get: () => {
+        if (!proxyModelValue.value) {
+          return props.maxValue;
+        }
+        return (proxyModelValue.value[1] - props.minValue) / (props.maxValue - props.minValue);
+      },
+      set: value => {
+        proxyModelValue.value = [Math.round(internalModelValueFrom.value * (props.maxValue - props.minValue) + props.minValue), Math.round(value * (props.maxValue - props.minValue) + props.minValue)];
+      }
+    });
+    const railBoundingBox = useElementBounding(rail);
+    // Handlers
+    function onDragFrom(position, event) {
+      if (props.disabled) {
+        return;
+      }
+      const totalWidth = railBoundingBox.width.value;
+      const totalHeight = railBoundingBox.height.value;
+      internalModelValueFrom.value = props.orientation === SliderOrientation.Horizontal ? clamp(event.clientX - railBoundingBox.left.value, 0, internalModelValueTo.value * totalWidth) / totalWidth : clamp(totalHeight - (event.clientY - railBoundingBox.top.value), 0, internalModelValueTo.value * totalHeight) / totalHeight;
+    }
+    function onDragTo(position, event) {
+      if (props.disabled) {
+        return;
+      }
+      const totalWidth = railBoundingBox.width.value;
+      const totalHeight = railBoundingBox.height.value;
+      internalModelValueTo.value = props.orientation === SliderOrientation.Horizontal ? clamp(event.clientX - railBoundingBox.left.value, internalModelValueFrom.value * totalWidth, totalWidth) / totalWidth : clamp(totalHeight - (event.clientY - railBoundingBox.top.value), internalModelValueFrom.value * totalHeight, totalHeight) / totalHeight;
+    }
+    // Effects
+    const {
+      isDragging: isDraggingFrom
+    } = useDraggable(rail, {
+      handle: thumbFrom,
+      onStart: onDragFrom,
+      onMove: onDragFrom,
+      onEnd: onDragFrom
+    });
+    const {
+      isDragging: isDraggingTo
+    } = useDraggable(rail, {
+      handle: thumbTo,
+      onStart: onDragTo,
+      onMove: onDragTo,
+      onEnd: onDragTo
+    });
+    return {
+      root,
+      rail,
+      thumbFrom,
+      thumbTo,
+      rootStyles,
+      railStyles,
+      offsetStyles,
+      offsetComputedStyles,
+      trackStyles,
+      trackComputedStyles,
+      thumbStyles,
+      labelStyles,
+      labelMarkStyles,
+      proxyModelValue,
+      internalModelValueFrom,
+      internalModelValueTo,
+      isDraggingFrom,
+      isDraggingTo
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root",
+    class: _vm.rootStyles,
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }, [_c('div', {
+    ref: "rail",
+    class: _vm.railStyles,
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }, [_c('div', {
+    class: _vm.offsetStyles,
+    style: _vm.offsetComputedStyles,
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }), _vm._v(" "), _c('OrTooltip', {
+    class: ['relative', 'z-1'],
+    attrs: {
+      "is-open": _vm.isDraggingFrom,
+      "content": _vm.proxyModelValue && String(_vm.proxyModelValue[0]),
+      "placement": _vm.orientation === 'horizontal' ? 'top' : 'right',
+      "offset": 8,
+      "external-control": true
+    }
+  }, [_c('div', {
+    ref: "thumbFrom",
+    class: _vm.thumbStyles,
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  })]), _vm._v(" "), _c('div', {
+    class: _vm.trackStyles,
+    style: _vm.trackComputedStyles,
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }), _vm._v(" "), _c('OrTooltip', {
+    class: ['relative', 'z-1'],
+    attrs: {
+      "is-open": _vm.isDraggingTo,
+      "content": _vm.proxyModelValue && String(_vm.proxyModelValue[1]),
+      "placement": _vm.orientation === 'horizontal' ? 'top' : 'right',
+      "offset": 8,
+      "external-control": true
+    }
+  }, [_c('div', {
+    ref: "thumbTo",
+    class: _vm.thumbStyles,
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  })])], 1), _vm._v(" "), _c('div', {
+    class: _vm.labelStyles
+  }, [_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__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as default };

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.vue.d.ts

@@ -0,0 +1,136 @@
+import { PropType } from 'vue-demi';
+import { RangeSliderColor, RangeSliderOrientation } from './props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rail: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumbFrom: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumbTo: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    railStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    offsetStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    offsetComputedStyles: import("@vue/composition-api").ComputedRef<{
+        [x: string]: string;
+    }>;
+    trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    trackComputedStyles: import("@vue/composition-api").ComputedRef<{
+        [x: string]: string;
+    }>;
+    thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[number, number]>;
+    internalModelValueFrom: import("@vue/composition-api").WritableComputedRef<number>;
+    internalModelValueTo: import("@vue/composition-api").WritableComputedRef<number>;
+    isDraggingFrom: import("@vue/composition-api").ComputedRef<boolean>;
+    isDraggingTo: import("@vue/composition-api").ComputedRef<boolean>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    steps: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<"primary" | "secondary">;
+        default: RangeSliderColor;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: RangeSliderOrientation;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    steps: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<"primary" | "secondary">;
+        default: RangeSliderColor;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: RangeSliderOrientation;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: [number, number];
+    minValue: number;
+    maxValue: number;
+    steps: number;
+    color: "primary" | "secondary";
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rail: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumbFrom: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumbTo: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    railStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    offsetStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    offsetComputedStyles: import("@vue/composition-api").ComputedRef<{
+        [x: string]: string;
+    }>;
+    trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    trackComputedStyles: import("@vue/composition-api").ComputedRef<{
+        [x: string]: string;
+    }>;
+    thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[number, number]>;
+    internalModelValueFrom: import("@vue/composition-api").WritableComputedRef<number>;
+    internalModelValueTo: import("@vue/composition-api").WritableComputedRef<number>;
+    isDraggingFrom: import("@vue/composition-api").ComputedRef<boolean>;
+    isDraggingTo: import("@vue/composition-api").ComputedRef<boolean>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: [number, number];
+    minValue: number;
+    maxValue: number;
+    steps: number;
+    color: "primary" | "secondary";
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: [number, number];
+    minValue: number;
+    maxValue: number;
+    steps: number;
+    color: "primary" | "secondary";
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+}, true>);
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as OrRangeSliderV3 } from './OrRangeSlider.vue';
+export * from './props';

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

@@ -0,0 +1,2 @@
+export { default as OrRangeSliderV3 } from './OrRangeSlider.js';
+export { SliderColor as RangeSliderColor, SliderOrientation as RangeSliderOrientation } from '../OrSliderV3/props.js';

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

@@ -0,0 +1 @@
+export { SliderColor as RangeSliderColor, SliderOrientation as RangeSliderOrientation } from '../or-slider-v3';

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

@@ -0,0 +1 @@
+export { SliderColor as RangeSliderColor, SliderOrientation as RangeSliderOrientation } from '../OrSliderV3/props.js';

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

@@ -0,0 +1,14 @@
+import { RangeSliderColor, RangeSliderOrientation } from './props';
+export declare const RangeSlider: string[];
+export declare const RangeSliderOrientations: Record<RangeSliderOrientation, string[]>;
+export declare const RangeSliderRail: string[];
+export declare const RangeSliderRailOrientations: Record<RangeSliderOrientation, string[]>;
+export declare const RangeSliderOffset: string[];
+export declare const RangeSliderOffsetOrientations: Record<RangeSliderOrientation, string[]>;
+export declare const RangeSliderTrack: string[];
+export declare const RangeSliderTrackColors: Record<RangeSliderColor, string[]>;
+export declare const RangeSliderThumb: string[];
+export declare const RangeSliderThumbColors: Record<RangeSliderColor, string[]>;
+export declare const RangeSliderLabel: string[];
+export declare const RangeSliderLabelOrientations: Record<RangeSliderOrientation, string[]>;
+export declare const RangeSliderLabelMark: string[];

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

@@ -0,0 +1,97 @@
+import { SliderOrientation, SliderColor } from '../OrSliderV3/props.js';
+
+const RangeSlider = [
+// Interactivity
+'interactivity-default'];
+const RangeSliderOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-column',
+  // Box
+  'w-full'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-row',
+  // Box
+  'h-full']
+};
+const RangeSliderRail = [
+// Interactivity
+'interactivity-click',
+// Shape
+'rounded-full',
+// Theme
+'theme-background-disabled', 'dark:theme-background-disabled-dark'];
+const RangeSliderRailOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-row',
+  // Box
+  'w-full', 'h-xs', 'mx-none', 'my-md+'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-column-reverse items-center', 'w-xs', 'h-full', 'mx-md+', 'my-none']
+};
+const RangeSliderOffset = [];
+const RangeSliderOffsetOrientations = {
+  [SliderOrientation.Horizontal]: [],
+  [SliderOrientation.Vertical]: []
+};
+const RangeSliderTrack = [
+// Box
+'w-full', 'h-full',
+// Shape
+'rounded-full'];
+const RangeSliderTrackColors = {
+  [SliderColor.Primary]: [
+  // Theme
+  'theme-background-primary', 'dark:theme-background-primary-dark'],
+  [SliderColor.Secondary]: [
+  // Theme
+  'theme-background-secondary', 'dark:theme-background-secondary-dark']
+};
+const RangeSliderThumb = [
+// Layout
+'shrink-0',
+// Box
+'w-[20px]', 'h-[20px]', '-mx-[10px]', '-my-[10px]',
+// Shape
+'rounded-full',
+// Theme
+'theme-background-base', 'dark:theme-background-base-dark'];
+const RangeSliderThumbColors = {
+  [SliderColor.Primary]: [
+  // Theme
+  'theme-border-4-primary', 'dark:theme-border-4-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 (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 RangeSliderLabel = [];
+const RangeSliderLabelOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-row',
+  // Box
+  'w-full'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-column-reverse items-center',
+  // Box
+  'h-full']
+};
+const RangeSliderLabelMark = [
+// Typography
+'typography-caption-regular',
+// Theme
+'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+
+export { RangeSlider, 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 { g as useDraggable } from '../../index-a77d7adf.js';
+import { e as useDraggable } from '../../index-f29777b6.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-dad25115.js';
-import { e as useResizeObserver, o as onClickOutside } from '../../index-a77d7adf.js';
+import { u as useFocusTrap } from '../../useFocusTrap-1bc572f0.js';
+import { f as useResizeObserver, o as onClickOutside } from '../../index-f29777b6.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 { c as commonjsGlobal } from '../../_commonjsHelpers-1789f0cf.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 { a as watchDebounced } from '../../index-210a7ab2.js';
+import { a as watchDebounced } from '../../index-39fe2838.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

@@ -4,7 +4,7 @@ import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';
-import { a as watchDebounced } from '../../index-210a7ab2.js';
+import { a as watchDebounced } from '../../index-39fe2838.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a77d7adf.js';
+import { o as onClickOutside } from '../../index-f29777b6.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,7 +1,7 @@
 import { defineComponent, ref, computed, toRefs, watch, getCurrentInstance, onMounted } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { isEmptyValue } from '../../utils/isEmptyValue.js';
-import { f as useFocus } from '../../index-a77d7adf.js';
+import { g as useFocus } from '../../index-f29777b6.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import __vue_component__$5 from '../OrTagsV3/OrTags.js';
 import { TagsOverflow } from '../OrTagsV3/props.js';
@@ -703,7 +703,7 @@ var script = defineComponent({
     const searchControlStyles = computed(() => [...SelectSearchControl]);
     const dropdownStyles = computed(() => {
       var _a;
-      return ['or-select-popover-v3', ...SelectDropdown, ...(((_a = popover.value) === null || _a === void 0 ? void 0 : _a.isFlipped) ? SelectDropdownFlipped : SelectDropdownDefault)];
+      return [...SelectDropdown, ...(((_a = popover.value) === null || _a === void 0 ? void 0 : _a.isFlipped) ? SelectDropdownFlipped : SelectDropdownDefault)];
     });
     const dropdownItemStyles = computed(() => [...SelectDropdownItem]);
     const noSearchResultsStyles = computed(() => [...SelectNoSearchResults]);
@@ -986,13 +986,12 @@ var __vue_render__ = function () {
     }
   })], 2), _vm._v(" "), _c('OrPopover', {
     ref: "popover",
-    class: _vm.dropdownStyles,
     attrs: {
-      "custom-styles": _vm.dropdownStyles,
       "variant": 'auto',
       "trigger": _vm.inputBoxRoot,
       "placement": 'bottom',
       "full-width": true,
+      "custom-styles": _vm.dropdownStyles,
       "disable-default-styles": true
     }
   }, [_vm.popoverState === 'open' && _vm.enableSearch && _vm.isMobile ? [_c('OrInput', {

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

@@ -1,4 +1,4 @@
-import { g as useDraggable } from '../../index-a77d7adf.js';
+import { e as useDraggable } from '../../index-f29777b6.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/OrSlider/OrSlider.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, g as useDraggable } from '../../index-a77d7adf.js';
+import { o as onClickOutside, e as useDraggable } from '../../index-f29777b6.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';