@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.104

package/dist/dist-DDck_2lb.js

@@ -0,0 +1,451 @@
+import { a as D } from "./dist-xCbHbMLA.js";
+import { t as B } from "./dist-CCdbu9GU.js";
+import { i as we, r as T, t as Pe } from "./dist-D-yS0HN8.js";
+import { t as Re } from "./dist-pWlMx4Fi2.js";
+import { t as _e } from "./dist-CzKqHuqJ2.js";
+import { t as xe } from "./dist-DGOjiAnB2.js";
+import * as u from "react";
+import { Fragment as Ee, jsx as S, jsxs as ye } from "react/jsx-runtime";
+var Ce = Object.defineProperty, Me = (t, e) => Ce(t, "name", {
+  value: e,
+  configurable: !0
+});
+function j(t, [e, r]) {
+  return Math.min(r, Math.max(e, t));
+}
+Me(j, "clamp");
+var Te = Object.defineProperty, De = (t, e) => Te(t, "name", {
+  value: e,
+  configurable: !0
+});
+function te(t) {
+  const e = u.useRef({
+    value: t,
+    previous: t
+  });
+  return u.useMemo(() => (e.current.value !== t && (e.current.previous = e.current.value, e.current.value = t), e.current.previous), [t]);
+}
+De(te, "usePrevious");
+var Ve = Object.defineProperty, c = (t, e) => Ve(t, "name", {
+  value: e,
+  configurable: !0
+}), ne = ["PageUp", "PageDown"], re = [
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight"
+], oe = {
+  "from-left": [
+    "Home",
+    "PageDown",
+    "ArrowDown",
+    "ArrowLeft"
+  ],
+  "from-right": [
+    "Home",
+    "PageDown",
+    "ArrowDown",
+    "ArrowRight"
+  ],
+  "from-bottom": [
+    "Home",
+    "PageDown",
+    "ArrowDown",
+    "ArrowLeft"
+  ],
+  "from-top": [
+    "Home",
+    "PageDown",
+    "ArrowUp",
+    "ArrowLeft"
+  ]
+}, A = "Slider", [U, Ie, Be] = _e(A), [Y, qe] = we(A, [Be]), [Ae, K] = Y(A), Je = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ c(function(e, r) {
+  const { name: o, min: i = 0, max: n = 100, step: l = 1, orientation: s = "horizontal", disabled: d = !1, minStepsBetweenThumbs: f = 0, defaultValue: h = [i], value: p, onValueChange: a = /* @__PURE__ */ c(() => {
+  }, "onValueChange"), onValueCommit: m = /* @__PURE__ */ c(() => {
+  }, "onValueCommit"), inverted: P = !1, form: g, ...v } = e, w = u.useRef(/* @__PURE__ */ new Set()), R = u.useRef(0), x = u.useRef(!1), E = s === "horizontal" ? Ke : Fe, [_, k] = u.useState(null), ve = D(r, k), [y = [], z] = Pe({
+    prop: p,
+    defaultProp: h,
+    onChange: /* @__PURE__ */ c((b) => {
+      [...w.current][R.current]?.focus({
+        preventScroll: !0,
+        focusVisible: x.current
+      }), x.current = !1, a(b);
+    }, "onChange")
+  }), W = u.useRef(y), be = u.useRef(y);
+  u.useEffect(() => {
+    const b = g ? _?.ownerDocument.getElementById(g) : _?.closest("form");
+    if (b instanceof HTMLFormElement) {
+      const M = /* @__PURE__ */ c(() => z(be.current), "reset");
+      return b.addEventListener("reset", M), () => b.removeEventListener("reset", M);
+    }
+  }, [
+    _,
+    g,
+    z
+  ]);
+  function q(b) {
+    C(b, fe(y, b));
+  }
+  c(q, "handleSlideStart");
+  function J(b) {
+    C(b, R.current);
+  }
+  c(J, "handleSlideMove");
+  function Q() {
+    String(y) !== String(W.current) && m(y);
+  }
+  c(Q, "handleSlideEnd");
+  function C(b, M, { commit: L } = { commit: !1 }) {
+    const F = X(l), N = j(I(Math.round((b - i) / l) * l + i, F), [i, n]);
+    z((H = []) => {
+      const V = ue(H, N, M);
+      if (he(V, f * l)) {
+        R.current = V.indexOf(N);
+        const Z = String(V) !== String(H);
+        return Z && L && m(V), Z ? V : H;
+      } else return H;
+    });
+  }
+  return c(C, "updateValues"), /* @__PURE__ */ S(Ae, {
+    scope: e.__scopeSlider,
+    name: o,
+    disabled: d,
+    min: i,
+    max: n,
+    valueIndexToChangeRef: R,
+    thumbs: w.current,
+    values: y,
+    orientation: s,
+    form: g,
+    children: /* @__PURE__ */ S(U.Provider, {
+      scope: e.__scopeSlider,
+      children: /* @__PURE__ */ S(U.Slot, {
+        scope: e.__scopeSlider,
+        children: /* @__PURE__ */ S(E, {
+          "aria-disabled": d,
+          "data-disabled": d ? "" : void 0,
+          ...v,
+          ref: ve,
+          onPointerDown: T(v.onPointerDown, () => {
+            d || (W.current = y, x.current = !1);
+          }),
+          min: i,
+          max: n,
+          inverted: P,
+          onSlideStart: d ? void 0 : q,
+          onSlideMove: d ? void 0 : J,
+          onSlideEnd: d ? void 0 : Q,
+          onHomeKeyDown: () => {
+            d || (x.current = !0, C(i, 0, { commit: !0 }));
+          },
+          onEndKeyDown: () => {
+            d || (x.current = !0, C(n, y.length - 1, { commit: !0 }));
+          },
+          onStepKeyDown: ({ event: b, direction: M }) => {
+            if (!d) {
+              x.current = !0;
+              const L = ne.includes(b.key) || b.shiftKey && re.includes(b.key) ? 10 : 1, F = R.current, N = y[F];
+              C(pe(N, {
+                min: i,
+                step: l,
+                direction: M,
+                multiplier: L
+              }), F, { commit: !0 });
+            }
+          }
+        })
+      })
+    })
+  });
+}, "Slider")), [ie, ae] = Y(A, {
+  startEdge: "left",
+  endEdge: "right",
+  size: "width",
+  direction: 1
+}), Ke = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ c(function(e, r) {
+  const { min: o, max: i, dir: n, inverted: l, onSlideStart: s, onSlideMove: d, onSlideEnd: f, onStepKeyDown: h, ...p } = e, [a, m] = u.useState(null), P = D(r, m), g = u.useRef(void 0), v = xe(n), w = v === "ltr", R = w && !l || !w && l;
+  function x(E) {
+    const _ = g.current || a.getBoundingClientRect(), k = O([0, _.width], R ? [o, i] : [i, o]);
+    return g.current = _, k(E - _.left);
+  }
+  return c(x, "getValueFromPointer"), /* @__PURE__ */ S(ie, {
+    scope: e.__scopeSlider,
+    startEdge: R ? "left" : "right",
+    endEdge: R ? "right" : "left",
+    direction: R ? 1 : -1,
+    size: "width",
+    children: /* @__PURE__ */ S(se, {
+      dir: v,
+      "data-orientation": "horizontal",
+      ...p,
+      ref: P,
+      style: {
+        ...p.style,
+        "--radix-slider-thumb-transform": "translateX(-50%)"
+      },
+      onSlideStart: (E) => {
+        const _ = x(E.clientX);
+        s?.(_);
+      },
+      onSlideMove: (E) => {
+        const _ = x(E.clientX);
+        d?.(_);
+      },
+      onSlideEnd: () => {
+        g.current = void 0, f?.();
+      },
+      onStepKeyDown: (E) => {
+        const _ = oe[R ? "from-left" : "from-right"].includes(E.key);
+        h?.({
+          event: E,
+          direction: _ ? -1 : 1
+        });
+      }
+    })
+  });
+}, "SliderHorizontal")), Fe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ c(function(e, r) {
+  const { min: o, max: i, inverted: n, onSlideStart: l, onSlideMove: s, onSlideEnd: d, onStepKeyDown: f, ...h } = e, p = u.useRef(null), a = D(r, p), m = u.useRef(void 0), P = !n;
+  function g(v) {
+    const w = m.current || p.current.getBoundingClientRect(), R = O([0, w.height], P ? [i, o] : [o, i]);
+    return m.current = w, R(v - w.top);
+  }
+  return c(g, "getValueFromPointer"), /* @__PURE__ */ S(ie, {
+    scope: e.__scopeSlider,
+    startEdge: P ? "bottom" : "top",
+    endEdge: P ? "top" : "bottom",
+    size: "height",
+    direction: P ? 1 : -1,
+    children: /* @__PURE__ */ S(se, {
+      "data-orientation": "vertical",
+      ...h,
+      ref: a,
+      style: {
+        ...h.style,
+        "--radix-slider-thumb-transform": "translateY(50%)"
+      },
+      onSlideStart: (v) => {
+        const w = g(v.clientY);
+        l?.(w);
+      },
+      onSlideMove: (v) => {
+        const w = g(v.clientY);
+        s?.(w);
+      },
+      onSlideEnd: () => {
+        m.current = void 0, d?.();
+      },
+      onStepKeyDown: (v) => {
+        const w = oe[P ? "from-bottom" : "from-top"].includes(v.key);
+        f?.({
+          event: v,
+          direction: w ? -1 : 1
+        });
+      }
+    })
+  });
+}, "SliderVertical")), se = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ c(function(e, r) {
+  const { __scopeSlider: o, onSlideStart: i, onSlideMove: n, onSlideEnd: l, onHomeKeyDown: s, onEndKeyDown: d, onStepKeyDown: f, ...h } = e, p = K(A, o);
+  return /* @__PURE__ */ S(B.span, {
+    ...h,
+    ref: r,
+    onKeyDown: T(e.onKeyDown, (a) => {
+      a.key === "Home" ? (s(a), a.preventDefault()) : a.key === "End" ? (d(a), a.preventDefault()) : ne.concat(re).includes(a.key) && (f(a), a.preventDefault());
+    }),
+    onPointerDown: T(e.onPointerDown, (a) => {
+      const m = a.target;
+      m.setPointerCapture(a.pointerId), a.preventDefault(), p.thumbs.has(m) ? m.focus({
+        preventScroll: !0,
+        focusVisible: !1
+      }) : i(a);
+    }),
+    onPointerMove: T(e.onPointerMove, (a) => {
+      a.target.hasPointerCapture(a.pointerId) && n(a);
+    }),
+    onPointerUp: T(e.onPointerUp, (a) => {
+      const m = a.target;
+      m.hasPointerCapture(a.pointerId) && (m.releasePointerCapture(a.pointerId), l(a));
+    })
+  });
+}, "SliderImpl")), Ne = "SliderTrack", Qe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ c(function(e, r) {
+  const { __scopeSlider: o, ...i } = e, n = K(Ne, o);
+  return /* @__PURE__ */ S(B.span, {
+    "data-disabled": n.disabled ? "" : void 0,
+    "data-orientation": n.orientation,
+    ...i,
+    ref: r
+  });
+}, "SliderTrack")), ee = "SliderRange", Ze = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ c(function(e, r) {
+  const { __scopeSlider: o, ...i } = e, n = K(ee, o), l = ae(ee, o), s = D(r, u.useRef(null)), d = n.values.length, f = n.values.map((a) => G(a, n.min, n.max)), h = d > 1 ? Math.min(...f) : 0, p = 100 - Math.max(...f);
+  return /* @__PURE__ */ S(B.span, {
+    "data-orientation": n.orientation,
+    "data-disabled": n.disabled ? "" : void 0,
+    ...i,
+    ref: s,
+    style: {
+      ...e.style,
+      [l.startEdge]: h + "%",
+      [l.endEdge]: p + "%"
+    }
+  });
+}, "SliderRange")), [He, le] = Y("SliderThumb"), Oe = "SliderThumbProvider";
+function ce(t) {
+  const { __scopeSlider: e, name: r, children: o, internal_do_not_use_render: i } = t, n = K(Oe, e), l = Ie(e), [s, d] = u.useState(null), f = u.useMemo(() => s ? l().findIndex((v) => v.ref.current === s) : -1, [l, s]), h = Re(s), p = s ? !!n.form || !!s.closest("form") : !0, a = n.values[f], m = r ?? (n.name ? n.name + (n.values.length > 1 ? "[]" : "") : void 0), P = a === void 0 ? 0 : G(a, n.min, n.max);
+  u.useEffect(() => {
+    if (s)
+      return n.thumbs.add(s), () => {
+        n.thumbs.delete(s);
+      };
+  }, [s, n.thumbs]);
+  const g = {
+    value: a,
+    name: m,
+    form: n.form,
+    isFormControl: p,
+    index: f,
+    thumb: s,
+    onThumbChange: d,
+    percent: P,
+    size: h
+  };
+  return /* @__PURE__ */ S(He, {
+    scope: e,
+    ...g,
+    children: ge(i) ? i(g) : o
+  });
+}
+c(ce, "SliderThumbProvider");
+var $ = "SliderThumbTrigger", ke = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ c(function(e, r) {
+  const { __scopeSlider: o, ...i } = e, n = K($, o), l = ae($, o), { index: s, value: d, percent: f, size: h, onThumbChange: p } = le($, o), a = D(r, p), m = de(s, n.values.length), P = h?.[l.size], g = P ? me(P, f, l.direction) : 0;
+  return /* @__PURE__ */ S("span", {
+    style: {
+      transform: "var(--radix-slider-thumb-transform)",
+      position: "absolute",
+      [l.startEdge]: `calc(${f}% + ${g}px)`
+    },
+    children: /* @__PURE__ */ S(U.ItemSlot, {
+      scope: o,
+      children: /* @__PURE__ */ S(B.span, {
+        role: "slider",
+        "aria-label": e["aria-label"] || m,
+        "aria-valuemin": n.min,
+        "aria-valuenow": d,
+        "aria-valuemax": n.max,
+        "aria-orientation": n.orientation,
+        "data-orientation": n.orientation,
+        "data-disabled": n.disabled ? "" : void 0,
+        tabIndex: n.disabled ? void 0 : 0,
+        ...i,
+        ref: a,
+        style: d === void 0 ? { display: "none" } : e.style,
+        onFocus: T(e.onFocus, () => {
+          n.valueIndexToChangeRef.current = s;
+        })
+      })
+    })
+  });
+}, "SliderThumbTrigger")), et = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ c(function(e, r) {
+  const { __scopeSlider: o, name: i, ...n } = e;
+  return /* @__PURE__ */ S(ce, {
+    __scopeSlider: o,
+    name: i,
+    internal_do_not_use_render: ({ index: l, isFormControl: s }) => /* @__PURE__ */ ye(Ee, { children: [/* @__PURE__ */ S(ke, {
+      ...n,
+      ref: r,
+      __scopeSlider: o
+    }), s ? /* @__PURE__ */ S(Le, { __scopeSlider: o }, l) : null] })
+  });
+}, "SliderThumb")), ze = "SliderBubbleInput", Le = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ c(function({ __scopeSlider: e, ...r }, o) {
+  const { value: i, name: n, form: l } = le(ze, e), s = u.useRef(null), d = D(s, o), f = te(i);
+  return u.useEffect(() => {
+    const h = s.current;
+    if (!h) return;
+    const p = window.HTMLInputElement.prototype, a = Object.getOwnPropertyDescriptor(p, "value").set;
+    if (f !== i && a) {
+      const m = new Event("input", { bubbles: !0 });
+      a.call(h, i), h.dispatchEvent(m);
+    }
+  }, [f, i]), /* @__PURE__ */ S(B.input, {
+    style: { display: "none" },
+    name: n,
+    form: l,
+    ...r,
+    ref: d,
+    defaultValue: i
+  });
+}, "SliderBubbleInput"));
+function ue(t = [], e, r) {
+  const o = [...t];
+  return o[r] = e, o.sort((i, n) => i - n);
+}
+c(ue, "getNextSortedValues");
+function G(t, e, r) {
+  return j(100 / (r - e) * (t - e), [0, 100]);
+}
+c(G, "convertValueToPercentage");
+function de(t, e) {
+  return e > 2 ? `Value ${t + 1} of ${e}` : e === 2 ? ["Minimum", "Maximum"][t] : void 0;
+}
+c(de, "getLabel");
+function fe(t, e) {
+  if (t.length === 1) return 0;
+  const r = t.map((i) => Math.abs(i - e)), o = Math.min(...r);
+  return r.indexOf(o);
+}
+c(fe, "getClosestValueIndex");
+function me(t, e, r) {
+  const o = t / 2;
+  return (o - O([0, 50], [0, o])(e) * r) * r;
+}
+c(me, "getThumbInBoundsOffset");
+function Se(t) {
+  return t.slice(0, -1).map((e, r) => t[r + 1] - e);
+}
+c(Se, "getStepsBetweenValues");
+function he(t, e) {
+  if (e > 0) {
+    const r = Se(t);
+    return Math.min(...r) >= e;
+  }
+  return !0;
+}
+c(he, "hasMinStepsBetweenValues");
+function O(t, e) {
+  return (r) => {
+    if (t[0] === t[1] || e[0] === e[1]) return e[0];
+    const o = (e[1] - e[0]) / (t[1] - t[0]);
+    return e[0] + o * (r - t[0]);
+  };
+}
+c(O, "linearScale");
+function X(t) {
+  if (!Number.isFinite(t)) return 0;
+  const e = t.toString();
+  if (e.includes("e")) {
+    const [o, i] = e.split("e"), n = o.split(".")[1] || "", l = Number(i);
+    return Math.max(0, n.length - l);
+  }
+  const r = e.split(".")[1];
+  return r ? r.length : 0;
+}
+c(X, "getDecimalCount");
+function I(t, e) {
+  const r = Math.pow(10, e);
+  return Math.round(t * r) / r;
+}
+c(I, "roundValue");
+function pe(t, { min: e, step: r, direction: o, multiplier: i }) {
+  const n = X(r), l = (t - e) / r, s = Math.round(l), d = I(s * r + e, n) === I(t, n);
+  let f;
+  return d ? f = s + i * o : o > 0 ? f = Math.ceil(l) : f = Math.floor(l), I(f * r + e, n);
+}
+c(pe, "getNextStepValue");
+function ge(t) {
+  return typeof t == "function";
+}
+c(ge, "isFunction");
+export {
+  Qe as i,
+  Ze as n,
+  et as r,
+  Je as t
+};