zudoku 0.3.0-dev.2 → 0.3.0-dev.20

package/lib/Spinner-DjQ2eBxC.js

@@ -0,0 +1,181 @@
+import * as s from "react";
+import { u as M, g as h, c as w, a as D, e as U, P as A, d as k } from "./index-By9bEW57.js";
+import * as W from "react-dom";
+import { j as N } from "./index-PyGcnQFX.js";
+import { c as F } from "./DevPortalProvider-CRKuwoXc.js";
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const B = F("LoaderCircle", [
+  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
+]);
+function G(e, n) {
+  return s.useReducer((r, t) => n[r][t] ?? r, e);
+}
+var S = (e) => {
+  const { present: n, children: r } = e, t = $(n), o = typeof r == "function" ? r({ present: t.isPresent }) : s.Children.only(r), c = M(t.ref, q(o));
+  return typeof r == "function" || t.isPresent ? s.cloneElement(o, { ref: c }) : null;
+};
+S.displayName = "Presence";
+function $(e) {
+  const [n, r] = s.useState(), t = s.useRef({}), o = s.useRef(e), c = s.useRef("none"), l = e ? "mounted" : "unmounted", [f, i] = G(l, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return s.useEffect(() => {
+    const a = v(t.current);
+    c.current = f === "mounted" ? a : "none";
+  }, [f]), h(() => {
+    const a = t.current, d = o.current;
+    if (d !== e) {
+      const g = c.current, m = v(a);
+      e ? i("MOUNT") : m === "none" || (a == null ? void 0 : a.display) === "none" ? i("UNMOUNT") : i(d && g !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+    }
+  }, [e, i]), h(() => {
+    if (n) {
+      const a = (p) => {
+        const m = v(t.current).includes(p.animationName);
+        p.target === n && m && W.flushSync(() => i("ANIMATION_END"));
+      }, d = (p) => {
+        p.target === n && (c.current = v(t.current));
+      };
+      return n.addEventListener("animationstart", d), n.addEventListener("animationcancel", a), n.addEventListener("animationend", a), () => {
+        n.removeEventListener("animationstart", d), n.removeEventListener("animationcancel", a), n.removeEventListener("animationend", a);
+      };
+    } else
+      i("ANIMATION_END");
+  }, [n, i]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(f),
+    ref: s.useCallback((a) => {
+      a && (t.current = getComputedStyle(a)), r(a);
+    }, [])
+  };
+}
+function v(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function q(e) {
+  var t, o;
+  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, r = n && "isReactWarning" in n && n.isReactWarning;
+  return r ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+var O = "Collapsible", [z, X] = w(O), [H, P] = z(O), I = s.forwardRef(
+  (e, n) => {
+    const {
+      __scopeCollapsible: r,
+      open: t,
+      defaultOpen: o,
+      disabled: c,
+      onOpenChange: l,
+      ...f
+    } = e, [i = !1, a] = D({
+      prop: t,
+      defaultProp: o,
+      onChange: l
+    });
+    return /* @__PURE__ */ N.jsx(
+      H,
+      {
+        scope: r,
+        disabled: c,
+        contentId: U(),
+        open: i,
+        onOpenToggle: s.useCallback(() => a((d) => !d), [a]),
+        children: /* @__PURE__ */ N.jsx(
+          A.div,
+          {
+            "data-state": E(i),
+            "data-disabled": c ? "" : void 0,
+            ...f,
+            ref: n
+          }
+        )
+      }
+    );
+  }
+);
+I.displayName = O;
+var _ = "CollapsibleTrigger", L = s.forwardRef(
+  (e, n) => {
+    const { __scopeCollapsible: r, ...t } = e, o = P(_, r);
+    return /* @__PURE__ */ N.jsx(
+      A.button,
+      {
+        type: "button",
+        "aria-controls": o.contentId,
+        "aria-expanded": o.open || !1,
+        "data-state": E(o.open),
+        "data-disabled": o.disabled ? "" : void 0,
+        disabled: o.disabled,
+        ...t,
+        ref: n,
+        onClick: k(e.onClick, o.onOpenToggle)
+      }
+    );
+  }
+);
+L.displayName = _;
+var x = "CollapsibleContent", j = s.forwardRef(
+  (e, n) => {
+    const { forceMount: r, ...t } = e, o = P(x, e.__scopeCollapsible);
+    return /* @__PURE__ */ N.jsx(S, { present: r || o.open, children: ({ present: c }) => /* @__PURE__ */ N.jsx(J, { ...t, ref: n, present: c }) });
+  }
+);
+j.displayName = x;
+var J = s.forwardRef((e, n) => {
+  const { __scopeCollapsible: r, present: t, children: o, ...c } = e, l = P(x, r), [f, i] = s.useState(t), a = s.useRef(null), d = M(n, a), p = s.useRef(0), g = p.current, m = s.useRef(0), R = m.current, b = l.open || f, T = s.useRef(b), C = s.useRef();
+  return s.useEffect(() => {
+    const u = requestAnimationFrame(() => T.current = !1);
+    return () => cancelAnimationFrame(u);
+  }, []), h(() => {
+    const u = a.current;
+    if (u) {
+      C.current = C.current || {
+        transitionDuration: u.style.transitionDuration,
+        animationName: u.style.animationName
+      }, u.style.transitionDuration = "0s", u.style.animationName = "none";
+      const y = u.getBoundingClientRect();
+      p.current = y.height, m.current = y.width, T.current || (u.style.transitionDuration = C.current.transitionDuration, u.style.animationName = C.current.animationName), i(t);
+    }
+  }, [l.open, t]), /* @__PURE__ */ N.jsx(
+    A.div,
+    {
+      "data-state": E(l.open),
+      "data-disabled": l.disabled ? "" : void 0,
+      id: l.contentId,
+      hidden: !b,
+      ...c,
+      ref: d,
+      style: {
+        "--radix-collapsible-content-height": g ? `${g}px` : void 0,
+        "--radix-collapsible-content-width": R ? `${R}px` : void 0,
+        ...e.style
+      },
+      children: b && o
+    }
+  );
+});
+function E(e) {
+  return e ? "open" : "closed";
+}
+var Y = I, Z = L, ee = j;
+const ne = ({ size: e = 16 }) => /* @__PURE__ */ N.jsx(B, { size: e, className: "animate-spin" });
+export {
+  ee as C,
+  S as P,
+  Y as R,
+  ne as S,
+  Z as T
+};