@koide-labs/ui 0.0.0 → 0.0.2

package/dist/useId-C5kyn6tA.js

@@ -0,0 +1,22 @@
+import * as n from "react";
+const l = {
+  ...n
+};
+let s = 0;
+function d(u, t = "mui") {
+  const [e, c] = n.useState(u), o = u || e;
+  return n.useEffect(() => {
+    e == null && (s += 1, c(`${t}-${s}`));
+  }, [e, t]), o;
+}
+const a = l.useId;
+function f(u, t) {
+  if (a !== void 0) {
+    const e = a();
+    return u ?? (t ? `${t}-${e}` : e);
+  }
+  return d(u, t);
+}
+export {
+  f as u
+};

package/dist/useIsoLayoutEffect-CIDbvm3Q.js

@@ -0,0 +1,6 @@
+import * as o from "react";
+const t = () => {
+}, e = typeof document < "u" ? o.useLayoutEffect : t;
+export {
+  e as u
+};

package/dist/useLabelableId-Ci_jDvmv.js

@@ -0,0 +1,29 @@
+import { u } from "./useIsoLayoutEffect-CIDbvm3Q.js";
+import { a as f } from "./floating-ui.utils.dom-C7FS5id0.js";
+import { u as a } from "./useBaseUiId-B7WyxtIE.js";
+import { u as m } from "./LabelableContext-BMvjVwor.js";
+import { N as c } from "./useRenderElement-DwToLA61.js";
+function x(i = {}) {
+  const {
+    id: e,
+    implicit: o = !1,
+    controlRef: l
+  } = i, {
+    controlId: s,
+    setControlId: t
+  } = m(), r = a(e);
+  return u(() => {
+    if (!(!o && !e || t === c)) {
+      if (o) {
+        const n = l?.current;
+        f(n) && n.closest("label") != null ? t(e ?? null) : t(s ?? r);
+      } else e && t(e);
+      return () => {
+        e && t(void 0);
+      };
+    }
+  }, [e, l, s, t, o, r]), s ?? r;
+}
+export {
+  x as u
+};

package/dist/useOnMount-VRW6CK2u.js

@@ -0,0 +1,8 @@
+import * as o from "react";
+const e = [];
+function n(t) {
+  o.useEffect(t, e);
+}
+export {
+  n as u
+};

package/dist/useOpenChangeComplete-Dse9kY9E.js

@@ -0,0 +1,61 @@
+import * as m from "react";
+import { u as f } from "./useStableCallback-CkTrVkNX.js";
+import { u as p } from "./useValueAsRef-HURLzret.js";
+import * as l from "react-dom";
+import { u as g } from "./useAnimationFrame-451ugS_6.js";
+function d(n) {
+  return n == null ? n : "current" in n ? n.current : n;
+}
+function S(n, u = !1, r = !0) {
+  const s = g();
+  return f((o, e = null) => {
+    s.cancel();
+    const t = d(n);
+    t != null && (typeof t.getAnimations != "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED ? o() : s.request(() => {
+      function i() {
+        t && Promise.all(t.getAnimations().map((a) => a.finished)).then(() => {
+          e != null && e.aborted || l.flushSync(o);
+        }).catch(() => {
+          if (r) {
+            if (e != null && e.aborted)
+              return;
+            l.flushSync(o);
+          } else t.getAnimations().length > 0 && t.getAnimations().some((a) => a.pending || a.playState !== "finished") && i();
+        });
+      }
+      u ? s.request(i) : i();
+    }));
+  });
+}
+let c = /* @__PURE__ */ (function(n) {
+  return n.startingStyle = "data-starting-style", n.endingStyle = "data-ending-style", n;
+})({});
+const A = {
+  [c.startingStyle]: ""
+}, h = {
+  [c.endingStyle]: ""
+}, I = {
+  transitionStatus(n) {
+    return n === "starting" ? A : n === "ending" ? h : null;
+  }
+};
+function N(n) {
+  const {
+    enabled: u = !0,
+    open: r,
+    ref: s,
+    onComplete: o
+  } = n, e = p(r), t = f(o), i = S(s, r);
+  m.useEffect(() => {
+    u && i(() => {
+      r === e.current && t();
+    });
+  }, [u, r, t, i, e]);
+}
+export {
+  c as T,
+  N as a,
+  d as r,
+  I as t,
+  S as u
+};

package/dist/usePopupAutoResize-CNR6Ekmx.js

@@ -0,0 +1,85 @@
+import * as g from "react";
+import { u as O } from "./useAnimationFrame-451ugS_6.js";
+import { u as $ } from "./useIsoLayoutEffect-CIDbvm3Q.js";
+import { u as A } from "./useStableCallback-CkTrVkNX.js";
+import { u as B } from "./useOpenChangeComplete-Dse9kY9E.js";
+import { r as C } from "./floating-ui.utils-C7pRWMZ_.js";
+import { g as k, i as D } from "./floating-ui.utils.dom-C7FS5id0.js";
+import { E as T } from "./useRenderElement-DwToLA61.js";
+function F(o) {
+  const e = k(o);
+  let t = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
+  const u = D(o), c = u ? o.offsetWidth : t, d = u ? o.offsetHeight : i;
+  return (C(t) !== c || C(i) !== d) && (t = c, i = d), {
+    width: t,
+    height: i
+  };
+}
+const H = typeof ResizeObserver < "u", W = () => !0;
+function U(o) {
+  const {
+    popupElement: e,
+    positionerElement: t,
+    content: i,
+    mounted: u,
+    enabled: c = W,
+    onMeasureLayout: d,
+    onMeasureLayoutComplete: b,
+    side: n,
+    direction: w
+  } = o, f = g.useRef(!0), x = B(e, !0, !1), m = O(), r = g.useRef(null), S = A(d), P = A(b), M = g.useMemo(() => {
+    let s = n === "top", p = n === "left";
+    return w === "rtl" ? (s = s || n === "inline-end", p = p || n === "inline-end") : (s = s || n === "inline-start", p = p || n === "inline-start"), s ? {
+      position: "absolute",
+      [n === "top" ? "bottom" : "top"]: "0",
+      [p ? "right" : "left"]: "0"
+    } : T;
+  }, [n, w]);
+  $(() => {
+    if (!u || !c() || !H) {
+      f.current = !0, r.current = null;
+      return;
+    }
+    if (!e || !t)
+      return;
+    Object.entries(M).forEach(([a, l]) => {
+      e.style.setProperty(a, l);
+    });
+    const s = new ResizeObserver((a) => {
+      const l = a[0];
+      l && (r.current === null ? r.current = {
+        width: Math.ceil(l.borderBoxSize[0].inlineSize),
+        height: Math.ceil(l.borderBoxSize[0].blockSize)
+      } : (r.current.width = Math.ceil(l.borderBoxSize[0].inlineSize), r.current.height = Math.ceil(l.borderBoxSize[0].blockSize)));
+    });
+    s.observe(e), e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto");
+    const p = y(e, "position", "static"), z = y(e, "transform", "none"), R = y(e, "scale", "1"), E = y(t, "--available-width", "max-content"), v = y(t, "--available-height", "max-content");
+    if (S?.(), f.current || r.current === null) {
+      t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
+      const a = F(e);
+      return t.style.setProperty("--positioner-width", `${a.width}px`), t.style.setProperty("--positioner-height", `${a.height}px`), p(), z(), R(), E(), v(), P?.(null, a), f.current = !1, () => {
+        s.disconnect();
+      };
+    }
+    e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto"), t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
+    const h = F(e);
+    e.style.setProperty("--popup-width", `${r.current.width}px`), e.style.setProperty("--popup-height", `${r.current.height}px`), p(), z(), E(), v(), P?.(r.current, h), t.style.setProperty("--positioner-width", `${h.width}px`), t.style.setProperty("--positioner-height", `${h.height}px`);
+    const L = new AbortController();
+    return m.request(() => {
+      e.style.setProperty("--popup-width", `${h.width}px`), e.style.setProperty("--popup-height", `${h.height}px`), x(() => {
+        e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto");
+      }, L.signal);
+    }), () => {
+      s.disconnect(), L.abort(), m.cancel();
+    };
+  }, [i, e, t, x, m, c, u, S, P, M]);
+}
+function y(o, e, t) {
+  const i = o.style.getPropertyValue(e);
+  return o.style.setProperty(e, t), () => {
+    o.style.setProperty(e, i);
+  };
+}
+export {
+  U as u
+};

package/dist/useRender-CLx7dR_1.js

@@ -0,0 +1,7 @@
+import { u } from "./useRenderElement-DwToLA61.js";
+function t(e) {
+  return u(e.defaultTagName ?? "div", e, e);
+}
+export {
+  t as u
+};

package/dist/useRenderElement-DwToLA61.js

@@ -0,0 +1,244 @@
+import { f as R } from "./formatErrorMessage-BqPuTBN-.js";
+import * as d from "react";
+import { createElement as h } from "react";
+const p = {};
+function I(e, n) {
+  const t = d.useRef(p);
+  return t.current === p && (t.current = e(n)), t;
+}
+function A(e, n, t, u) {
+  const r = I(P).current;
+  return M(r, e, n, t, u) && v(r, [e, n, t, u]), r.callback;
+}
+function w(e) {
+  const n = I(P).current;
+  return U(n, e) && v(n, e), n.callback;
+}
+function P() {
+  return {
+    callback: null,
+    cleanup: null,
+    refs: []
+  };
+}
+function M(e, n, t, u, r) {
+  return e.refs[0] !== n || e.refs[1] !== t || e.refs[2] !== u || e.refs[3] !== r;
+}
+function U(e, n) {
+  return e.refs.length !== n.length || e.refs.some((t, u) => t !== n[u]);
+}
+function v(e, n) {
+  if (e.refs = n, n.every((t) => t == null)) {
+    e.callback = null;
+    return;
+  }
+  e.callback = (t) => {
+    if (e.cleanup && (e.cleanup(), e.cleanup = null), t != null) {
+      const u = Array(n.length).fill(null);
+      for (let r = 0; r < n.length; r += 1) {
+        const c = n[r];
+        if (c != null)
+          switch (typeof c) {
+            case "function": {
+              const f = c(t);
+              typeof f == "function" && (u[r] = f);
+              break;
+            }
+            case "object": {
+              c.current = t;
+              break;
+            }
+          }
+      }
+      e.cleanup = () => {
+        for (let r = 0; r < n.length; r += 1) {
+          const c = n[r];
+          if (c != null)
+            switch (typeof c) {
+              case "function": {
+                const f = u[r];
+                typeof f == "function" ? f() : c(null);
+                break;
+              }
+              case "object": {
+                c.current = null;
+                break;
+              }
+            }
+        }
+      };
+    }
+  };
+}
+const S = parseInt(d.version, 10);
+function V(e) {
+  return S >= e;
+}
+function N(e) {
+  if (!/* @__PURE__ */ d.isValidElement(e))
+    return null;
+  const n = e, t = n.props;
+  return (V(19) ? t?.ref : n.ref) ?? null;
+}
+function b(e, n) {
+  if (e && !n)
+    return e;
+  if (!e && n)
+    return n;
+  if (e || n)
+    return {
+      ...e,
+      ...n
+    };
+}
+function L(e, n) {
+  const t = {};
+  for (const u in e) {
+    const r = e[u];
+    if (n?.hasOwnProperty(u)) {
+      const c = n[u](r);
+      c != null && Object.assign(t, c);
+      continue;
+    }
+    r === !0 ? t[`data-${u.toLowerCase()}`] = "" : r && (t[`data-${u.toLowerCase()}`] = r.toString());
+  }
+  return t;
+}
+function T(e, n) {
+  return typeof e == "function" ? e(n) : e;
+}
+function Y(e, n) {
+  return typeof e == "function" ? e(n) : e;
+}
+const a = {};
+function _(e, n, t, u, r) {
+  let c = {
+    ...E(e, a)
+  };
+  return n && (c = l(c, n)), t && (c = l(c, t)), u && (c = l(c, u)), r && (c = l(c, r)), c;
+}
+function B(e) {
+  if (e.length === 0)
+    return a;
+  if (e.length === 1)
+    return E(e[0], a);
+  let n = {
+    ...E(e[0], a)
+  };
+  for (let t = 1; t < e.length; t += 1)
+    n = l(n, e[t]);
+  return n;
+}
+function l(e, n) {
+  return O(n) ? n(e) : z(e, n);
+}
+function z(e, n) {
+  if (!n)
+    return e;
+  for (const t in n) {
+    const u = n[t];
+    switch (t) {
+      case "style": {
+        e[t] = b(e.style, u);
+        break;
+      }
+      case "className": {
+        e[t] = k(e.className, u);
+        break;
+      }
+      default:
+        D(t, u) ? e[t] = G(e[t], u) : e[t] = u;
+    }
+  }
+  return e;
+}
+function D(e, n) {
+  const t = e.charCodeAt(0), u = e.charCodeAt(1), r = e.charCodeAt(2);
+  return t === 111 && u === 110 && r >= 65 && r <= 90 && (typeof n == "function" || typeof n > "u");
+}
+function O(e) {
+  return typeof e == "function";
+}
+function E(e, n) {
+  return O(e) ? e(n) : e ?? a;
+}
+function G(e, n) {
+  return n ? e ? (t) => {
+    if ($(t)) {
+      const r = t;
+      W(r);
+      const c = n(r);
+      return r.baseUIHandlerPrevented || e?.(r), c;
+    }
+    const u = n(t);
+    return e?.(t), u;
+  } : n : e;
+}
+function W(e) {
+  return e.preventBaseUIHandler = () => {
+    e.baseUIHandlerPrevented = !0;
+  }, e;
+}
+function k(e, n) {
+  return n ? e ? n + " " + e : n : e;
+}
+function $(e) {
+  return e != null && typeof e == "object" && "nativeEvent" in e;
+}
+function K() {
+}
+const Q = Object.freeze([]), s = Object.freeze({});
+function X(e, n, t = {}) {
+  const u = n.render, r = F(n, t);
+  if (t.enabled === !1)
+    return null;
+  const c = t.state ?? s;
+  return J(e, u, r, c);
+}
+function F(e, n = {}) {
+  const {
+    className: t,
+    style: u,
+    render: r
+  } = e, {
+    state: c = s,
+    ref: f,
+    props: y,
+    stateAttributesMapping: C,
+    enabled: o = !0
+  } = n, m = o ? T(t, c) : void 0, g = o ? Y(u, c) : void 0, j = o ? L(c, C) : s, i = o ? b(j, Array.isArray(y) ? B(y) : y) ?? s : s;
+  return typeof document < "u" && (o ? Array.isArray(f) ? i.ref = w([i.ref, N(r), ...f]) : i.ref = A(i.ref, N(r), f) : A(null, null)), o ? (m !== void 0 && (i.className = k(i.className, m)), g !== void 0 && (i.style = b(i.style, g)), i) : s;
+}
+function J(e, n, t, u) {
+  if (n) {
+    if (typeof n == "function")
+      return n(t, u);
+    const r = _(t, n.props);
+    return r.ref = t.ref, /* @__PURE__ */ d.cloneElement(n, r);
+  }
+  if (e && typeof e == "string")
+    return Z(e, t);
+  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : R(8));
+}
+function Z(e, n) {
+  return e === "button" ? /* @__PURE__ */ h("button", {
+    type: "button",
+    ...n,
+    key: n.key
+  }) : e === "img" ? /* @__PURE__ */ h("img", {
+    alt: "",
+    ...n,
+    key: n.key
+  }) : /* @__PURE__ */ d.createElement(e, n);
+}
+export {
+  s as E,
+  K as N,
+  I as a,
+  Q as b,
+  A as c,
+  W as d,
+  V as i,
+  _ as m,
+  X as u
+};

package/dist/useRole-oDBdbuwQ.js

@@ -0,0 +1,77 @@
+import * as r from "react";
+import { u as P } from "./useId-C5kyn6tA.js";
+import { u as S } from "./transitions.module-CWX8e5cx.js";
+import { E as F } from "./useRenderElement-DwToLA61.js";
+import { g as y } from "./element-CZEOj04G.js";
+const T = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+function k(c, I = {}) {
+  const a = "rootStore" in c ? c.rootStore : c, l = a.useState("open"), u = a.useState("floatingId"), x = a.useState("domReferenceElement"), d = a.useState("floatingElement"), {
+    enabled: m = !0,
+    role: o = "dialog"
+  } = I, M = P(), s = x?.id || M, t = r.useMemo(() => y(d)?.id || u, [d, u]), e = T.get(o) ?? o, p = S() != null, i = r.useMemo(() => e === "tooltip" || o === "label" ? F : {
+    "aria-haspopup": e === "alertdialog" ? "dialog" : e,
+    "aria-expanded": "false",
+    ...e === "listbox" && {
+      role: "combobox"
+    },
+    ...e === "menu" && p && {
+      role: "menuitem"
+    },
+    ...o === "select" && {
+      "aria-autocomplete": "none"
+    },
+    ...o === "combobox" && {
+      "aria-autocomplete": "list"
+    }
+  }, [e, p, o]), f = r.useMemo(() => e === "tooltip" || o === "label" ? {
+    [`aria-${o === "label" ? "labelledby" : "describedby"}`]: l ? t : void 0
+  } : {
+    ...i,
+    "aria-expanded": l ? "true" : "false",
+    "aria-controls": l ? t : void 0,
+    ...e === "menu" && {
+      id: s
+    }
+  }, [e, t, l, s, o, i]), b = r.useMemo(() => {
+    const n = {
+      id: t,
+      ...e && {
+        role: e
+      }
+    };
+    return e === "tooltip" || o === "label" ? n : {
+      ...n,
+      ...e === "menu" && {
+        "aria-labelledby": s
+      }
+    };
+  }, [e, t, s, o]), g = r.useCallback(({
+    active: n,
+    selected: R
+  }) => {
+    const E = {
+      role: "option",
+      ...n && {
+        id: `${t}-fui-option`
+      }
+    };
+    switch (o) {
+      case "select":
+      case "combobox":
+        return {
+          ...E,
+          "aria-selected": R
+        };
+    }
+    return {};
+  }, [t, o]);
+  return r.useMemo(() => m ? {
+    reference: f,
+    floating: b,
+    item: g,
+    trigger: i
+  } : {}, [m, f, b, i, g]);
+}
+export {
+  k as u
+};

package/dist/useStableCallback-CkTrVkNX.js

@@ -0,0 +1,29 @@
+import * as a from "react";
+import { a as c } from "./useRenderElement-DwToLA61.js";
+const n = a[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], r = (
+  // React 17 doesn't have useInsertionEffect.
+  n && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
+  n !== a.useLayoutEffect ? n : (e) => e()
+);
+function f(e) {
+  const t = c(o).current;
+  return t.next = e, r(t.effect), t.trampoline;
+}
+function o() {
+  const e = {
+    next: void 0,
+    callback: s,
+    trampoline: (...t) => e.callback?.(...t),
+    effect: () => {
+      e.callback = e.next;
+    }
+  };
+  return e;
+}
+function s() {
+  if (process.env.NODE_ENV !== "production")
+    throw new Error("Base UI: Cannot call an event handler while rendering.");
+}
+export {
+  f as u
+};