@konstructio/ui 0.1.2-alpha.5 → 0.1.2-alpha.50

package/dist/index-DKfEnhKr.js

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

package/dist/index-DLcqcWxM.js

@@ -0,0 +1,29 @@
+import * as l from "react";
+function s(n, o) {
+  if (typeof n == "function")
+    return n(o);
+  n != null && (n.current = o);
+}
+function f(...n) {
+  return (o) => {
+    let u = !1;
+    const c = n.map((t) => {
+      const e = s(t, o);
+      return !u && typeof e == "function" && (u = !0), e;
+    });
+    if (u)
+      return () => {
+        for (let t = 0; t < c.length; t++) {
+          const e = c[t];
+          typeof e == "function" ? e() : s(n[t], null);
+        }
+      };
+  };
+}
+function i(...n) {
+  return l.useCallback(f(...n), n);
+}
+export {
+  f as c,
+  i as u
+};

package/dist/{index-ti1b9kqV.js → index-DMb4KD0b.js}

@@ -1,12 +1,12 @@
 import * as o from "react";
-import { R as m, P as c } from "./index-BITvcJAz.js";
-import { u as f } from "./index-BfXxHr_2.js";
+import m from "react-dom";
+import { u as c, P as f } from "./index-DKfEnhKr.js";
 import { jsx as l } from "react/jsx-runtime";
 var u = "Portal", p = o.forwardRef((r, a) => {
   const { container: e, ...s } = r, [n, i] = o.useState(!1);
-  f(() => i(!0), []);
+  c(() => i(!0), []);
   const t = e || n && globalThis?.document?.body;
-  return t ? m.createPortal(/* @__PURE__ */ l(c.div, { ...s, ref: a }), t) : null;
+  return t ? m.createPortal(/* @__PURE__ */ l(f.div, { ...s, ref: a }), t) : null;
 });
 p.displayName = u;
 export {

package/dist/{index-BAEWsOG1.js → index-DtEcCIrM.js}

@@ -1,5 +1,5 @@
 import * as h from "react";
-import { u as z } from "./index-BfXxHr_2.js";
+import { u as z } from "./index-DKfEnhKr.js";
 function n(r) {
   const [d, e] = h.useState(void 0);
   return z(() => {

package/dist/{index-bwWKd82e.js → index-Dy59FQl5.js}

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { u as a } from "./index-BfXxHr_2.js";
+import { u as a } from "./index-DKfEnhKr.js";
 var s = r[" useId ".trim().toString()] || (() => {
 }), i = 0;
 function n(e) {

package/dist/{index-C84F4YyO.js → index-gSPwC-1I.js}

@@ -1,11 +1,10 @@
 import * as l from "react";
-import { a as ce, c as le, b as _ } from "./index-BfXxHr_2.js";
-import { u as M } from "./index-DQH6odE9.js";
+import { a as ce, c as le, b as _, P as T } from "./index-DKfEnhKr.js";
+import { u as M } from "./index-DLcqcWxM.js";
 import { u as de } from "./index-BdMNhZnh.js";
 import { u as ue } from "./index-BZPx6jYI.js";
-import { u as fe } from "./index-BAEWsOG1.js";
-import { P as T } from "./index-BITvcJAz.js";
-import { c as me } from "./index-Cvx4lqTq.js";
+import { u as fe } from "./index-DtEcCIrM.js";
+import { c as me } from "./index-BG8O18ZY.js";
 import { jsx as g, jsxs as Se } from "react/jsx-runtime";
 function $(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
@@ -15,7 +14,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, C = "Slider", [N, pe, he] = me(C), [W, He] = le(C, [
+}, C = "Slider", [N, pe, he] = me(C), [W, ze] = le(C, [
   he
 ]), [ge, V] = W(C), q = l.forwardRef(
   (e, t) => {
@@ -423,10 +422,10 @@ function Ce(e, t) {
   const n = Math.pow(10, t);
   return Math.round(e * n) / n;
 }
-var Ne = q, Le = te, Oe = ne, Ue = oe;
+var He = q, Ne = te, Le = ne, Oe = oe;
 export {
-  Ne as R,
-  Le as T,
-  Oe as a,
-  Ue as b
+  He as R,
+  Ne as T,
+  Le as a,
+  Oe as b
 };

package/dist/{index-Bnb0ezr3.js → index-vcSp8YRZ.js}

@@ -1,13 +1,12 @@
 import * as s from "react";
-import { c as K, b as I, a as L } from "./index-BfXxHr_2.js";
-import { c as ce } from "./index-Cvx4lqTq.js";
-import { u as ie } from "./index-DQH6odE9.js";
-import { u as O } from "./index-bwWKd82e.js";
-import { P as C } from "./index-BITvcJAz.js";
+import { c as K, P as C, b as I, a as L } from "./index-DKfEnhKr.js";
+import { c as ce } from "./index-BG8O18ZY.js";
+import { u as ie } from "./index-DLcqcWxM.js";
+import { u as O } from "./index-Dy59FQl5.js";
 import { u as ue } from "./index-0ioNhtNM.js";
 import { u as k } from "./index-BdMNhZnh.js";
 import { jsx as l } from "react/jsx-runtime";
-import { P as le } from "./index-C1g_chDT.js";
+import { P as le } from "./index-AV6ZtGhy.js";
 var N = "rovingFocusGroup.onEntryFocus", de = { bubbles: !1, cancelable: !0 }, h = "RovingFocusGroup", [D, V, fe] = ce(h), [ve, U] = K(
   h,
   [fe]
@@ -172,7 +171,7 @@ function z(e, o = !1) {
 function Fe(e, o) {
   return e.map((n, t) => e[(o + t) % e.length]);
 }
-var Re = B, Ce = Y, _ = "Tabs", [he, Ge] = K(_, [
+var Re = B, Ce = Y, _ = "Tabs", [he, Me] = K(_, [
   U
 ]), H = U(), [Ee, x] = he(_), j = s.forwardRef(
   (e, o) => {
@@ -314,10 +313,10 @@ function ee(e, o) {
 function te(e, o) {
   return `${e}-content-${o}`;
 }
-var Ke = j, Le = J, Oe = W, ke = Z;
+var Ge = j, Ke = J, Le = W, Oe = Z;
 export {
-  ke as C,
-  Le as L,
-  Ke as R,
-  Oe as T
+  Oe as C,
+  Ke as L,
+  Ge as R,
+  Le as T
 };