@thkzt/eunoia 0.0.1-beta

package/dist/components/form/Slider/Slider.vue.d.ts

@@ -0,0 +1,53 @@
+import { type LocaleMessages } from "@/composables";
+type __VLS_Props = {
+    range?: boolean;
+    dense?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    locale?: LocaleMessages;
+    helper?: string;
+    errors?: string[];
+    maxlength?: number;
+    options?: Array<{
+        label?: string;
+        value: string | number;
+    }>;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: number | [number, number];
+};
+declare var __VLS_4: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_4) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number | [number, number] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | [number, number] | undefined) => any) | undefined;
+}>, {
+    locale: LocaleMessages;
+    dense: boolean;
+    invalid: boolean;
+    disabled: boolean;
+    helper: string;
+    errors: string[];
+    range: boolean;
+    options: Array<{
+        label?: string;
+        value: string | number;
+    }>;
+    maxlength: number;
+    max: number;
+    min: number;
+    step: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/Slider/Slider.vue.js

@@ -0,0 +1,121 @@
+import { defineComponent as L, mergeModels as N, useModel as _, computed as n, createElementBlock as C, openBlock as r, createVNode as M, createElementVNode as h, createBlock as l, createCommentVNode as a, unref as s, withCtx as t, renderSlot as A, resolveDynamicComponent as S, mergeProps as I, createTextVNode as D, toDisplayString as E } from "vue";
+import { useForwardedAttrs as P } from "../../../composables/useForwardedAttrs.js";
+import { useLocale as U } from "../../../composables/useLocale.js";
+import { useSanitizedId as g } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+import z from "../Input/primitives/Label.vue.js";
+import F from "../Input/primitives/InputHintRow.vue.js";
+import H from "../Input/primitives/InputHelper.vue.js";
+import T from "../Input/primitives/InputError.vue.js";
+import j from "./variants/SingleSlider.vue.js";
+import q from "./variants/RangeSlider.vue.js";
+import G from "./primitives/Datalist.vue.js";
+import y from "./primitives/Limit.vue.js";
+const J = { class: "flex flex-col gap-1" }, K = { class: "flex w-full items-center gap-2" }, O = { class: "h-fit w-full" }, se = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "Slider",
+  props: /* @__PURE__ */ N({
+    range: { type: Boolean, default: !1 },
+    dense: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    locale: { default: void 0 },
+    helper: { default: void 0 },
+    errors: { default: void 0 },
+    maxlength: { default: void 0 },
+    options: { default: void 0 },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    step: { default: void 0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const d = g("range-slider"), m = g("range-slider-marker"), { forwardedAttrs: k } = P(), u = _(i, "modelValue"), o = i, { t: f } = U(
+      "slider",
+      n(() => o.locale)
+    ), V = n(
+      () => o.range ? q : j
+    ), w = n(
+      () => o.range ? { ariaLabelLower: f("lower-handle"), ariaLabelUpper: f("upper-handle") } : {}
+    ), p = n(() => {
+      var e;
+      return o.helper && !((e = o.errors) != null && e.length);
+    }), $ = n(() => {
+      var e;
+      return o.min === void 0 ? !1 : (e = o.options) != null && e.length ? Number(o.options[0].value) !== o.min : !0;
+    }), b = n(() => {
+      var e;
+      return o.max === void 0 ? !1 : (e = o.options) != null && e.length ? Number(o.options[o.options.length - 1].value) !== o.max : !0;
+    });
+    return (e, v) => {
+      var c;
+      return r(), C("div", J, [
+        M(z, {
+          dense: e.dense,
+          for: s(d)
+        }, {
+          default: t(() => [
+            A(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["dense", "for"]),
+        h("div", K, [
+          $.value ? (r(), l(y, {
+            key: 0,
+            value: e.min,
+            dense: e.dense
+          }, null, 8, ["value", "dense"])) : a("", !0),
+          h("div", O, [
+            (r(), l(S(V.value), I({
+              id: s(d),
+              modelValue: u.value,
+              "onUpdate:modelValue": v[0] || (v[0] = (B) => u.value = B),
+              list: e.options ? s(m) : void 0,
+              disabled: e.disabled,
+              invalid: e.invalid,
+              dense: e.dense,
+              min: e.min ?? 0,
+              max: e.max ?? 100,
+              step: e.step ?? 1
+            }, { ...s(k), ...w.value }), null, 16, ["id", "modelValue", "list", "disabled", "invalid", "dense", "min", "max", "step"])),
+            e.options ? (r(), l(G, {
+              key: 0,
+              id: s(m),
+              options: e.options
+            }, null, 8, ["id", "options"])) : a("", !0)
+          ]),
+          b.value ? (r(), l(y, {
+            key: 1,
+            value: e.max,
+            dense: e.dense
+          }, null, 8, ["value", "dense"])) : a("", !0)
+        ]),
+        p.value || e.maxlength ? (r(), l(F, {
+          key: 0,
+          dense: e.dense
+        }, {
+          default: t(() => [
+            p.value ? (r(), l(H, { key: 0 }, {
+              default: t(() => [
+                D(E(e.helper), 1)
+              ]),
+              _: 1
+            })) : a("", !0)
+          ]),
+          _: 1
+        }, 8, ["dense"])) : a("", !0),
+        (c = e.errors) != null && c.length ? (r(), l(T, {
+          key: 1,
+          errors: e.errors,
+          dense: e.dense
+        }, null, 8, ["errors", "dense"])) : a("", !0)
+      ]);
+    };
+  }
+});
+export {
+  se as default
+};

package/dist/components/form/Slider/Slider.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Slider.vue.js";
+export {
+  f as default
+};

package/dist/components/form/Slider/primitives/Datalist.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    options?: Record<{
+        label?: string;
+        value: string | number;
+    }>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/Slider/primitives/Datalist.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent as p, createElementBlock as t, openBlock as r, mergeProps as n, unref as s, Fragment as m, renderList as d } from "vue";
+import { tv as f } from "tailwind-variants";
+import { useForwardedAttrs as u } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const c = ["id"], y = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "Datalist",
+  props: {
+    options: {}
+  },
+  setup(_) {
+    const { classAttr: a, forwardedAttrs: i } = u(), l = f({
+      base: ["flex justify-between"],
+      variants: {
+        dense: {
+          true: "text-xs",
+          false: "text-xs"
+        }
+      }
+    });
+    return (e, k) => (r(), t("datalist", n({ id: e.markerId }, s(i), {
+      class: s(l)({ dense: e.dense, class: s(a) })
+    }), [
+      (r(!0), t(m, null, d(e.options, (o) => (r(), t("option", n({ ref_for: !0 }, o, {
+        key: o.value,
+        class: "p-0 text-center"
+      }), null, 16))), 128))
+    ], 16, c));
+  }
+});
+export {
+  y as default
+};

package/dist/components/form/Slider/primitives/Datalist.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Datalist.vue.js";
+export {
+  f as default
+};

package/dist/components/form/Slider/primitives/HandleTooltip.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    dense?: boolean;
+    visible: boolean;
+    /** 0–100 percentage of the handle position within the track. */
+    pct: number;
+    value: number | string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/Slider/primitives/HandleTooltip.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent as i, computed as c, createBlock as p, openBlock as o, Transition as d, withCtx as u, createElementBlock as m, createCommentVNode as b, normalizeStyle as x, createElementVNode as r, normalizeClass as v, unref as y, toDisplayString as f } from "vue";
+import { tv as k } from "tailwind-variants";
+const w = /* @__PURE__ */ i({
+  __name: "HandleTooltip",
+  props: {
+    dense: { type: Boolean },
+    visible: { type: Boolean },
+    pct: {},
+    value: {}
+  },
+  setup(n) {
+    const a = n, s = c(() => {
+      const e = a.dense ? 14 : 20, t = e / 2;
+      return {
+        left: `calc(${t}px + ${a.pct / 100} * (100% - ${e}px))`,
+        // Position above the thumb: track center (50%) + thumb radius + gap
+        bottom: `calc(50% + ${t}px + 4px)`
+      };
+    }), l = k({
+      base: [
+        "rounded px-1.5 font-medium tabular-nums",
+        "bg-neutral-800 text-white",
+        "dark:bg-neutral-100 dark:text-neutral-900"
+      ],
+      variants: {
+        dense: {
+          true: "text-2xs py-px",
+          false: "py-0.5 text-xs"
+        }
+      }
+    });
+    return (e, t) => (o(), p(d, {
+      "enter-from-class": "opacity-0 scale-90",
+      "enter-active-class": "transition-[opacity,scale] duration-150 origin-bottom",
+      "leave-active-class": "transition-[opacity,scale] duration-100 origin-bottom",
+      "leave-to-class": "opacity-0 scale-90"
+    }, {
+      default: u(() => [
+        e.visible ? (o(), m("div", {
+          key: 0,
+          class: "pointer-events-none absolute z-10 -translate-x-1/2 whitespace-nowrap",
+          style: x(s.value)
+        }, [
+          r("div", {
+            class: v(y(l)({ dense: e.dense }))
+          }, f(e.value), 3),
+          t[0] || (t[0] = r("div", { class: "absolute top-full left-1/2 size-0 -translate-x-1/2 border-x-4 border-t-4 border-x-transparent border-t-neutral-800 dark:border-t-neutral-100" }, null, -1))
+        ], 4)) : b("", !0)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  w as default
+};

package/dist/components/form/Slider/primitives/HandleTooltip.vue2.js

@@ -0,0 +1,4 @@
+import f from "./HandleTooltip.vue.js";
+export {
+  f as default
+};

package/dist/components/form/Slider/primitives/Limit.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    dense?: boolean;
+    value?: string | number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/Slider/primitives/Limit.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as n, createElementBlock as s, openBlock as r, normalizeClass as o, unref as a, toDisplayString as l } from "vue";
+import { tv as i } from "tailwind-variants";
+const d = /* @__PURE__ */ n({
+  inheritAttrs: !1,
+  __name: "Limit",
+  props: {
+    dense: { type: Boolean },
+    value: {}
+  },
+  setup(p) {
+    const t = i({
+      base: ["text-xs select-none", "text-neutral-500", "dark:text-neutral-400"]
+    });
+    return (e, m) => (r(), s("div", {
+      class: o(a(t)({ dense: e.dense }))
+    }, l(e.value), 3));
+  }
+});
+export {
+  d as default
+};

package/dist/components/form/Slider/primitives/Limit.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Limit.vue.js";
+export {
+  f as default
+};

package/dist/components/form/Slider/primitives/SliderInput.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    dense?: boolean;
+    disabled?: boolean;
+    /** Dual-handle mode: disables pointer-events on the input, re-enables on the thumb only. */
+    range?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/Slider/primitives/SliderInput.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent as o, createElementBlock as a, openBlock as b, mergeProps as s, unref as r } from "vue";
+import { tv as u } from "tailwind-variants";
+import { useForwardedAttrs as m } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const c = /* @__PURE__ */ o({
+  inheritAttrs: !1,
+  __name: "SliderInput",
+  props: {
+    dense: { type: Boolean },
+    disabled: { type: Boolean },
+    range: { type: Boolean }
+  },
+  setup(i) {
+    const { forwardedAttrs: t } = m(), n = u({
+      base: [
+        "absolute inset-0 w-full appearance-none bg-transparent focus:outline-none",
+        "[&::-webkit-slider-runnable-track]:bg-transparent",
+        "[&::-webkit-slider-thumb]:appearance-none",
+        "[&::-webkit-slider-thumb]:rounded-full",
+        "[&::-webkit-slider-thumb]:bg-white",
+        "[&::-webkit-slider-thumb]:border-2",
+        "[&::-webkit-slider-thumb]:border-primary-500",
+        "[&::-webkit-slider-thumb]:shadow-sm",
+        "[&::-webkit-slider-thumb]:cursor-grab",
+        "[&::-webkit-slider-thumb:active]:cursor-grabbing",
+        "[&::-moz-range-track]:bg-transparent",
+        "[&::-moz-range-thumb]:appearance-none",
+        "[&::-moz-range-thumb]:rounded-full",
+        "[&::-moz-range-thumb]:bg-white",
+        "[&::-moz-range-thumb]:border-2",
+        "[&::-moz-range-thumb]:border-primary-500",
+        "[&::-moz-range-thumb]:shadow-sm",
+        "[&::-moz-range-thumb]:cursor-grab"
+      ],
+      variants: {
+        range: {
+          true: [
+            "pointer-events-none",
+            "[&::-webkit-slider-thumb]:pointer-events-auto",
+            "[&::-moz-range-thumb]:pointer-events-auto"
+          ],
+          false: "cursor-pointer"
+        },
+        dense: {
+          true: [
+            "[&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:w-3.5",
+            "[&::-moz-range-thumb]:h-3.5 [&::-moz-range-thumb]:w-3.5"
+          ],
+          false: [
+            "[&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5",
+            "[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5"
+          ]
+        },
+        disabled: {
+          true: [
+            "cursor-not-allowed",
+            "[&::-webkit-slider-thumb]:cursor-not-allowed",
+            "[&::-webkit-slider-thumb]:border-neutral-400",
+            "[&::-webkit-slider-thumb]:bg-neutral-100",
+            "[&::-moz-range-thumb]:cursor-not-allowed",
+            "[&::-moz-range-thumb]:border-neutral-400",
+            "[&::-moz-range-thumb]:bg-neutral-100"
+          ],
+          false: ""
+        }
+      }
+    });
+    return (e, l) => (b(), a("input", s({ type: "range" }, r(t), {
+      class: r(n)({ dense: e.dense, disabled: e.disabled, range: e.range })
+    }), null, 16));
+  }
+});
+export {
+  c as default
+};

package/dist/components/form/Slider/primitives/SliderInput.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SliderInput.vue.js";
+export {
+  f as default
+};

package/dist/components/form/Slider/variants/RangeSlider.vue.d.ts

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    id?: string;
+    ariaLabelLower?: string;
+    ariaLabelUpper?: string;
+    dense?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    list?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: [number, number];
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: [number, number] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: [number, number] | undefined) => any) | undefined;
+}>, {
+    id: string;
+    dense: boolean;
+    invalid: boolean;
+    disabled: boolean;
+    max: number;
+    min: number;
+    step: number;
+    ariaLabelLower: string;
+    ariaLabelUpper: string;
+    list: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/Slider/variants/RangeSlider.vue.js

@@ -0,0 +1,153 @@
+import { defineComponent as h, mergeModels as F, useModel as C, ref as c, computed as n, createElementBlock as D, openBlock as R, mergeProps as Z, unref as d, createElementVNode as y, createVNode as v, normalizeClass as L, normalizeStyle as f } from "vue";
+import { tv as b } from "tailwind-variants";
+import { useForwardedAttrs as j } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import B from "../primitives/HandleTooltip.vue.js";
+import $ from "../primitives/SliderInput.vue.js";
+const T = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "RangeSlider",
+  props: /* @__PURE__ */ F({
+    id: { default: void 0 },
+    ariaLabelLower: { default: void 0 },
+    ariaLabelUpper: { default: void 0 },
+    dense: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    list: { default: void 0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(w) {
+    const { classAttr: P, forwardedAttrs: V } = j(), u = C(w, "modelValue"), a = w, s = c(!1), i = c(!1);
+    function k() {
+      a.disabled || (s.value = !0, window.addEventListener(
+        "pointerup",
+        () => {
+          s.value = !1;
+        },
+        { once: !0 }
+      ));
+    }
+    function A() {
+      a.disabled || (i.value = !0, window.addEventListener(
+        "pointerup",
+        () => {
+          i.value = !1;
+        },
+        { once: !0 }
+      ));
+    }
+    const t = n(() => {
+      var e;
+      return ((e = u.value) == null ? void 0 : e[0]) ?? a.min;
+    }), r = n(() => {
+      var e;
+      return ((e = u.value) == null ? void 0 : e[1]) ?? a.max;
+    }), o = n(() => a.max - a.min), p = n(
+      () => o.value > 0 ? (t.value - a.min) / o.value * 100 : 0
+    ), g = n(
+      () => o.value > 0 ? (r.value - a.min) / o.value * 100 : 100
+    ), I = n(() => t.value === a.max ? 5 : 3), M = n(() => 4);
+    function S(e) {
+      const l = Number(e.target.value);
+      u.value = [Math.min(l, r.value), r.value];
+    }
+    function z(e) {
+      const l = Number(e.target.value);
+      u.value = [t.value, Math.max(l, t.value)];
+    }
+    const E = b({
+      base: "relative flex w-full items-center select-none",
+      variants: {
+        dense: { true: "h-5", false: "h-6" },
+        disabled: { true: "opacity-50", false: "" }
+      }
+    }), N = b({
+      base: [
+        "pointer-events-none absolute inset-x-0 top-1/2 -translate-y-1/2 rounded-full",
+        "bg-neutral-200",
+        "dark:bg-neutral-700"
+      ],
+      variants: {
+        dense: { true: "h-1", false: "h-1.5" },
+        invalid: { true: ["bg-red-100", "dark:bg-red-900"], false: "" }
+      }
+    }), U = b({
+      base: [
+        "pointer-events-none absolute top-1/2 -translate-y-1/2 rounded-full",
+        "bg-primary-500"
+      ],
+      variants: {
+        dense: { true: "h-1", false: "h-1.5" },
+        disabled: { true: ["bg-neutral-400", "dark:bg-neutral-500"], false: "" },
+        invalid: { true: "bg-red-500", false: "" }
+      }
+    });
+    return (e, l) => (R(), D("div", Z({
+      class: d(E)({ dense: e.dense, disabled: e.disabled, class: d(P) })
+    }, d(V)), [
+      y("div", {
+        class: L(d(N)({ dense: e.dense, invalid: e.invalid }))
+      }, null, 2),
+      y("div", {
+        class: L(d(U)({ dense: e.dense, disabled: e.disabled, invalid: e.invalid })),
+        style: f({ left: `${p.value}%`, width: `${g.value - p.value}%` })
+      }, null, 6),
+      v(B, {
+        visible: s.value,
+        pct: p.value,
+        value: t.value,
+        dense: e.dense
+      }, null, 8, ["visible", "pct", "value", "dense"]),
+      v(B, {
+        visible: i.value,
+        pct: g.value,
+        value: r.value,
+        dense: e.dense
+      }, null, 8, ["visible", "pct", "value", "dense"]),
+      v($, {
+        id: e.id,
+        range: "",
+        "aria-label": e.ariaLabelLower,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        value: t.value,
+        disabled: e.disabled,
+        list: e.list,
+        dense: e.dense,
+        style: f({ zIndex: I.value }),
+        onInput: S,
+        onPointerdown: k,
+        onFocus: l[0] || (l[0] = (m) => s.value = !0),
+        onBlur: l[1] || (l[1] = (m) => s.value = !1)
+      }, null, 8, ["id", "aria-label", "min", "max", "step", "value", "disabled", "list", "dense", "style"]),
+      v($, {
+        range: "",
+        "aria-label": e.ariaLabelUpper,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        value: r.value,
+        disabled: e.disabled,
+        list: e.list,
+        dense: e.dense,
+        style: f({ zIndex: M.value }),
+        onInput: z,
+        onPointerdown: A,
+        onFocus: l[2] || (l[2] = (m) => i.value = !0),
+        onBlur: l[3] || (l[3] = (m) => i.value = !1)
+      }, null, 8, ["aria-label", "min", "max", "step", "value", "disabled", "list", "dense", "style"])
+    ], 16));
+  }
+});
+export {
+  T as default
+};

package/dist/components/form/Slider/variants/RangeSlider.vue2.js

@@ -0,0 +1,4 @@
+import f from "./RangeSlider.vue.js";
+export {
+  f as default
+};

package/dist/components/form/Slider/variants/SingleSlider.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    id?: string;
+    dense?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+}>, {
+    id: string;
+    dense: boolean;
+    invalid: boolean;
+    disabled: boolean;
+    max: number;
+    min: number;
+    step: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;