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

package/dist/dist-B-Aoze_D.js

@@ -0,0 +1,10 @@
+import * as t from "react";
+import "react/jsx-runtime";
+var e = t.createContext(void 0);
+function a(o) {
+  const r = t.useContext(e);
+  return o || r || "ltr";
+}
+export {
+  a as t
+};

package/dist/dist-B9GE4SXf.js

@@ -0,0 +1,34 @@
+import { t as O } from "./clsx-Cf23UI1w.js";
+var m = (n) => typeof n == "boolean" ? `${n}` : n === 0 ? "0" : n, y = O, j = (n, e) => (t) => {
+  var u;
+  if (e?.variants == null) return y(n, t?.class, t?.className);
+  const { variants: v, defaultVariants: d } = e, V = Object.keys(v).map((a) => {
+    const l = t?.[a], r = d?.[a];
+    if (l === null) return null;
+    const i = m(l) || m(r);
+    return v[a][i];
+  }), o = t && Object.entries(t).reduce((a, l) => {
+    let [r, i] = l;
+    return i === void 0 || (a[r] = i), a;
+  }, {}), N = e == null || (u = e.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((a, l) => {
+    let { class: r, className: i, ...C } = l;
+    return Object.entries(C).every((f) => {
+      let [c, s] = f;
+      return Array.isArray(s) ? s.includes({
+        ...d,
+        ...o
+      }[c]) : {
+        ...d,
+        ...o
+      }[c] === s;
+    }) ? [
+      ...a,
+      r,
+      i
+    ] : a;
+  }, []);
+  return y(n, V, N, t?.class, t?.className);
+};
+export {
+  j as t
+};

package/dist/dist-BkYHh2kH.js

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

package/dist/dist-C6Cif8-U.js

@@ -0,0 +1,28 @@
+import { t as i } from "./dist-CVy-ulDZ.js";
+import * as t from "react";
+import { jsx as o } from "react/jsx-runtime";
+var d = 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"
+}), s = "VisuallyHidden", e = t.forwardRef((r, a) => /* @__PURE__ */ o(i.span, {
+  ...r,
+  ref: a,
+  style: {
+    ...d,
+    ...r.style
+  }
+}));
+e.displayName = s;
+var m = e;
+export {
+  e as n,
+  m as t
+};

package/dist/dist-C8NWUTUh.js

@@ -0,0 +1,62 @@
+import { a as M, n as I } from "./dist-DqKFpce5.js";
+import { a as v } from "./dist-CfYOvauX.js";
+import * as l from "react";
+import { jsx as u } from "react/jsx-runtime";
+function L(s) {
+  const i = s + "CollectionProvider", [x, A] = v(i), [N, a] = x(i, {
+    collectionRef: { current: null },
+    itemMap: /* @__PURE__ */ new Map()
+  }), p = (c) => {
+    const { scope: e, children: o } = c, t = l.useRef(null), n = l.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ u(N, {
+      scope: e,
+      itemMap: n,
+      collectionRef: t,
+      children: o
+    });
+  };
+  p.displayName = i;
+  const f = s + "CollectionSlot", E = I(f), d = l.forwardRef((c, e) => {
+    const { scope: o, children: t } = c, n = M(e, a(f, o).collectionRef);
+    return /* @__PURE__ */ u(E, {
+      ref: n,
+      children: t
+    });
+  });
+  d.displayName = f;
+  const m = s + "CollectionItemSlot", C = "data-radix-collection-item", T = I(m), R = l.forwardRef((c, e) => {
+    const { scope: o, children: t, ...n } = c, r = l.useRef(null), _ = M(e, r), S = a(m, o);
+    return l.useEffect(() => (S.itemMap.set(r, {
+      ref: r,
+      ...n
+    }), () => {
+      S.itemMap.delete(r);
+    })), /* @__PURE__ */ u(T, {
+      [C]: "",
+      ref: _,
+      children: t
+    });
+  });
+  R.displayName = m;
+  function O(c) {
+    const e = a(s + "CollectionConsumer", c);
+    return l.useCallback(() => {
+      const o = e.collectionRef.current;
+      if (!o) return [];
+      const t = Array.from(o.querySelectorAll(`[${C}]`));
+      return Array.from(e.itemMap.values()).sort((n, r) => t.indexOf(n.ref.current) - t.indexOf(r.ref.current));
+    }, [e.collectionRef, e.itemMap]);
+  }
+  return [
+    {
+      Provider: p,
+      Slot: d,
+      ItemSlot: R
+    },
+    O,
+    A
+  ];
+}
+export {
+  L as t
+};

package/dist/dist-CVy-ulDZ.js

@@ -0,0 +1,42 @@
+import { n as f } from "./dist-DqKFpce5.js";
+import * as p from "react";
+import * as c from "react-dom";
+import { jsx as l } from "react/jsx-runtime";
+var v = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+].reduce((t, i) => {
+  const o = f(`Primitive.${i}`), r = p.forwardRef((e, s) => {
+    const { asChild: a, ...m } = e, n = a ? o : i;
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(n, {
+      ...m,
+      ref: s
+    });
+  });
+  return r.displayName = `Primitive.${i}`, {
+    ...t,
+    [i]: r
+  };
+}, {});
+function h(t, i) {
+  t && c.flushSync(() => t.dispatchEvent(i));
+}
+export {
+  h as n,
+  v as t
+};

package/dist/dist-CeuUxVmT.js

@@ -0,0 +1,13 @@
+import { r as e } from "./dist-CfYOvauX.js";
+import * as o from "react";
+var s = o[" useId ".trim().toString()] || (() => {
+}), f = 0;
+function c(t) {
+  const [r, a] = o.useState(s());
+  return e(() => {
+    t || a((u) => u ?? String(f++));
+  }, [t]), t || (r ? `radix-${r}` : "");
+}
+export {
+  c as t
+};