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

package/dist/{dist-DvoMuWKO2.js → dist-C2s4VX-42.js}

@@ -1,8 +1,8 @@
-import { r as z } from "./dist-CfYOvauX.js";
-import * as a from "react";
+import { n } from "./dist-D4FePjTS.js";
+import * as z from "react";
 function u(r) {
-  const [h, e] = a.useState(void 0);
-  return z(() => {
+  const [h, e] = z.useState(void 0);
+  return n(() => {
     if (r) {
       e({
         width: r.offsetWidth,

package/dist/dist-CT6d9xe7.js

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

package/dist/dist-CTvBzxW8.js

@@ -0,0 +1,31 @@
+import { t as i } from "./dist-CVy-ulDZ.js";
+import * as t from "react";
+import { jsx as o } from "react/jsx-runtime";
+var n = Object.defineProperty, d = (r, e) => n(r, "name", {
+  value: e,
+  configurable: !0
+}), l = Object.freeze({
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), f = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ d(function(e, a) {
+  return /* @__PURE__ */ o(i.span, {
+    ...e,
+    ref: a,
+    style: {
+      ...l,
+      ...e.style
+    }
+  });
+}, "VisuallyHidden")), p = f;
+export {
+  f as n,
+  p as t
+};