@konstructio/ui 0.0.2

package/dist/index-4qm4jAkj.js

@@ -0,0 +1,92 @@
+import * as c from "react";
+import l, { forwardRef as d } from "react";
+import { P as a } from "./index-DQMInta3.js";
+import { P as u } from "./index-BJ7FQg17.js";
+import { jsx as y } from "react/jsx-runtime";
+function s() {
+  return s = Object.assign || function(r) {
+    for (var t = 1; t < arguments.length; t++) {
+      var o = arguments[t];
+      for (var e in o)
+        Object.prototype.hasOwnProperty.call(o, e) && (r[e] = o[e]);
+    }
+    return r;
+  }, s.apply(this, arguments);
+}
+function v(r, t) {
+  if (r == null) return {};
+  var o = g(r, t), e, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(r);
+    for (n = 0; n < i.length; n++)
+      e = i[n], !(t.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(r, e) && (o[e] = r[e]);
+  }
+  return o;
+}
+function g(r, t) {
+  if (r == null) return {};
+  var o = {}, e = Object.keys(r), n, i;
+  for (i = 0; i < e.length; i++)
+    n = e[i], !(t.indexOf(n) >= 0) && (o[n] = r[n]);
+  return o;
+}
+var p = d(function(r, t) {
+  var o = r.color, e = o === void 0 ? "currentColor" : o, n = r.size, i = n === void 0 ? 24 : n, m = v(r, ["color", "size"]);
+  return /* @__PURE__ */ l.createElement("svg", s({
+    ref: t,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, m), /* @__PURE__ */ l.createElement("line", {
+    x1: "18",
+    y1: "6",
+    x2: "6",
+    y2: "18"
+  }), /* @__PURE__ */ l.createElement("line", {
+    x1: "6",
+    y1: "6",
+    x2: "18",
+    y2: "18"
+  }));
+});
+p.propTypes = {
+  color: a.string,
+  size: a.oneOfType([a.string, a.number])
+};
+p.displayName = "X";
+var h = "VisuallyHidden", f = c.forwardRef(
+  (r, t) => /* @__PURE__ */ y(
+    u.span,
+    {
+      ...r,
+      ref: t,
+      style: {
+        // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
+        position: "absolute",
+        border: 0,
+        width: 1,
+        height: 1,
+        padding: 0,
+        margin: -1,
+        overflow: "hidden",
+        clip: "rect(0, 0, 0, 0)",
+        whiteSpace: "nowrap",
+        wordWrap: "normal",
+        ...r.style
+      }
+    }
+  )
+);
+f.displayName = h;
+var x = f;
+export {
+  x as R,
+  f as V,
+  p as X
+};

package/dist/index-8vgf-x5i.js

@@ -0,0 +1,118 @@
+import * as u from "react";
+import { jsx as v } from "react/jsx-runtime";
+function _(t, e) {
+  const n = u.createContext(e), s = (c) => {
+    const { children: r, ...i } = c, f = u.useMemo(() => i, Object.values(i));
+    return /* @__PURE__ */ v(n.Provider, { value: f, children: r });
+  };
+  s.displayName = t + "Provider";
+  function o(c) {
+    const r = u.useContext(n);
+    if (r) return r;
+    if (e !== void 0) return e;
+    throw new Error(`\`${c}\` must be used within \`${t}\``);
+  }
+  return [s, o];
+}
+function y(t, e = []) {
+  let n = [];
+  function s(c, r) {
+    const i = u.createContext(r), f = n.length;
+    n = [...n, r];
+    const a = (l) => {
+      var S;
+      const { scope: d, children: h, ...x } = l, m = ((S = d == null ? void 0 : d[t]) == null ? void 0 : S[f]) || i, p = u.useMemo(() => x, Object.values(x));
+      return /* @__PURE__ */ v(m.Provider, { value: p, children: h });
+    };
+    a.displayName = c + "Provider";
+    function C(l, d) {
+      var m;
+      const h = ((m = d == null ? void 0 : d[t]) == null ? void 0 : m[f]) || i, x = u.useContext(h);
+      if (x) return x;
+      if (r !== void 0) return r;
+      throw new Error(`\`${l}\` must be used within \`${c}\``);
+    }
+    return [a, C];
+  }
+  const o = () => {
+    const c = n.map((r) => u.createContext(r));
+    return function(i) {
+      const f = (i == null ? void 0 : i[t]) || c;
+      return u.useMemo(
+        () => ({ [`__scope${t}`]: { ...i, [t]: f } }),
+        [i, f]
+      );
+    };
+  };
+  return o.scopeName = t, [s, b(o, ...e)];
+}
+function b(...t) {
+  const e = t[0];
+  if (t.length === 1) return e;
+  const n = () => {
+    const s = t.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(c) {
+      const r = s.reduce((i, { useScope: f, scopeName: a }) => {
+        const l = f(c)[`__scope${a}`];
+        return { ...i, ...l };
+      }, {});
+      return u.useMemo(() => ({ [`__scope${e.scopeName}`]: r }), [r]);
+    };
+  };
+  return n.scopeName = e.scopeName, n;
+}
+function M(t, e, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (t == null || t(o), n === !1 || !o.defaultPrevented)
+      return e == null ? void 0 : e(o);
+  };
+}
+var R = globalThis != null && globalThis.document ? u.useLayoutEffect : () => {
+};
+function P(t) {
+  const e = u.useRef(t);
+  return u.useEffect(() => {
+    e.current = t;
+  }), u.useMemo(() => (...n) => {
+    var s;
+    return (s = e.current) == null ? void 0 : s.call(e, ...n);
+  }, []);
+}
+function j({
+  prop: t,
+  defaultProp: e,
+  onChange: n = () => {
+  }
+}) {
+  const [s, o] = $({ defaultProp: e, onChange: n }), c = t !== void 0, r = c ? t : s, i = P(n), f = u.useCallback(
+    (a) => {
+      if (c) {
+        const l = typeof a == "function" ? a(t) : a;
+        l !== t && i(l);
+      } else
+        o(a);
+    },
+    [c, t, o, i]
+  );
+  return [r, f];
+}
+function $({
+  defaultProp: t,
+  onChange: e
+}) {
+  const n = u.useState(t), [s] = n, o = u.useRef(s), c = P(e);
+  return u.useEffect(() => {
+    o.current !== s && (c(s), o.current = s);
+  }, [s, o, c]), n;
+}
+export {
+  j as a,
+  P as b,
+  y as c,
+  M as d,
+  _ as e,
+  R as u
+};

package/dist/index-BJ7FQg17.js

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

package/dist/index-B_GWswUP.js

@@ -0,0 +1,71 @@
+import * as a from "react";
+import { u as T } from "./index-CCavb-1K.js";
+import { u as A } from "./index-8vgf-x5i.js";
+function E(n, e) {
+  return a.useReducer((r, t) => e[r][t] ?? r, n);
+}
+var R = (n) => {
+  const { present: e, children: r } = n, t = P(e), o = typeof r == "function" ? r({ present: t.isPresent }) : a.Children.only(r), c = T(t.ref, v(o));
+  return typeof r == "function" || t.isPresent ? a.cloneElement(o, { ref: c }) : null;
+};
+R.displayName = "Presence";
+function P(n) {
+  const [e, r] = a.useState(), t = a.useRef({}), o = a.useRef(n), c = a.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = E(p, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return a.useEffect(() => {
+    const i = l(t.current);
+    c.current = N === "mounted" ? i : "none";
+  }, [N]), A(() => {
+    const i = t.current, m = o.current;
+    if (m !== n) {
+      const f = c.current, u = l(i);
+      n ? s("MOUNT") : u === "none" || (i == null ? void 0 : i.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), o.current = n;
+    }
+  }, [n, s]), A(() => {
+    if (e) {
+      let i;
+      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
+        const g = l(t.current).includes(u.animationName);
+        if (u.target === e && g && (s("ANIMATION_END"), !o.current)) {
+          const O = e.style.animationFillMode;
+          e.style.animationFillMode = "forwards", i = m.setTimeout(() => {
+            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
+          });
+        }
+      }, f = (u) => {
+        u.target === e && (c.current = l(t.current));
+      };
+      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
+        m.clearTimeout(i), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+      };
+    } else
+      s("ANIMATION_END");
+  }, [e, s]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(N),
+    ref: a.useCallback((i) => {
+      i && (t.current = getComputedStyle(i)), r(i);
+    }, [])
+  };
+}
+function l(n) {
+  return (n == null ? void 0 : n.animationName) || "none";
+}
+function v(n) {
+  var t, o;
+  let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
+  return r ? n.ref : (e = (o = Object.getOwnPropertyDescriptor(n, "ref")) == null ? void 0 : o.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
+}
+export {
+  R as P
+};

package/dist/index-BqM_XclQ.js

@@ -0,0 +1,94 @@
+import * as R from "react";
+import S from "react";
+import { jsx as I } from "react/jsx-runtime";
+import { u as P, S as A } from "./index-CCavb-1K.js";
+function h(t, i = []) {
+  let u = [];
+  function M(c, o) {
+    const n = R.createContext(o), s = u.length;
+    u = [...u, o];
+    function C(m) {
+      const { scope: a, children: r, ...e } = m, d = (a == null ? void 0 : a[t][s]) || n, l = R.useMemo(() => e, Object.values(e));
+      return /* @__PURE__ */ I(d.Provider, { value: l, children: r });
+    }
+    function _(m, a) {
+      const r = (a == null ? void 0 : a[t][s]) || n, e = R.useContext(r);
+      if (e) return e;
+      if (o !== void 0) return o;
+      throw new Error(`\`${m}\` must be used within \`${c}\``);
+    }
+    return C.displayName = c + "Provider", [C, _];
+  }
+  const f = () => {
+    const c = u.map((o) => R.createContext(o));
+    return function(n) {
+      const s = (n == null ? void 0 : n[t]) || c;
+      return R.useMemo(
+        () => ({ [`__scope${t}`]: { ...n, [t]: s } }),
+        [n, s]
+      );
+    };
+  };
+  return f.scopeName = t, [M, O(f, ...i)];
+}
+function O(...t) {
+  const i = t[0];
+  if (t.length === 1) return i;
+  const u = () => {
+    const M = t.map((f) => ({
+      useScope: f(),
+      scopeName: f.scopeName
+    }));
+    return function(c) {
+      const o = M.reduce((n, { useScope: s, scopeName: C }) => {
+        const m = s(c)[`__scope${C}`];
+        return { ...n, ...m };
+      }, {});
+      return R.useMemo(() => ({ [`__scope${i.scopeName}`]: o }), [o]);
+    };
+  };
+  return u.scopeName = i.scopeName, u;
+}
+function $(t) {
+  const i = t + "CollectionProvider", [u, M] = h(i), [f, c] = u(
+    i,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), o = (r) => {
+    const { scope: e, children: d } = r, l = S.useRef(null), p = S.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ I(f, { scope: e, itemMap: p, collectionRef: l, children: d });
+  };
+  o.displayName = i;
+  const n = t + "CollectionSlot", s = S.forwardRef(
+    (r, e) => {
+      const { scope: d, children: l } = r, p = c(n, d), x = P(e, p.collectionRef);
+      return /* @__PURE__ */ I(A, { ref: x, children: l });
+    }
+  );
+  s.displayName = n;
+  const C = t + "CollectionItemSlot", _ = "data-radix-collection-item", m = S.forwardRef(
+    (r, e) => {
+      const { scope: d, children: l, ...p } = r, x = S.useRef(null), N = P(e, x), v = c(C, d);
+      return S.useEffect(() => (v.itemMap.set(x, { ref: x, ...p }), () => void v.itemMap.delete(x))), /* @__PURE__ */ I(A, { [_]: "", ref: N, children: l });
+    }
+  );
+  m.displayName = C;
+  function a(r) {
+    const e = c(t + "CollectionConsumer", r);
+    return S.useCallback(() => {
+      const l = e.collectionRef.current;
+      if (!l) return [];
+      const p = Array.from(l.querySelectorAll(`[${_}]`));
+      return Array.from(e.itemMap.values()).sort(
+        (v, E) => p.indexOf(v.ref.current) - p.indexOf(E.ref.current)
+      );
+    }, [e.collectionRef, e.itemMap]);
+  }
+  return [
+    { Provider: o, Slot: s, ItemSlot: m },
+    a,
+    M
+  ];
+}
+export {
+  $ as c
+};

package/dist/index-BwYCDOHZ.js

@@ -0,0 +1,44 @@
+function m(n) {
+  var e, t, l = "";
+  if (typeof n == "string" || typeof n == "number") l += n;
+  else if (typeof n == "object") if (Array.isArray(n)) for (e = 0; e < n.length; e++) n[e] && (t = m(n[e])) && (l && (l += " "), l += t);
+  else for (e in n) n[e] && (l && (l += " "), l += e);
+  return l;
+}
+function j() {
+  for (var n, e, t = 0, l = ""; t < arguments.length; ) (n = arguments[t++]) && (e = m(n)) && (l && (l += " "), l += e);
+  return l;
+}
+const f = (n) => typeof n == "boolean" ? "".concat(n) : n === 0 ? "0" : n, y = j, A = (n, e) => (t) => {
+  var l;
+  if ((e == null ? void 0 : e.variants) == null) return y(n, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: d, defaultVariants: u } = e, N = Object.keys(d).map((a) => {
+    const r = t == null ? void 0 : t[a], s = u == null ? void 0 : u[a];
+    if (r === null) return null;
+    const i = f(r) || f(s);
+    return d[a][i];
+  }), v = t && Object.entries(t).reduce((a, r) => {
+    let [s, i] = r;
+    return i === void 0 || (a[s] = i), a;
+  }, {}), V = e == null || (l = e.compoundVariants) === null || l === void 0 ? void 0 : l.reduce((a, r) => {
+    let { class: s, className: i, ...b } = r;
+    return Object.entries(b).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...u,
+        ...v
+      }[c]) : {
+        ...u,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...a,
+      s,
+      i
+    ] : a;
+  }, []);
+  return y(n, N, V, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+};
+export {
+  A as c
+};

package/dist/index-BxeV34ij.js

@@ -0,0 +1,32 @@
+import * as f from "react";
+import { u as a } from "./index-8vgf-x5i.js";
+function h(r) {
+  const e = f.useRef({ value: r, previous: r });
+  return f.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
+}
+function z(r) {
+  const [e, i] = f.useState(void 0);
+  return a(() => {
+    if (r) {
+      i({ width: r.offsetWidth, height: r.offsetHeight });
+      const n = new ResizeObserver((o) => {
+        if (!Array.isArray(o) || !o.length)
+          return;
+        const c = o[0];
+        let t, s;
+        if ("borderBoxSize" in c) {
+          const u = c.borderBoxSize, b = Array.isArray(u) ? u[0] : u;
+          t = b.inlineSize, s = b.blockSize;
+        } else
+          t = r.offsetWidth, s = r.offsetHeight;
+        i({ width: t, height: s });
+      });
+      return n.observe(r, { box: "border-box" }), () => n.unobserve(r);
+    } else
+      i(void 0);
+  }, [r]), e;
+}
+export {
+  z as a,
+  h as u
+};

package/dist/index-CCavb-1K.js

@@ -0,0 +1,57 @@
+import * as l from "react";
+import { jsx as c, Fragment as d } from "react/jsx-runtime";
+function m(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
+}
+function p(...e) {
+  return (n) => e.forEach((r) => m(r, n));
+}
+function S(...e) {
+  return l.useCallback(p(...e), e);
+}
+var y = l.forwardRef((e, n) => {
+  const { children: r, ...t } = e, o = l.Children.toArray(r), i = o.find(h);
+  if (i) {
+    const s = i.props.children, a = o.map((u) => u === i ? l.Children.count(s) > 1 ? l.Children.only(null) : l.isValidElement(s) ? s.props.children : null : u);
+    return /* @__PURE__ */ c(f, { ...t, ref: n, children: l.isValidElement(s) ? l.cloneElement(s, void 0, a) : null });
+  }
+  return /* @__PURE__ */ c(f, { ...t, ref: n, children: r });
+});
+y.displayName = "Slot";
+var f = l.forwardRef((e, n) => {
+  const { children: r, ...t } = e;
+  if (l.isValidElement(r)) {
+    const o = R(r);
+    return l.cloneElement(r, {
+      ...C(t, r.props),
+      // @ts-ignore
+      ref: n ? p(n, o) : o
+    });
+  }
+  return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+});
+f.displayName = "SlotClone";
+var g = ({ children: e }) => /* @__PURE__ */ c(d, { children: e });
+function h(e) {
+  return l.isValidElement(e) && e.type === g;
+}
+function C(e, n) {
+  const r = { ...n };
+  for (const t in n) {
+    const o = e[t], i = n[t];
+    /^on[A-Z]/.test(t) ? o && i ? r[t] = (...a) => {
+      i(...a), o(...a);
+    } : o && (r[t] = o) : t === "style" ? r[t] = { ...o, ...i } : t === "className" && (r[t] = [o, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function R(e) {
+  var t, o;
+  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, r = n && "isReactWarning" in n && n.isReactWarning;
+  return r ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  y as S,
+  g as a,
+  S as u
+};