@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

package/dist/dist-DXJSck4j.js

@@ -0,0 +1,74 @@
+import { t as g } from "./dist-ByyYBtbL.js";
+import * as e from "react";
+import { jsx as y } from "react/jsx-runtime";
+var S = /* @__PURE__ */ Symbol.for("react.lazy"), p = e[" use ".trim().toString()];
+function E(t) {
+  return typeof t == "object" && t !== null && "then" in t;
+}
+function d(t) {
+  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === S && "_payload" in t && E(t._payload);
+}
+// @__NO_SIDE_EFFECTS__
+function C(t) {
+  const n = /* @__PURE__ */ _(t), o = e.forwardRef((i, r) => {
+    let { children: l, ...s } = i;
+    d(l) && typeof p == "function" && (l = p(l._payload));
+    const a = e.Children.toArray(l), c = a.find(b);
+    if (c) {
+      const f = c.props.children, m = a.map((u) => u === c ? e.Children.count(f) > 1 ? e.Children.only(null) : e.isValidElement(f) ? f.props.children : null : u);
+      return /* @__PURE__ */ y(n, {
+        ...s,
+        ref: r,
+        children: e.isValidElement(f) ? e.cloneElement(f, void 0, m) : null
+      });
+    }
+    return /* @__PURE__ */ y(n, {
+      ...s,
+      ref: r,
+      children: l
+    });
+  });
+  return o.displayName = `${t}.Slot`, o;
+}
+var V = /* @__PURE__ */ C("Slot");
+// @__NO_SIDE_EFFECTS__
+function _(t) {
+  const n = e.forwardRef((o, i) => {
+    let { children: r, ...l } = o;
+    if (d(r) && typeof p == "function" && (r = p(r._payload)), e.isValidElement(r)) {
+      const s = $(r), a = h(l, r.props);
+      return r.type !== e.Fragment && (a.ref = i ? g(i, s) : s), e.cloneElement(r, a);
+    }
+    return e.Children.count(r) > 1 ? e.Children.only(null) : null;
+  });
+  return n.displayName = `${t}.SlotClone`, n;
+}
+var R = /* @__PURE__ */ Symbol("radix.slottable");
+function b(t) {
+  return e.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === R;
+}
+function h(t, n) {
+  const o = { ...n };
+  for (const i in n) {
+    const r = t[i], l = n[i];
+    /^on[A-Z]/.test(i) ? r && l ? o[i] = (...s) => {
+      const a = l(...s);
+      return r(...s), a;
+    } : r && (o[i] = r) : i === "style" ? o[i] = {
+      ...r,
+      ...l
+    } : i === "className" && (o[i] = [r, l].filter(Boolean).join(" "));
+  }
+  return {
+    ...t,
+    ...o
+  };
+}
+function $(t) {
+  let n = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, o = n && "isReactWarning" in n && n.isReactWarning;
+  return o ? t.ref : (n = Object.getOwnPropertyDescriptor(t, "ref")?.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? t.props.ref : t.props.ref || t.ref);
+}
+export {
+  C as n,
+  V as t
+};

package/dist/dist-DXXHfL7M.js

@@ -0,0 +1,132 @@
+import { n as g } from "./dist-ByyYBtbL.js";
+import { a as y, i as U, n as z, t as h } from "./dist-uVUx9i0a.js";
+import { t as b } from "./dist-C8r5DW7s.js";
+import * as r from "react";
+import K from "react-dom";
+import { jsx as P } from "react/jsx-runtime";
+function H(s, e = globalThis?.document) {
+  const t = b(s);
+  r.useEffect(() => {
+    const o = (n) => {
+      n.key === "Escape" && t(n);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
+var j = "DismissableLayer", m = "dismissableLayer.update", X = "dismissableLayer.pointerDownOutside", Y = "dismissableLayer.focusOutside", w, T = r.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), x = r.forwardRef((s, e) => {
+  const { disableOutsidePointerEvents: t = !1, onEscapeKeyDown: o, onPointerDownOutside: n, onFocusOutside: a, onInteractOutside: l, onDismiss: d, ...E } = s, u = r.useContext(T), [c, A] = r.useState(null), f = c?.ownerDocument ?? globalThis?.document, [, N] = r.useState({}), F = g(e, (i) => A(i)), D = Array.from(u.layers), [I] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), W = D.indexOf(I), O = c ? D.indexOf(c) : -1, k = u.layersWithOutsidePointerEventsDisabled.size > 0, L = O >= W, _ = q((i) => {
+    const v = i.target, p = [...u.branches].some((M) => M.contains(v));
+    !L || p || (n?.(i), l?.(i), i.defaultPrevented || d?.());
+  }, f), C = G((i) => {
+    const v = i.target;
+    [...u.branches].some((p) => p.contains(v)) || (a?.(i), l?.(i), i.defaultPrevented || d?.());
+  }, f);
+  return H((i) => {
+    O === u.layers.size - 1 && (o?.(i), !i.defaultPrevented && d && (i.preventDefault(), d()));
+  }, f), r.useEffect(() => {
+    if (c)
+      return t && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (w = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), R(), () => {
+        t && u.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = w);
+      };
+  }, [
+    c,
+    f,
+    t,
+    u
+  ]), r.useEffect(() => () => {
+    c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), R());
+  }, [c, u]), r.useEffect(() => {
+    const i = () => N({});
+    return document.addEventListener(m, i), () => document.removeEventListener(m, i);
+  }, []), /* @__PURE__ */ P(h.div, {
+    ...E,
+    ref: F,
+    style: {
+      pointerEvents: k ? L ? "auto" : "none" : void 0,
+      ...s.style
+    },
+    onFocusCapture: y(s.onFocusCapture, C.onFocusCapture),
+    onBlurCapture: y(s.onBlurCapture, C.onBlurCapture),
+    onPointerDownCapture: y(s.onPointerDownCapture, _.onPointerDownCapture)
+  });
+});
+x.displayName = j;
+var $ = "DismissableLayerBranch", B = r.forwardRef((s, e) => {
+  const t = r.useContext(T), o = r.useRef(null), n = g(e, o);
+  return r.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return t.branches.add(a), () => {
+        t.branches.delete(a);
+      };
+  }, [t.branches]), /* @__PURE__ */ P(h.div, {
+    ...s,
+    ref: n
+  });
+});
+B.displayName = $;
+function q(s, e = globalThis?.document) {
+  const t = b(s), o = r.useRef(!1), n = r.useRef(() => {
+  });
+  return r.useEffect(() => {
+    const a = (d) => {
+      if (d.target && !o.current) {
+        let E = function() {
+          S(X, t, u, { discrete: !0 });
+        };
+        const u = { originalEvent: d };
+        d.pointerType === "touch" ? (e.removeEventListener("click", n.current), n.current = E, e.addEventListener("click", n.current, { once: !0 })) : E();
+      } else e.removeEventListener("click", n.current);
+      o.current = !1;
+    }, l = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", n.current);
+    };
+  }, [e, t]), { onPointerDownCapture: () => o.current = !0 };
+}
+function G(s, e = globalThis?.document) {
+  const t = b(s), o = r.useRef(!1);
+  return r.useEffect(() => {
+    const n = (a) => {
+      a.target && !o.current && S(Y, t, { originalEvent: a }, { discrete: !1 });
+    };
+    return e.addEventListener("focusin", n), () => e.removeEventListener("focusin", n);
+  }, [e, t]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function R() {
+  const s = new CustomEvent(m);
+  document.dispatchEvent(s);
+}
+function S(s, e, t, { discrete: o }) {
+  const n = t.originalEvent.target, a = new CustomEvent(s, {
+    bubbles: !1,
+    cancelable: !0,
+    detail: t
+  });
+  e && n.addEventListener(s, e, { once: !0 }), o ? z(n, a) : n.dispatchEvent(a);
+}
+var se = x, re = B, J = "Portal", Q = r.forwardRef((s, e) => {
+  const { container: t, ...o } = s, [n, a] = r.useState(!1);
+  U(() => a(!0), []);
+  const l = t || n && globalThis?.document?.body;
+  return l ? K.createPortal(/* @__PURE__ */ P(h.div, {
+    ...o,
+    ref: e
+  }), l) : null;
+});
+Q.displayName = J;
+export {
+  se as i,
+  re as n,
+  x as r,
+  Q as t
+};

package/dist/dist-DZNdbzbm.js

@@ -0,0 +1,120 @@
+import { n as A, t as h } from "./dist-ByyYBtbL.js";
+import { s as T } from "./dist-uVUx9i0a.js";
+import * as l from "react";
+import m from "react";
+import { jsx as I } from "react/jsx-runtime";
+// @__NO_SIDE_EFFECTS__
+function M(e) {
+  const t = /* @__PURE__ */ P(e), n = l.forwardRef((r, o) => {
+    const { children: c, ...i } = r, s = l.Children.toArray(c), R = s.find(b);
+    if (R) {
+      const f = R.props.children, S = s.map((y) => y === R ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : y);
+      return /* @__PURE__ */ I(t, {
+        ...i,
+        ref: o,
+        children: l.isValidElement(f) ? l.cloneElement(f, void 0, S) : null
+      });
+    }
+    return /* @__PURE__ */ I(t, {
+      ...i,
+      ref: o,
+      children: c
+    });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function P(e) {
+  const t = l.forwardRef((n, r) => {
+    const { children: o, ...c } = n;
+    if (l.isValidElement(o)) {
+      const i = V(o), s = w(c, o.props);
+      return o.type !== l.Fragment && (s.ref = r ? h(r, i) : i), l.cloneElement(o, s);
+    }
+    return l.Children.count(o) > 1 ? l.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var v = /* @__PURE__ */ Symbol("radix.slottable");
+function b(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === v;
+}
+function w(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], c = t[r];
+    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...i) => {
+      const s = c(...i);
+      return o(...i), s;
+    } : o && (n[r] = o) : r === "style" ? n[r] = {
+      ...o,
+      ...c
+    } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...n
+  };
+}
+function V(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+function F(e) {
+  const t = e + "CollectionProvider", [n, r] = T(t), [o, c] = n(t, {
+    collectionRef: { current: null },
+    itemMap: /* @__PURE__ */ new Map()
+  }), i = (d) => {
+    const { scope: a, children: u } = d, p = m.useRef(null), E = m.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ I(o, {
+      scope: a,
+      itemMap: E,
+      collectionRef: p,
+      children: u
+    });
+  };
+  i.displayName = t;
+  const s = e + "CollectionSlot", R = /* @__PURE__ */ M(s), f = m.forwardRef((d, a) => {
+    const { scope: u, children: p } = d;
+    return /* @__PURE__ */ I(R, {
+      ref: A(a, c(s, u).collectionRef),
+      children: p
+    });
+  });
+  f.displayName = s;
+  const S = e + "CollectionItemSlot", y = "data-radix-collection-item", N = /* @__PURE__ */ M(S), g = m.forwardRef((d, a) => {
+    const { scope: u, children: p, ...E } = d, C = m.useRef(null), _ = A(a, C), x = c(S, u);
+    return m.useEffect(() => (x.itemMap.set(C, {
+      ref: C,
+      ...E
+    }), () => {
+      x.itemMap.delete(C);
+    })), /* @__PURE__ */ I(N, {
+      [y]: "",
+      ref: _,
+      children: p
+    });
+  });
+  g.displayName = S;
+  function O(d) {
+    const a = c(e + "CollectionConsumer", d);
+    return m.useCallback(() => {
+      const u = a.collectionRef.current;
+      if (!u) return [];
+      const p = Array.from(u.querySelectorAll(`[${y}]`));
+      return Array.from(a.itemMap.values()).sort((E, C) => p.indexOf(E.ref.current) - p.indexOf(C.ref.current));
+    }, [a.collectionRef, a.itemMap]);
+  }
+  return [
+    {
+      Provider: i,
+      Slot: f,
+      ItemSlot: g
+    },
+    O,
+    r
+  ];
+}
+export {
+  F as t
+};

package/dist/dist-DZcOdXgW.js

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

package/dist/dist-DeVdyMHW2.js

@@ -0,0 +1,31 @@
+import { i as z } from "./dist-uVUx9i0a.js";
+import * as a from "react";
+function u(r) {
+  const [h, i] = a.useState(void 0);
+  return z(() => {
+    if (r) {
+      i({
+        width: r.offsetWidth,
+        height: r.offsetHeight
+      });
+      const f = new ResizeObserver((e) => {
+        if (!Array.isArray(e) || !e.length) return;
+        const b = e[0];
+        let o, t;
+        if ("borderBoxSize" in b) {
+          const s = b.borderBoxSize, d = Array.isArray(s) ? s[0] : s;
+          o = d.inlineSize, t = d.blockSize;
+        } else
+          o = r.offsetWidth, t = r.offsetHeight;
+        i({
+          width: o,
+          height: t
+        });
+      });
+      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
+    } else i(void 0);
+  }, [r]), h;
+}
+export {
+  u as t
+};

package/dist/{index-C1g_chDT.js → dist-DpqiA4Yn.js}

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

package/dist/dist-DstQl8xY.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-DtEbXv47.js

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