@onereach/ui-components 8.4.0-beta.3653.0 → 8.4.0

package/dist/bundled/v3/components/OrSkeletonText/OrSkeletonText.vue.d.ts

@@ -0,0 +1,57 @@
+import { PropType } from 'vue-demi';
+import { OrSkeletonTextSizes } from '../constants';
+declare const _default: import("vue-demi").DefineComponent<{
+    isAnimated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    size: {
+        type: PropType<OrSkeletonTextSizes>;
+        required: false;
+        default: OrSkeletonTextSizes;
+    };
+}, unknown, unknown, {
+    skeletonClasses(): [string, {
+        'is-animated': boolean;
+    }];
+    rootStyle(): Record<string, string | number>;
+    lineKeys(): number[];
+}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    isAnimated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    size: {
+        type: PropType<OrSkeletonTextSizes>;
+        required: false;
+        default: OrSkeletonTextSizes;
+    };
+}>>, {
+    isAnimated: boolean;
+    linesCount: number;
+    width: string | number;
+    size: OrSkeletonTextSizes;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrSkeletonText/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrSkeletonText } from './OrSkeletonText.vue';
+export * from '../constants';

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

@@ -0,0 +1,2 @@
+export { OrSkeletonTextSizes } from '../OrSkeleton/constants.js';
+export { s as OrSkeletonText } from '../../OrSkeletonText.vue_vue_type_script_lang-cfe360bb.js';

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

@@ -0,0 +1,20 @@
+import { s as script } from '../../OrSkeletonText.vue_vue_type_script_lang-502607ef.js';
+export { s as default } from '../../OrSkeletonText.vue_vue_type_script_lang-502607ef.js';
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.containerStyles),
+    style: normalizeStyle(_ctx.containerStyle)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.lineKeys, key => {
+    return openBlock(), createElementBlock("div", {
+      key: key,
+      class: normalizeClass(_ctx.rowStyles),
+      style: normalizeStyle(_ctx.rowStyle)
+    }, null, 6 /* CLASS, STYLE */);
+  }), 128 /* KEYED_FRAGMENT */))], 6 /* CLASS, STYLE */);
+}
+
+script.render = render;
+script.__file = "src/components/or-skeleton-v3/or-skeleton-text-v3/OrSkeletonText.vue";

package/dist/bundled/v3/components/OrSkeletonTextV3/OrSkeletonText.vue.d.ts

@@ -0,0 +1,72 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    lineHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    containerStyles: import("vue-demi").ComputedRef<string[]>;
+    containerStyle: import("vue-demi").ComputedRef<{
+        width: string;
+    }>;
+    rowStyles: import("vue-demi").ComputedRef<string[]>;
+    rowStyle: import("vue-demi").ComputedRef<{
+        height: string;
+        margin: string;
+    }>;
+    lineKeys: import("vue-demi").ComputedRef<number[]>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    lineHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}>>, {
+    animated: boolean;
+    linesCount: number;
+    width: string | number;
+    fontSize: number;
+    lineHeight: number;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrSkeletonTextV3/index.d.ts

@@ -0,0 +1 @@
+export { default as OrSkeletonTextV3 } from './OrSkeletonText.vue';

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

@@ -0,0 +1 @@
+export { s as OrSkeletonTextV3 } from '../../OrSkeletonText.vue_vue_type_script_lang-502607ef.js';

package/dist/bundled/v3/components/OrSkeletonV3/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OrSkeletonCircleV3 } from './or-skeleton-circle-v3/OrSkeletonCircle.vue';
+export { default as OrSkeletonRectV3 } from './or-skeleton-rect-v3/OrSkeletonRect.vue';
+export { default as OrSkeletonTextV3 } from './or-skeleton-text-v3/OrSkeletonText.vue';

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

@@ -0,0 +1,3 @@
+export { s as OrSkeletonCircleV3 } from '../../OrSkeletonCircle.vue_vue_type_script_lang-2a2e5870.js';
+export { s as OrSkeletonRectV3 } from '../../OrSkeletonRect.vue_vue_type_script_lang-3a1d6b32.js';
+export { s as OrSkeletonTextV3 } from '../../OrSkeletonText.vue_vue_type_script_lang-502607ef.js';

package/dist/bundled/v3/components/OrSkeletonV3/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const SkeletonRoot: string[];
+export declare const SkeletonTextContainerRoot: string[];
+export declare const SkeletonCircle: string[];
+export declare const SkeletonRect: string[];
+export declare const SkeletonText: string[];
+export declare const SkeletonAnimated: string[];

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

@@ -0,0 +1,34 @@
+const SkeletonRoot = [
+// Position
+'relative',
+// Layout
+'overflow-hidden',
+// Box
+'p-0',
+// Borders
+'border-0',
+// Theme
+'bg-skeletons-gradient', 'dark:bg-skeletons-gradient-dark',
+// Background
+'bg-repeat'];
+const SkeletonTextContainerRoot = [
+// Layout
+'flex', 'flex-col',
+// Box
+'h-auto'];
+const SkeletonCircle = [
+// Box
+'rounded-full'];
+const SkeletonRect = [
+// Box
+'rounded-md'];
+const SkeletonText = [
+// Box
+'w-full', 'rounded-md'];
+const SkeletonAnimated = [
+// Background
+'bg-[length:200%]',
+// Animation
+'animate-skeleton-loader'];
+
+export { SkeletonAnimated, SkeletonCircle, SkeletonRect, SkeletonRoot, SkeletonText, SkeletonTextContainerRoot };

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

@@ -0,0 +1,98 @@
+import { s as script } from '../../OrSlider.vue_vue_type_script_lang-ae4652e3.js';
+export { s as default } from '../../OrSlider.vue_vue_type_script_lang-ae4652e3.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, createCommentVNode, renderSlot, createVNode, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, pushScopeId, popScopeId } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+
+const _withScopeId = n => (pushScopeId("data-v-7f42d058"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"];
+const _hoisted_2 = ["name", "value"];
+const _hoisted_3 = {
+  key: 1,
+  class: "or-slider__icon"
+};
+const _hoisted_4 = {
+  class: "or-slider__track-background"
+};
+const _hoisted_5 = {
+  key: 0
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "or-slider__marker"
+};
+const _hoisted_7 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "36",
+  height: "36"
+}, [/*#__PURE__*/createElementVNode("path", {
+  d: "M11 .5c-1.7.2-3.4.9-4.7 2-1.1.9-2 2-2.5 3.2-1.2 2.4-1.2 5.1-.1 7.7 1.1 2.6 2.8 5 5.3 7.5 1.2 1.2 2.8 2.7 3 2.7 0 0 .3-.2.6-.5 3.2-2.7 5.6-5.6 7.1-8.5.8-1.5 1.1-2.6 1.3-3.8.2-1.4 0-2.9-.5-4.3-1.2-3.2-4.1-5.4-7.5-5.8-.5-.2-1.5-.2-2-.2z"
+})], -1 /* HOISTED */));
+const _hoisted_8 = {
+  class: "or-slider__marker-text"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_icon = resolveComponent("or-icon");
+  return openBlock(), createElementBlock("div", {
+    ref: "slider",
+    class: normalizeClass(["or-slider", _ctx.classes]),
+    role: "slider",
+    "aria-valuemax": _ctx.moderatedMax,
+    "aria-valuemin": _ctx.moderatedMin,
+    "aria-valuenow": _ctx.localValue,
+    tabindex: _ctx.disabled ? null : _ctx.tabindex || '0',
+    onFocus: _cache[2] || (_cache[2] = $event => _ctx.isActive = true),
+    onKeydown: [_cache[3] || (_cache[3] = withKeys(withModifiers(function () {
+      return _ctx.decrementValue && _ctx.decrementValue(...arguments);
+    }, ["prevent"]), ["down"])), _cache[4] || (_cache[4] = withKeys(withModifiers(function () {
+      return _ctx.decrementValue && _ctx.decrementValue(...arguments);
+    }, ["prevent"]), ["left"])), _cache[5] || (_cache[5] = withKeys(withModifiers(function () {
+      return _ctx.incrementValue && _ctx.incrementValue(...arguments);
+    }, ["prevent"]), ["right"])), _cache[6] || (_cache[6] = withKeys(withModifiers(function () {
+      return _ctx.incrementValue && _ctx.incrementValue(...arguments);
+    }, ["prevent"]), ["up"]))]
+  }, [_ctx.name ? (openBlock(), createElementBlock("input", {
+    key: 0,
+    class: "or-slider__hidden-input",
+    type: "hidden",
+    name: _ctx.name,
+    value: _ctx.modelValue
+  }, null, 8 /* PROPS */, _hoisted_2)) : createCommentVNode("v-if", true), _ctx.hasIcon ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_component_or_icon, {
+    icon: _ctx.icon,
+    color: "neutral-5"
+  }, null, 8 /* PROPS */, ["icon"])])])) : createCommentVNode("v-if", true), createElementVNode("div", {
+    ref: "track",
+    class: "or-slider__track",
+    onPointerdown: _cache[0] || (_cache[0] = function () {
+      return _ctx.onDragStart && _ctx.onDragStart(...arguments);
+    }),
+    onPointerup: _cache[1] || (_cache[1] = function () {
+      return _ctx.onDragStop && _ctx.onDragStop(...arguments);
+    })
+  }, [createElementVNode("div", _hoisted_4, [_ctx.snapToSteps ? (openBlock(), createElementBlock("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.snapPoints, point => {
+    return openBlock(), createElementBlock("span", {
+      key: point,
+      class: "or-slider__snap-point",
+      style: normalizeStyle({
+        left: 100 * _ctx.relativeValue(point) + '%'
+      })
+    }, null, 4 /* STYLE */);
+  }), 128 /* KEYED_FRAGMENT */))])) : createCommentVNode("v-if", true)]), createElementVNode("div", {
+    class: "or-slider__track-fill",
+    style: normalizeStyle(_ctx.fillStyle)
+  }, null, 4 /* STYLE */), createElementVNode("div", {
+    ref: "thumb",
+    class: "or-slider__thumb",
+    style: normalizeStyle(_ctx.thumbStyle)
+  }, [_ctx.showMarker ? (openBlock(), createElementBlock("div", _hoisted_6, [_hoisted_7, createElementVNode("span", _hoisted_8, toDisplayString(_ctx.markerText), 1 /* TEXT */)])) : createCommentVNode("v-if", true)], 4 /* STYLE */)], 544 /* HYDRATE_EVENTS, NEED_PATCH */)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
+}
+
+var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-7f42d058 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-7f42d058 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-slider[data-v-7f42d058] {\n  display: flex;\n  align-items: center;\n  outline: none;\n}\n.or-slider:not(.is-disabled).is-active:not(.has-marker) .or-slider__thumb[data-v-7f42d058]::before, .or-slider:not(.is-disabled).is-dragging:not(.has-marker) .or-slider__thumb[data-v-7f42d058]::before {\n  transform: scale(1);\n}\n.or-slider:not(.is-disabled).is-active .or-slider__marker[data-v-7f42d058], .or-slider:not(.is-disabled).is-dragging .or-slider__marker[data-v-7f42d058] {\n  opacity: 1;\n  transform: scale(1) translateY(-26px);\n}\n.or-slider:not(.is-disabled).is-active .or-slider__marker-text[data-v-7f42d058], .or-slider:not(.is-disabled).is-dragging .or-slider__marker-text[data-v-7f42d058] {\n  color: white;\n}\n.or-slider:not(.is-disabled).is-active .or-slider__snap-point[data-v-7f42d058], .or-slider:not(.is-disabled).is-dragging .or-slider__snap-point[data-v-7f42d058] {\n  opacity: 1;\n}\n.or-slider:not(.is-disabled).is-active .or-slider__icon[data-v-7f42d058] .or-icon, .or-slider:not(.is-disabled).is-dragging .or-slider__icon[data-v-7f42d058] .or-icon {\n  color: var(--c-primary);\n}\n.or-slider.is-disabled .or-slider__icon[data-v-7f42d058] {\n  opacity: 0.6;\n}\n.or-slider.is-disabled .or-slider__track[data-v-7f42d058] {\n  cursor: default;\n}\n.or-slider.is-disabled .or-slider__track-fill[data-v-7f42d058] {\n  background-color: transparent;\n}\n.or-slider.is-disabled .or-slider__thumb[data-v-7f42d058] {\n  background-color: #DDD;\n  border: var(--s-1) solid white;\n}\n.or-slider__icon[data-v-7f42d058] {\n  display: flex;\n  margin-right: var(--s-4);\n}\n.or-slider__track[data-v-7f42d058] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 18px;\n  margin: 0 auto;\n  cursor: pointer;\n}\n.or-slider__track-background[data-v-7f42d058],\n.or-slider__track-fill[data-v-7f42d058] {\n  position: absolute;\n  top: calc((18px - 3px) / 2);\n  left: 0;\n  display: block;\n  height: 3px;\n  content: \"\";\n}\n.or-slider__track-background[data-v-7f42d058] {\n  width: 100%;\n  background-color: var(--c-neutral-1-darken-5);\n}\n.or-slider__snap-point[data-v-7f42d058] {\n  position: absolute;\n  z-index: 1;\n  width: var(--s-1);\n  height: 3px;\n  background-color: var(--c-neutral-6);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.or-slider__track-fill[data-v-7f42d058] {\n  width: 100%;\n  background-color: var(--c-primary);\n  transform-origin: left;\n}\n.or-slider__thumb[data-v-7f42d058] {\n  position: relative;\n  left: 0;\n  z-index: 1;\n  display: block;\n  width: 14px;\n  height: 14px;\n  margin-left: calc(-14px / 2);\n  cursor: inherit;\n  background-color: var(--c-primary);\n  border-radius: 50%;\n}\n.or-slider__thumb[data-v-7f42d058]::before {\n  position: absolute;\n  display: block;\n  width: 36px;\n  height: 36px;\n  margin-top: calc((14px - 36px) / 2);\n  margin-left: calc((14px - 36px) / 2);\n  content: \"\";\n  background-color: rgba(33, 150, 243, 0.38);\n  border-radius: 50%;\n  transition: transform 0.2s ease;\n  transform: scale(0);\n  transform-origin: center;\n}\n.or-slider__marker[data-v-7f42d058] {\n  position: absolute;\n  width: 36px;\n  height: 36px;\n  margin-top: calc((14px - 36px) / 2);\n  margin-left: calc((14px - 36px) / 2);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  opacity: 0;\n  transition: all 0.2s ease;\n  transform: scale(0) translateY(0);\n}\n.or-slider__marker svg[data-v-7f42d058] {\n  width: 36px;\n  height: 36px;\n  fill: var(--c-primary);\n}\n.or-slider__marker-text[data-v-7f42d058] {\n  position: absolute;\n  top: var(--s-2);\n  left: 0;\n  width: 36px;\n  font-size: var(--fs-1);\n  font-weight: var(--fs-1);\n  color: var(--c-primary);\n  text-align: center;\n  transition: color 0.2s ease;\n}";
+styleInject(css_248z$1);
+
+var css_248z = ".or-slider--is-dragging {\n  touch-action: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-7f42d058";
+script.__file = "src/components/or-slider/OrSlider.vue";

package/dist/bundled/v3/components/OrSlider/OrSlider.vue.d.ts

@@ -0,0 +1,136 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    name: {
+        type: StringConstructor;
+        default: null;
+    };
+    tabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: {
+        type: StringConstructor;
+        default: null;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    snapToSteps: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMarker: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    markerValue: {
+        type: NumberConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    slider: import("vue-demi").Ref<HTMLElement | null>;
+    initialValue: any;
+    isActive: import("vue-demi").Ref<{
+        valueOf: () => boolean;
+    }>;
+    localValue: any;
+}, unknown, {
+    classes(): Record<string, boolean>[];
+    hasIcon(): boolean;
+    fillStyle(): Record<string, string>;
+    thumbStyle(): Record<string, string>;
+    markerText(): number;
+    snapPoints(): number[];
+    moderatedMin(): number;
+    moderatedMax(): number;
+}, {
+    focus(): void;
+    reset(): void;
+    setValueWithSnap(value: number): void;
+    setValue(value: number): void;
+    incrementValue(): void;
+    decrementValue(): void;
+    getTrackOffset(): number;
+    onDragStart(e: PointerEvent): void;
+    dragUpdate(e: PointerEvent): void;
+    onDragStop(): void;
+    getNearestSnapPoint(value: number): number;
+    relativeValue(value: number): number;
+    moderateValue(value: number): number;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    name: {
+        type: StringConstructor;
+        default: null;
+    };
+    tabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: {
+        type: StringConstructor;
+        default: null;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    snapToSteps: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMarker: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    markerValue: {
+        type: NumberConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    modelValue: any;
+    tabindex: number;
+    icon: string;
+    min: number;
+    max: number;
+    step: number;
+    snapToSteps: boolean;
+    showMarker: boolean;
+    markerValue: number;
+    disabled: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrSlider/index.d.ts

@@ -0,0 +1 @@
+export { default as OrSlider } from './OrSlider.vue';

package/dist/bundled/v3/components/OrSlider/index.js

@@ -0,0 +1 @@
+export { s as OrSlider } from '../../OrSlider.vue_vue_type_script_lang-ae4652e3.js';

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

@@ -0,0 +1,51 @@
+import { s as script } from '../../OrSlider.vue_vue_type_script_lang-e26488b0.js';
+export { s as default } from '../../OrSlider.vue_vue_type_script_lang-e26488b0.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, toDisplayString } from 'vue';
+
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = /*#__PURE__*/createElementVNode("div", {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+}, null, -1 /* HOISTED */);
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrTooltip = resolveComponent("OrTooltip");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    disabled: _ctx.disabled
+  }, [createElementVNode("div", {
+    ref: "rail",
+    class: normalizeClass(_ctx.railStyles),
+    disabled: _ctx.disabled
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.trackStyles),
+    style: normalizeStyle(_ctx.trackComputedStyles),
+    disabled: _ctx.disabled
+  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, {
+    class: normalizeClass(['relative', 'z-10']),
+    "is-open": _ctx.isHovering || _ctx.isDragging,
+    content: String(_ctx.proxyModelValue),
+    placement: _ctx.orientation === 'horizontal' ? 'top' : 'right',
+    offset: 8,
+    "external-control": true
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      ref: "thumb",
+      class: normalizeClass(_ctx.thumbStyles),
+      disabled: _ctx.disabled
+    }, null, 10 /* CLASS, PROPS */, _hoisted_4)]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["is-open", "content", "placement"])], 10 /* CLASS, PROPS */, _hoisted_2), createElementVNode("div", {
+    class: normalizeClass(_ctx.labelStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.labelMarkStyles)
+  }, toDisplayString(_ctx.minValue), 3 /* TEXT, CLASS */), _hoisted_5, createElementVNode("div", {
+    class: normalizeClass(_ctx.labelMarkStyles)
+  }, toDisplayString(_ctx.maxValue), 3 /* TEXT, CLASS */)], 2 /* CLASS */)], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-slider-v3/OrSlider.vue";

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

@@ -0,0 +1,89 @@
+import { PropType } from 'vue-demi';
+import { SliderColor, SliderOrientation } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: PropType<"primary" | "secondary">;
+        default: SliderColor;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: SliderOrientation;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rail: import("vue-demi").Ref<HTMLElement | undefined>;
+    thumb: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    railStyles: import("vue-demi").ComputedRef<string[]>;
+    trackStyles: import("vue-demi").ComputedRef<string[]>;
+    trackComputedStyles: import("vue-demi").ComputedRef<{
+        [x: string]: string;
+    }>;
+    thumbStyles: import("vue-demi").ComputedRef<string[]>;
+    labelStyles: import("vue-demi").ComputedRef<string[]>;
+    labelMarkStyles: import("vue-demi").ComputedRef<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
+    internalModelValue: import("vue-demi").WritableComputedRef<number>;
+    isHovering: import("vue-demi").Ref<boolean>;
+    isDragging: import("vue-demi").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: PropType<"primary" | "secondary">;
+        default: SliderColor;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: SliderOrientation;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: number;
+    minValue: number;
+    maxValue: number;
+    step: number;
+    color: "primary" | "secondary";
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrSliderV3/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export { SliderColor, SliderOrientation } from './props.js';
+export { s as OrSliderV3 } from '../../OrSlider.vue_vue_type_script_lang-e26488b0.js';

package/dist/bundled/v3/components/OrSliderV3/props.d.ts

@@ -0,0 +1,8 @@
+export declare enum SliderColor {
+    Primary = "primary",
+    Secondary = "secondary"
+}
+export declare enum SliderOrientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}

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

@@ -0,0 +1,12 @@
+var SliderColor;
+(function (SliderColor) {
+  SliderColor["Primary"] = "primary";
+  SliderColor["Secondary"] = "secondary";
+})(SliderColor || (SliderColor = {}));
+var SliderOrientation;
+(function (SliderOrientation) {
+  SliderOrientation["Horizontal"] = "horizontal";
+  SliderOrientation["Vertical"] = "vertical";
+})(SliderOrientation || (SliderOrientation = {}));
+
+export { SliderColor, SliderOrientation };

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

@@ -0,0 +1,12 @@
+import { SliderColor, SliderOrientation } from './props';
+export declare const Slider: string[];
+export declare const SliderOrientations: Record<SliderOrientation, string[]>;
+export declare const SliderRail: string[];
+export declare const SliderRailOrientations: Record<SliderOrientation, string[]>;
+export declare const SliderTrack: string[];
+export declare const SliderTrackColors: Record<SliderColor, string[]>;
+export declare const SliderThumb: string[];
+export declare const SliderThumbColors: Record<SliderColor, string[]>;
+export declare const SliderLabel: string[];
+export declare const SliderLabelOrientations: Record<SliderOrientation, string[]>;
+export declare const SliderLabelMark: string[];