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

package/dist/dist-CfYOvauX.js

@@ -0,0 +1,125 @@
+import * as n from "react";
+import { jsx as x } from "react/jsx-runtime";
+function _(e, o = []) {
+  let t = [];
+  function f(s, u) {
+    const r = n.createContext(u);
+    r.displayName = s + "Context";
+    const l = t.length;
+    t = [...t, u];
+    const i = (m) => {
+      const { scope: v, children: p, ...d } = m, h = v?.[e]?.[l] || r, S = n.useMemo(() => d, Object.values(d));
+      return /* @__PURE__ */ x(h.Provider, {
+        value: S,
+        children: p
+      });
+    };
+    i.displayName = s + "Provider";
+    function a(m, v) {
+      const p = v?.[e]?.[l] || r, d = n.useContext(p);
+      if (d) return d;
+      if (u !== void 0) return u;
+      throw new Error(`\`${m}\` must be used within \`${s}\``);
+    }
+    return [i, a];
+  }
+  const c = () => {
+    const s = t.map((u) => n.createContext(u));
+    return function(r) {
+      const l = r?.[e] || s;
+      return n.useMemo(() => ({ [`__scope${e}`]: {
+        ...r,
+        [e]: l
+      } }), [r, l]);
+    };
+  };
+  return c.scopeName = e, [f, R(c, ...o)];
+}
+function R(...e) {
+  const o = e[0];
+  if (e.length === 1) return o;
+  const t = () => {
+    const f = e.map((c) => ({
+      useScope: c(),
+      scopeName: c.scopeName
+    }));
+    return function(s) {
+      const u = f.reduce((r, { useScope: l, scopeName: i }) => {
+        const a = l(s)[`__scope${i}`];
+        return {
+          ...r,
+          ...a
+        };
+      }, {});
+      return n.useMemo(() => ({ [`__scope${o.scopeName}`]: u }), [u]);
+    };
+  };
+  return t.scopeName = o.scopeName, t;
+}
+var b = !!(typeof window < "u" && window.document && window.document.createElement);
+function M(e, o, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(c) {
+    if (e?.(c), t === !1 || !c.defaultPrevented) return o?.(c);
+  };
+}
+var C = globalThis?.document ? n.useLayoutEffect : () => {
+}, E = n[" useEffectEvent ".trim().toString()], w = n[" useInsertionEffect ".trim().toString()];
+function I(e) {
+  if (typeof E == "function") return E(e);
+  const o = n.useRef(() => {
+    throw new Error("Cannot call an event handler while rendering.");
+  });
+  return typeof w == "function" ? w(() => {
+    o.current = e;
+  }) : C(() => {
+    o.current = e;
+  }), n.useMemo(() => ((...t) => o.current?.(...t)), []);
+}
+var g = n[" useInsertionEffect ".trim().toString()] || C;
+function U({ prop: e, defaultProp: o, onChange: t = () => {
+}, caller: f }) {
+  const [c, s, u] = $({
+    defaultProp: o,
+    onChange: t
+  }), r = e !== void 0, l = r ? e : c;
+  {
+    const i = n.useRef(e !== void 0);
+    n.useEffect(() => {
+      const a = i.current;
+      a !== r && console.warn(`${f} is changing from ${a ? "controlled" : "uncontrolled"} to ${r ? "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.`), i.current = r;
+    }, [r, f]);
+  }
+  return [l, n.useCallback((i) => {
+    if (r) {
+      const a = y(i) ? i(e) : i;
+      a !== e && u.current?.(a);
+    } else s(i);
+  }, [
+    r,
+    e,
+    s,
+    u
+  ])];
+}
+function $({ defaultProp: e, onChange: o }) {
+  const [t, f] = n.useState(e), c = n.useRef(t), s = n.useRef(o);
+  return g(() => {
+    s.current = o;
+  }, [o]), n.useEffect(() => {
+    c.current !== t && (s.current?.(t), c.current = t);
+  }, [t, c]), [
+    t,
+    f,
+    s
+  ];
+}
+function y(e) {
+  return typeof e == "function";
+}
+export {
+  _ as a,
+  M as i,
+  I as n,
+  C as r,
+  U as t
+};

package/dist/dist-CktbIsHq.js

@@ -0,0 +1,264 @@
+import { a as ne } from "./dist-DqKFpce5.js";
+import { t as C } from "./dist-CVy-ulDZ.js";
+import { a as G, i as I, t as K } from "./dist-CfYOvauX.js";
+import { t as O } from "./dist-CeuUxVmT.js";
+import { t as ae } from "./dist-ppXKUlVt.js";
+import { t as se } from "./dist-eAwtFCCA.js";
+import { t as L } from "./dist-B-Aoze_D.js";
+import { t as ie } from "./dist-C8NWUTUh.js";
+import * as s from "react";
+import { jsx as l } from "react/jsx-runtime";
+var P = "rovingFocusGroup.onEntryFocus", ce = {
+  bubbles: !1,
+  cancelable: !0
+}, h = "RovingFocusGroup", [N, k, ue] = ie(h), [le, V] = G(h, [ue]), [de, fe] = le(h), U = s.forwardRef((e, o) => /* @__PURE__ */ l(N.Provider, {
+  scope: e.__scopeRovingFocusGroup,
+  children: /* @__PURE__ */ l(N.Slot, {
+    scope: e.__scopeRovingFocusGroup,
+    children: /* @__PURE__ */ l(ve, {
+      ...e,
+      ref: o
+    })
+  })
+}));
+U.displayName = h;
+var ve = s.forwardRef((e, o) => {
+  const { __scopeRovingFocusGroup: n, orientation: t, loop: u = !1, dir: d, currentTabStopId: a, defaultCurrentTabStopId: v, onCurrentTabStopIdChange: T, onEntryFocus: p, preventScrollOnEntryFocus: r = !1, ...i } = e, m = s.useRef(null), E = ne(o, m), w = L(d), [S, c] = K({
+    prop: a,
+    defaultProp: v ?? null,
+    onChange: T,
+    caller: h
+  }), [F, b] = s.useState(!1), g = ae(p), te = k(n), A = s.useRef(!1), [oe, x] = s.useState(0);
+  return s.useEffect(() => {
+    const f = m.current;
+    if (f)
+      return f.addEventListener(P, g), () => f.removeEventListener(P, g);
+  }, [g]), /* @__PURE__ */ l(de, {
+    scope: n,
+    orientation: t,
+    dir: w,
+    loop: u,
+    currentTabStopId: S,
+    onItemFocus: s.useCallback((f) => c(f), [c]),
+    onItemShiftTab: s.useCallback(() => b(!0), []),
+    onFocusableItemAdd: s.useCallback(() => x((f) => f + 1), []),
+    onFocusableItemRemove: s.useCallback(() => x((f) => f - 1), []),
+    children: /* @__PURE__ */ l(C.div, {
+      tabIndex: F || oe === 0 ? -1 : 0,
+      "data-orientation": t,
+      ...i,
+      ref: E,
+      style: {
+        outline: "none",
+        ...e.style
+      },
+      onMouseDown: I(e.onMouseDown, () => {
+        A.current = !0;
+      }),
+      onFocus: I(e.onFocus, (f) => {
+        const re = !A.current;
+        if (f.target === f.currentTarget && re && !F) {
+          const M = new CustomEvent(P, ce);
+          if (f.currentTarget.dispatchEvent(M), !M.defaultPrevented) {
+            const y = te().filter((R) => R.focusable);
+            Y([
+              y.find((R) => R.active),
+              y.find((R) => R.id === S),
+              ...y
+            ].filter(Boolean).map((R) => R.ref.current), r);
+          }
+        }
+        A.current = !1;
+      }),
+      onBlur: I(e.onBlur, () => b(!1))
+    })
+  });
+}), B = "RovingFocusGroupItem", $ = s.forwardRef((e, o) => {
+  const { __scopeRovingFocusGroup: n, focusable: t = !0, active: u = !1, tabStopId: d, children: a, ...v } = e, T = O(), p = d || T, r = fe(B, n), i = r.currentTabStopId === p, m = k(n), { onFocusableItemAdd: E, onFocusableItemRemove: w, currentTabStopId: S } = r;
+  return s.useEffect(() => {
+    if (t)
+      return E(), () => w();
+  }, [
+    t,
+    E,
+    w
+  ]), /* @__PURE__ */ l(N.ItemSlot, {
+    scope: n,
+    id: p,
+    focusable: t,
+    active: u,
+    children: /* @__PURE__ */ l(C.span, {
+      tabIndex: i ? 0 : -1,
+      "data-orientation": r.orientation,
+      ...v,
+      ref: o,
+      onMouseDown: I(e.onMouseDown, (c) => {
+        t ? r.onItemFocus(p) : c.preventDefault();
+      }),
+      onFocus: I(e.onFocus, () => r.onItemFocus(p)),
+      onKeyDown: I(e.onKeyDown, (c) => {
+        if (c.key === "Tab" && c.shiftKey) {
+          r.onItemShiftTab();
+          return;
+        }
+        if (c.target !== c.currentTarget) return;
+        const F = be(c, r.orientation, r.dir);
+        if (F !== void 0) {
+          if (c.metaKey || c.ctrlKey || c.altKey || c.shiftKey) return;
+          c.preventDefault();
+          let b = m().filter((g) => g.focusable).map((g) => g.ref.current);
+          if (F === "last") b.reverse();
+          else if (F === "prev" || F === "next") {
+            F === "prev" && b.reverse();
+            const g = b.indexOf(c.currentTarget);
+            b = r.loop ? ge(b, g + 1) : b.slice(g + 1);
+          }
+          setTimeout(() => Y(b));
+        }
+      }),
+      children: typeof a == "function" ? a({
+        isCurrentTabStop: i,
+        hasTabStop: S != null
+      }) : a
+    })
+  });
+});
+$.displayName = B;
+var pe = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function me(e, o) {
+  return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function be(e, o, n) {
+  const t = me(e.key, n);
+  if (!(o === "vertical" && ["ArrowLeft", "ArrowRight"].includes(t)) && !(o === "horizontal" && ["ArrowUp", "ArrowDown"].includes(t)))
+    return pe[t];
+}
+function Y(e, o = !1) {
+  const n = document.activeElement;
+  for (const t of e)
+    if (t === n || (t.focus({ preventScroll: o }), document.activeElement !== n)) return;
+}
+function ge(e, o) {
+  return e.map((n, t) => e[(o + t) % e.length]);
+}
+var Te = U, Ie = $, _ = "Tabs", [Fe, Ne] = G(_, [V]), z = V(), [Re, D] = Fe(_), H = s.forwardRef((e, o) => {
+  const { __scopeTabs: n, value: t, onValueChange: u, defaultValue: d, orientation: a = "horizontal", dir: v, activationMode: T = "automatic", ...p } = e, r = L(v), [i, m] = K({
+    prop: t,
+    onChange: u,
+    defaultProp: d ?? "",
+    caller: _
+  });
+  return /* @__PURE__ */ l(Re, {
+    scope: n,
+    baseId: O(),
+    value: i,
+    onValueChange: m,
+    orientation: a,
+    dir: r,
+    activationMode: T,
+    children: /* @__PURE__ */ l(C.div, {
+      dir: r,
+      "data-orientation": a,
+      ...p,
+      ref: o
+    })
+  });
+});
+H.displayName = _;
+var j = "TabsList", q = s.forwardRef((e, o) => {
+  const { __scopeTabs: n, loop: t = !0, ...u } = e, d = D(j, n), a = z(n);
+  return /* @__PURE__ */ l(Te, {
+    asChild: !0,
+    ...a,
+    orientation: d.orientation,
+    dir: d.dir,
+    loop: t,
+    children: /* @__PURE__ */ l(C.div, {
+      role: "tablist",
+      "aria-orientation": d.orientation,
+      ...u,
+      ref: o
+    })
+  });
+});
+q.displayName = j;
+var J = "TabsTrigger", Q = s.forwardRef((e, o) => {
+  const { __scopeTabs: n, value: t, disabled: u = !1, ...d } = e, a = D(J, n), v = z(n), T = Z(a.baseId, t), p = ee(a.baseId, t), r = t === a.value;
+  return /* @__PURE__ */ l(Ie, {
+    asChild: !0,
+    ...v,
+    focusable: !u,
+    active: r,
+    children: /* @__PURE__ */ l(C.button, {
+      type: "button",
+      role: "tab",
+      "aria-selected": r,
+      "aria-controls": p,
+      "data-state": r ? "active" : "inactive",
+      "data-disabled": u ? "" : void 0,
+      disabled: u,
+      id: T,
+      ...d,
+      ref: o,
+      onMouseDown: I(e.onMouseDown, (i) => {
+        !u && i.button === 0 && i.ctrlKey === !1 ? a.onValueChange(t) : i.preventDefault();
+      }),
+      onKeyDown: I(e.onKeyDown, (i) => {
+        [" ", "Enter"].includes(i.key) && a.onValueChange(t);
+      }),
+      onFocus: I(e.onFocus, () => {
+        const i = a.activationMode !== "manual";
+        !r && !u && i && a.onValueChange(t);
+      })
+    })
+  });
+});
+Q.displayName = J;
+var W = "TabsContent", X = s.forwardRef((e, o) => {
+  const { __scopeTabs: n, value: t, forceMount: u, children: d, ...a } = e, v = D(W, n), T = Z(v.baseId, t), p = ee(v.baseId, t), r = t === v.value, i = s.useRef(r);
+  return s.useEffect(() => {
+    const m = requestAnimationFrame(() => i.current = !1);
+    return () => cancelAnimationFrame(m);
+  }, []), /* @__PURE__ */ l(se, {
+    present: u || r,
+    children: ({ present: m }) => /* @__PURE__ */ l(C.div, {
+      "data-state": r ? "active" : "inactive",
+      "data-orientation": v.orientation,
+      role: "tabpanel",
+      "aria-labelledby": T,
+      hidden: !m,
+      id: p,
+      tabIndex: 0,
+      ...a,
+      ref: o,
+      style: {
+        ...e.style,
+        animationDuration: i.current ? "0s" : void 0
+      },
+      children: m && d
+    })
+  });
+});
+X.displayName = W;
+function Z(e, o) {
+  return `${e}-trigger-${o}`;
+}
+function ee(e, o) {
+  return `${e}-content-${o}`;
+}
+var De = H, xe = q, Me = Q, Ge = X;
+export {
+  Me as i,
+  xe as n,
+  De as r,
+  Ge as t
+};