@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/dist-BbJP2Efh.js

@@ -0,0 +1,20 @@
+import { t as s } from "./dist-CYuWoi9I.js";
+import { n as c } from "./dist-DbeY0Pzx.js";
+import * as e from "react";
+import * as u from "react-dom";
+import { jsx as l } from "react/jsx-runtime";
+var p = Object.defineProperty, P = (t, r) => p(t, "name", {
+  value: r,
+  configurable: !0
+}), _ = /* @__PURE__ */ e.forwardRef(/* @__PURE__ */ P(function(r, a) {
+  const { container: n, ...i } = r, [f, m] = e.useState(!1);
+  c(() => m(!0), []);
+  const o = n || f && globalThis?.document?.body;
+  return o ? u.createPortal(/* @__PURE__ */ l(s.div, {
+    ...i,
+    ref: a
+  }), o) : null;
+}, "Portal"));
+export {
+  _ as t
+};

package/dist/dist-Bg6GCX6S.js

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