@konstructio/ui 0.1.2-alpha.9 → 0.1.2-alpha.93

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

@@ -1,16 +1,16 @@
+import { n as O } from "./dist-C4El7dZ5.js";
+import { i as p } from "./dist-D_9sBzad.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-D_9sBzad.js

@@ -0,0 +1,223 @@
+import { t as S } from "./dist-C4El7dZ5.js";
+import * as r from "react";
+import * as w from "react-dom";
+import { jsx as m } from "react/jsx-runtime";
+function F(e, t) {
+  const n = r.createContext(t), s = (c) => {
+    const { children: i, ...u } = c, a = r.useMemo(() => u, Object.values(u));
+    return /* @__PURE__ */ m(n.Provider, {
+      value: a,
+      children: i
+    });
+  };
+  s.displayName = e + "Provider";
+  function o(c) {
+    const i = r.useContext(n);
+    if (i) return i;
+    if (t !== void 0) return t;
+    throw new Error(`\`${c}\` must be used within \`${e}\``);
+  }
+  return [s, o];
+}
+function V(e, t = []) {
+  let n = [];
+  function s(c, i) {
+    const u = r.createContext(i), a = n.length;
+    n = [...n, i];
+    const l = (d) => {
+      const { scope: v, children: C, ...p } = d, h = v?.[e]?.[a] || u, y = r.useMemo(() => p, Object.values(p));
+      return /* @__PURE__ */ m(h.Provider, {
+        value: y,
+        children: C
+      });
+    };
+    l.displayName = c + "Provider";
+    function f(d, v) {
+      const C = v?.[e]?.[a] || u, p = r.useContext(C);
+      if (p) return p;
+      if (i !== void 0) return i;
+      throw new Error(`\`${d}\` must be used within \`${c}\``);
+    }
+    return [l, f];
+  }
+  const o = () => {
+    const c = n.map((i) => r.createContext(i));
+    return function(u) {
+      const a = u?.[e] || c;
+      return r.useMemo(() => ({ [`__scope${e}`]: {
+        ...u,
+        [e]: a
+      } }), [u, a]);
+    };
+  };
+  return o.scopeName = e, [s, E(o, ...t)];
+}
+function E(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const s = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(c) {
+      const i = s.reduce((u, { useScope: a, scopeName: l }) => {
+        const f = a(c)[`__scope${l}`];
+        return {
+          ...u,
+          ...f
+        };
+      }, {});
+      return r.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var W = !!(typeof window < "u" && window.document && window.document.createElement);
+function A(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e?.(o), n === !1 || !o.defaultPrevented) return t?.(o);
+  };
+}
+var x = globalThis?.document ? r.useLayoutEffect : () => {
+}, g = r[" useInsertionEffect ".trim().toString()] || x;
+function L({ prop: e, defaultProp: t, onChange: n = () => {
+}, caller: s }) {
+  const [o, c, i] = b({
+    defaultProp: t,
+    onChange: n
+  }), u = e !== void 0, a = u ? e : o;
+  {
+    const l = r.useRef(e !== void 0);
+    r.useEffect(() => {
+      const f = l.current;
+      f !== u && console.warn(`${s} is changing from ${f ? "controlled" : "uncontrolled"} to ${u ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`), l.current = u;
+    }, [u, s]);
+  }
+  return [a, r.useCallback((l) => {
+    if (u) {
+      const f = P(l) ? l(e) : l;
+      f !== e && i.current?.(f);
+    } else c(l);
+  }, [
+    u,
+    e,
+    c,
+    i
+  ])];
+}
+function b({ defaultProp: e, onChange: t }) {
+  const [n, s] = r.useState(e), o = r.useRef(n), c = r.useRef(t);
+  return g(() => {
+    c.current = t;
+  }, [t]), r.useEffect(() => {
+    o.current !== n && (c.current?.(n), o.current = n);
+  }, [n, o]), [
+    n,
+    s,
+    c
+  ];
+}
+function P(e) {
+  return typeof e == "function";
+}
+// @__NO_SIDE_EFFECTS__
+function R(e) {
+  const t = /* @__PURE__ */ $(e), n = r.forwardRef((s, o) => {
+    const { children: c, ...i } = s, u = r.Children.toArray(c), a = u.find(O);
+    if (a) {
+      const l = a.props.children, f = u.map((d) => d === a ? r.Children.count(l) > 1 ? r.Children.only(null) : r.isValidElement(l) ? l.props.children : null : d);
+      return /* @__PURE__ */ m(t, {
+        ...i,
+        ref: o,
+        children: r.isValidElement(l) ? r.cloneElement(l, void 0, f) : null
+      });
+    }
+    return /* @__PURE__ */ m(t, {
+      ...i,
+      ref: o,
+      children: c
+    });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function $(e) {
+  const t = r.forwardRef((n, s) => {
+    const { children: o, ...c } = n;
+    if (r.isValidElement(o)) {
+      const i = I(o), u = D(c, o.props);
+      return o.type !== r.Fragment && (u.ref = s ? S(s, i) : i), r.cloneElement(o, u);
+    }
+    return r.Children.count(o) > 1 ? r.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var _ = /* @__PURE__ */ Symbol("radix.slottable");
+function O(e) {
+  return r.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === _;
+}
+function D(e, t) {
+  const n = { ...t };
+  for (const s in t) {
+    const o = e[s], c = t[s];
+    /^on[A-Z]/.test(s) ? o && c ? n[s] = (...i) => {
+      const u = c(...i);
+      return o(...i), u;
+    } : o && (n[s] = o) : s === "style" ? n[s] = {
+      ...o,
+      ...c
+    } : s === "className" && (n[s] = [o, c].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...n
+  };
+}
+function I(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);
+}
+var T = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+].reduce((e, t) => {
+  const n = /* @__PURE__ */ R(`Primitive.${t}`), s = r.forwardRef((o, c) => {
+    const { asChild: i, ...u } = o, a = i ? n : t;
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m(a, {
+      ...u,
+      ref: c
+    });
+  });
+  return s.displayName = `Primitive.${t}`, {
+    ...e,
+    [t]: s
+  };
+}, {});
+function B(e, t) {
+  e && w.flushSync(() => e.dispatchEvent(t));
+}
+export {
+  A as a,
+  x as i,
+  B as n,
+  F as o,
+  L as r,
+  V as s,
+  T as t
+};

package/dist/{index-BZPx6jYI.js → dist-DxDE5irg2.js}

@@ -1,8 +1,11 @@
 import * as u from "react";
 function t(r) {
-  const e = u.useRef({ value: r, previous: r });
+  const e = u.useRef({
+    value: r,
+    previous: r
+  });
   return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
 }
 export {
-  t as u
+  t
 };

package/dist/dist-EV-1XXQr.js

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

package/dist/dist-X40eHC8j2.js

@@ -0,0 +1,31 @@
+import { i as z } from "./dist-D_9sBzad.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/ellipsis-vertical-Cm9A6Zu8.js

@@ -0,0 +1,24 @@
+import { t as c } from "./createLucideIcon-CL4htJAF.js";
+var e = [
+  ["circle", {
+    cx: "12",
+    cy: "12",
+    r: "1",
+    key: "41hilf"
+  }],
+  ["circle", {
+    cx: "12",
+    cy: "5",
+    r: "1",
+    key: "gxeob9"
+  }],
+  ["circle", {
+    cx: "12",
+    cy: "19",
+    r: "1",
+    key: "lyex9k"
+  }]
+], i = c("ellipsis-vertical", e);
+export {
+  i as t
+};

package/dist/hooks/index.js

@@ -1,4 +1,6 @@
-import { useToggle as g } from "./useToggle.js";
+import { useMediaQuery as o } from "./useMediaQuery.js";
+import { useToggle as m } from "./useToggle.js";
 export {
-  g as useToggle
+  o as useMediaQuery,
+  m as useToggle
 };

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,17 @@
+import { r as n } from "../utils-COaoD3PI.js";
+import { useEffect as c, useState as h } from "react";
+var m = (e) => n ? window.matchMedia(e).matches : !1, u = (e) => {
+  const [s, a] = h(() => m(e));
+  return c(() => {
+    if (!n) return;
+    const t = window.matchMedia(e), r = (i) => {
+      a(i.matches);
+    };
+    return a(t.matches), t.addEventListener("change", r), () => {
+      t.removeEventListener("change", r);
+    };
+  }, [e]), s;
+};
+export {
+  u as useMediaQuery
+};

package/dist/hooks/useToggle.js

@@ -1,11 +1,8 @@
-import { useState as l, useCallback as u } from "react";
-const c = (t = !1) => {
-  const [e, o] = l(t), s = u(
-    (a) => o(a ?? !e),
-    [e]
-  );
-  return [e, s];
+import { useCallback as r, useState as s } from "react";
+var o = (a = !1) => {
+  const [e, t] = s(a);
+  return [e, r((l) => t(l ?? !e), [e])];
 };
 export {
-  c as useToggle
+  o as useToggle
 };

package/dist/icons.d.ts

@@ -0,0 +1 @@
+export * from './lib/icons';