asterui 0.12.21 → 0.12.23

package/dist/index77.js

@@ -1,20 +1,20 @@
-import { jsx as h, jsxs as K, Fragment as ie } from "react/jsx-runtime";
-import T, { useRef as L, useState as J, useCallback as y, useEffect as Q } from "react";
+import { jsx as h, jsxs as _, Fragment as ie } from "react/jsx-runtime";
+import K, { useRef as L, useState as J, useCallback as y, useEffect as Q } from "react";
 const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
   children: M,
   direction: z = "horizontal",
   sizes: P,
   defaultSizes: $,
-  onSizesChange: F,
+  onSizesChange: T,
   gutterSize: R = 8,
   minSize: E = 50,
   className: Z = ""
 }) => {
-  const D = L(null), I = L([]), x = L(null), u = T.Children.toArray(M).filter(
-    (e) => T.isValidElement(e)
-  ), m = u.length, [f, W] = J(
+  const D = L(null), I = L([]), x = L(null), u = K.Children.toArray(M).filter(
+    (e) => K.isValidElement(e)
+  ), m = u.length, [f, F] = J(
     () => u.map((e) => e.props.defaultCollapsed ?? e.props.collapsed ?? !1)
-  ), X = L([]), j = y(() => {
+  ), W = L([]), j = y(() => {
     const e = u.map((s) => s.props.defaultSize), o = e.some((s) => s !== void 0);
     if ($ && $.length === m)
       return $;
@@ -24,39 +24,39 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
     }
     const i = 100 / m;
     return Array(m).fill(i);
-  }, [$, m, u]), [k, Y] = J(j), ee = y(() => {
+  }, [$, m, u]), [k, X] = J(j), ee = y(() => {
     const e = u.map((t) => t.props.size);
     if (!e.some((t) => t !== void 0)) return null;
     const i = e.reduce((t, l) => t + (l ?? 0), 0), s = e.filter((t) => t === void 0).length, r = Math.max(0, 100 - i), a = s > 0 ? r / s : 0;
     return e.map((t, l) => t ?? k[l] ?? a);
   }, [u, k]), d = P || ee() || k;
   Q(() => {
-    !P && k.length !== m && Y(j());
+    !P && k.length !== m && X(j());
   }, [m, P, k.length, j]), Q(() => {
     const e = u.map(
       (i, s) => i.props.collapsed ?? f[s] ?? !1
     );
-    e.some((i, s) => i !== f[s]) && W(e);
+    e.some((i, s) => i !== f[s]) && F(e);
   }, [u.map((e) => e.props.collapsed).join(",")]);
   const b = y(
     (e) => {
-      P || Y(e), F?.(e);
+      P || X(e), T?.(e);
     },
-    [P, F]
-  ), _ = y(
+    [P, T]
+  ), Y = y(
     (e) => {
       const o = u[e];
       if (!o?.props.collapsible) return;
       const s = !f[e], r = [...f];
-      if (r[e] = s, W(r), o.props.onCollapse?.(s), s) {
-        X.current = [...d];
+      if (r[e] = s, F(r), o.props.onCollapse?.(s), s) {
+        W.current = [...d];
         const a = 0, t = d[e] - a, l = d.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]);
         if (l.length > 0) {
           const n = t / l.length, c = d.map((p, w) => w === e ? a : r[w] ? p : p + n);
           b(c);
         }
       } else {
-        const a = X.current[e] || 100 / m, l = d.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]).reduce((n, c) => n + c.size, 0);
+        const a = W.current[e] || 100 / m, l = d.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]).reduce((n, c) => n + c.size, 0);
         if (l > 0) {
           const n = d.map((c, p) => {
             if (p === e) return a;
@@ -135,7 +135,7 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
       className: `flex ${g ? "flex-row" : "flex-col"} h-full w-full ${Z}`,
       children: u.map((e, o) => {
         const i = e.props, s = o === u.length - 1, r = f[o], a = i.resizable !== !1 && !r;
-        return /* @__PURE__ */ K(T.Fragment, { children: [
+        return /* @__PURE__ */ _(K.Fragment, { children: [
           /* @__PURE__ */ h(
             "div",
             {
@@ -171,7 +171,7 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
               onKeyDown: (t) => oe(o, t),
               children: (() => {
                 const { showStart: t, showEnd: l, panel1Collapsed: n, panel2Collapsed: c } = ne(o);
-                return !t && !l ? /* @__PURE__ */ K(
+                return !t && !l ? /* @__PURE__ */ _(
                   "div",
                   {
                     className: `
@@ -184,7 +184,7 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                       /* @__PURE__ */ h("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" })
                     ]
                   }
-                ) : /* @__PURE__ */ K(
+                ) : /* @__PURE__ */ _(
                   "div",
                   {
                     className: `
@@ -197,7 +197,7 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                         {
                           type: "button",
                           onClick: (p) => {
-                            p.stopPropagation(), _(o);
+                            p.stopPropagation(), Y(o);
                           },
                           className: `
                             p-0.5 rounded hover:bg-base-content/20 transition-colors
@@ -221,7 +221,7 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                         {
                           type: "button",
                           onClick: (p) => {
-                            p.stopPropagation(), _(o + 1);
+                            p.stopPropagation(), Y(o + 1);
                           },
                           className: `
                             p-0.5 rounded hover:bg-base-content/20 transition-colors

package/dist/index8.js

@@ -1,33 +1,33 @@
 import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import u from "react";
-function x({ children: c, items: r, separator: t, className: o = "", ...i }) {
-  const s = t !== void 0, a = typeof t == "string" ? "px-2" : "px-1", m = () => !r || r.length === 0 ? null : r.map((e, l) => {
-    const d = l === r.length - 1;
-    return /* @__PURE__ */ f(u.Fragment, { children: [
+import h from "react";
+function x({ children: c, items: r, separator: t, className: a = "", ...i }) {
+  const l = t !== void 0, o = typeof t == "string" ? "px-2" : "px-1", m = () => !r || r.length === 0 ? null : r.map((e, s) => {
+    const d = s === r.length - 1;
+    return /* @__PURE__ */ f(h.Fragment, { children: [
       /* @__PURE__ */ n("li", { className: e.className, children: e.href || e.onClick ? /* @__PURE__ */ n("a", { href: e.href, onClick: e.onClick, children: e.title }) : e.title }),
-      s && !d && /* @__PURE__ */ n("li", { className: `flex items-center ${a} text-base-content/50`, children: t })
-    ] }, l);
+      l && !d && /* @__PURE__ */ n("li", { className: `flex items-center ${o} text-base-content/50`, children: t })
+    ] }, s);
   }), b = () => {
     if (r && r.length > 0)
       return m();
-    if (s && c) {
-      const e = u.Children.toArray(c), l = [];
-      return e.forEach((d, h) => {
-        l.push(d), h < e.length - 1 && l.push(
-          /* @__PURE__ */ n("li", { className: `flex items-center ${a} text-base-content/50`, children: t }, `sep-${h}`)
+    if (l && c) {
+      const e = h.Children.toArray(c), s = [];
+      return e.forEach((d, u) => {
+        s.push(d), u < e.length - 1 && s.push(
+          /* @__PURE__ */ n("li", { className: `flex items-center ${o} text-base-content/50`, children: t }, `sep-${u}`)
         );
-      }), l;
+      }), s;
     }
     return c;
-  }, p = s ? `breadcrumbs text-sm [&_li::before]:!hidden ${o}` : `breadcrumbs text-sm ${o}`;
+  }, p = l ? `breadcrumbs text-sm [&_li::before]:!hidden ${a}` : `breadcrumbs text-sm ${a}`;
   return /* @__PURE__ */ n("div", { className: p, ...i, children: /* @__PURE__ */ n("ul", { children: b() }) });
 }
-function g({ children: c, href: r, onClick: t, icon: o, className: i = "", ...s }) {
-  const a = o ? /* @__PURE__ */ f("span", { className: "inline-flex items-center gap-2", children: [
-    o,
+function g({ children: c, href: r, onClick: t, icon: a, className: i = "", ...l }) {
+  const o = a ? /* @__PURE__ */ f("span", { className: "inline-flex items-center gap-2", children: [
+    a,
     c
   ] }) : c;
-  return r || t ? /* @__PURE__ */ n("li", { className: i, ...s, children: /* @__PURE__ */ n("a", { href: r, onClick: t, children: a }) }) : /* @__PURE__ */ n("li", { className: i, ...s, children: a });
+  return r || t ? /* @__PURE__ */ n("li", { className: i, ...l, children: /* @__PURE__ */ n("a", { href: r, onClick: t, children: o }) }) : /* @__PURE__ */ n("li", { className: i, ...l, children: o });
 }
 const N = Object.assign(x, {
   Item: g

package/dist/index80.js

@@ -1,4 +1,4 @@
-import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
 import y from "react";
 const j = {
   neutral: "step-neutral",
@@ -11,7 +11,7 @@ const j = {
   error: "step-error"
 };
 function N({
-  children: a,
+  children: i,
   items: l,
   current: e,
   direction: p,
@@ -22,9 +22,9 @@ function N({
 }) {
   const n = ["steps", (p === "vertical" || d) && "steps-vertical", c].filter(Boolean).join(" ");
   if (l && l.length > 0)
-    return /* @__PURE__ */ i("ul", { className: n, ...f, children: l.map((s, o) => {
+    return /* @__PURE__ */ a("ul", { className: n, ...f, children: l.map((s, o) => {
       const C = e !== void 0 && o < e, r = e !== void 0 && o === e, v = s.color || (C || r ? "primary" : void 0);
-      return /* @__PURE__ */ i(
+      return /* @__PURE__ */ a(
         k,
         {
           color: v,
@@ -40,7 +40,7 @@ function N({
         s.key ?? o
       );
     }) });
-  const u = e !== void 0 ? y.Children.map(a, (s, o) => {
+  const u = e !== void 0 ? y.Children.map(i, (s, o) => {
     if (y.isValidElement(s)) {
       const C = o < e, r = o === e, v = s.props.color || (C || r ? "primary" : void 0);
       return y.cloneElement(s, {
@@ -52,11 +52,11 @@ function N({
       });
     }
     return s;
-  }) : a;
-  return /* @__PURE__ */ i("ul", { className: n, ...f, children: u });
+  }) : i;
+  return /* @__PURE__ */ a("ul", { className: n, ...f, children: u });
 }
 function k({
-  children: a,
+  children: i,
   title: l,
   description: e,
   icon: p,
@@ -81,17 +81,17 @@ function k({
       style: n && !c ? { cursor: "pointer" } : void 0,
       ...s,
       children: [
-        p && /* @__PURE__ */ i("span", { className: "step-icon", children: p }),
-        l ?? a,
-        e && /* @__PURE__ */ i("span", { className: "text-xs opacity-70 block", children: e })
+        p && /* @__PURE__ */ a("span", { className: "step-icon", children: p }),
+        l ?? i,
+        e && /* @__PURE__ */ a("span", { className: "text-xs opacity-70 block", children: e })
       ]
     }
   );
 }
-const V = Object.assign(N, {
+const S = Object.assign(N, {
   Step: k
 });
 export {
-  V as Steps
+  S as Steps
 };
 //# sourceMappingURL=index80.js.map

package/dist/index82.js

@@ -1,5 +1,5 @@
-import { jsx as s, jsxs as c, Fragment as o } from "react/jsx-runtime";
-import x, { useState as k } from "react";
+import { jsx as a, jsxs as c, Fragment as o } from "react/jsx-runtime";
+import u, { useState as k } from "react";
 const B = {
   box: "tabs-box",
   border: "tabs-border",
@@ -11,11 +11,11 @@ const B = {
   lg: "tabs-lg",
   xl: "tabs-xl"
 };
-function E({
-  children: a,
+function _({
+  children: s,
   items: e,
   activeKey: n,
-  defaultActiveKey: u,
+  defaultActiveKey: y,
   onChange: K,
   variant: b,
   size: r,
@@ -23,27 +23,27 @@ function E({
   className: p = "",
   ...C
 }) {
-  const g = x.Children.toArray(a).filter(
-    (t) => x.isValidElement(t) && t.type === y
-  ), i = e && e.length > 0 ? e.map((t) => ({
+  const g = u.Children.toArray(s).filter(
+    (t) => u.isValidElement(t) && t.type === x
+  ), l = e && e.length > 0 ? e.map((t) => ({
     tabKey: t.key,
     tab: t.label,
     children: t.children,
     disabled: t.disabled,
     icon: t.icon
   })) : g.map((t) => t.props), [j, A] = k(
-    u || i[0]?.tabKey || ""
-  ), m = n !== void 0 ? n : j, N = (t) => {
+    y || l[0]?.tabKey || ""
+  ), f = n !== void 0 ? n : j, N = (t) => {
     n === void 0 && A(t), K?.(t);
   }, P = [
     "tabs",
     b && B[b],
     r && R[r],
     p
-  ].filter(Boolean).join(" "), f = i.find((t) => t.tabKey === m), h = /* @__PURE__ */ s("div", { role: "tablist", className: P, children: i.map((t) => {
-    const l = m === t.tabKey, T = [
+  ].filter(Boolean).join(" "), m = l.find((t) => t.tabKey === f), h = /* @__PURE__ */ a("div", { role: "tablist", className: P, children: l.map((t) => {
+    const i = f === t.tabKey, T = [
       "tab",
-      l && "tab-active",
+      i && "tab-active",
       t.disabled && "tab-disabled"
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ c(
@@ -53,17 +53,17 @@ function E({
         className: T,
         onClick: () => !t.disabled && N(t.tabKey),
         disabled: t.disabled,
-        "data-state": l ? "active" : "inactive",
-        "aria-selected": l,
+        "data-state": i ? "active" : "inactive",
+        "aria-selected": i,
         children: [
-          t.icon && /* @__PURE__ */ s("span", { className: "mr-1", children: t.icon }),
+          t.icon && /* @__PURE__ */ a("span", { className: "mr-1", children: t.icon }),
           t.tab
         ]
       },
       t.tabKey
     );
-  }) }), v = f && /* @__PURE__ */ s("div", { className: d === "top" ? "mt-4" : "mb-4", role: "tabpanel", children: f.children });
-  return /* @__PURE__ */ s("div", { ...C, children: d === "top" ? /* @__PURE__ */ c(o, { children: [
+  }) }), v = m && /* @__PURE__ */ a("div", { className: d === "top" ? "mt-4" : "mb-4", role: "tabpanel", children: m.children });
+  return /* @__PURE__ */ a("div", { ...C, children: d === "top" ? /* @__PURE__ */ c(o, { children: [
     h,
     v
   ] }) : /* @__PURE__ */ c(o, { children: [
@@ -71,13 +71,13 @@ function E({
     h
   ] }) });
 }
-function y({ children: a }) {
-  return /* @__PURE__ */ s(o, { children: a });
+function x({ children: s }) {
+  return /* @__PURE__ */ a(o, { children: s });
 }
-const L = Object.assign(E, {
-  Panel: y
+const I = Object.assign(_, {
+  Panel: x
 });
 export {
-  L as Tabs
+  I as Tabs
 };
 //# sourceMappingURL=index82.js.map

package/dist/index88.js

@@ -59,10 +59,10 @@ function p({
     l && /* @__PURE__ */ e("div", { className: c, children: l })
   ] });
 }
-const b = Object.assign(N, {
+const _ = Object.assign(N, {
   Item: p
 });
 export {
-  b as Timeline
+  _ as Timeline
 };
 //# sourceMappingURL=index88.js.map

package/dist/index97.js

@@ -1,129 +1,69 @@
-import { jsxs as z, jsx as R } from "react/jsx-runtime";
-import { useState as V, useMemo as P, useEffect as Y } from "react";
-const D = "asterui", O = 0.22, U = (t, c = O) => {
-  const r = `rgba(0,0,0,${c})`;
-  if (t && t.includes("var(--bc")) {
-    if (typeof window < "u") {
-      const a = getComputedStyle(document.documentElement).getPropertyValue("--bc").trim(), g = getComputedStyle(document.body).getPropertyValue("--bc").trim(), m = a || g;
-      if (m)
-        return t.replace(/var\(--bc\)/g, m);
-    }
-    return r;
-  }
-  if (t) return t;
-  if (typeof window > "u") return r;
-  const i = getComputedStyle(document.documentElement).getPropertyValue("--bc").trim(), d = getComputedStyle(document.body).getPropertyValue("--bc").trim(), s = i || d;
-  return s ? `hsl(${s} / ${c})` : r;
-}, M = (t, c) => {
-  const r = t?.fontSize ?? 16;
-  return {
-    color: c,
-    fontSize: r,
-    fontWeight: t?.fontWeight ?? 600,
-    fontStyle: t?.fontStyle ?? "normal",
-    fontFamily: t?.fontFamily ?? "sans-serif",
-    lineHeight: t?.lineHeight ?? r * 1.2
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as o } from "react";
+import { useVirtualizer as S } from "./index110.js";
+function N({
+  items: e,
+  height: u,
+  itemHeight: i,
+  renderItem: d,
+  overscan: f = 5,
+  className: h = "",
+  innerClassName: p = "",
+  itemClassName: m = "",
+  width: g,
+  gap: s = 0,
+  onScroll: x
+}) {
+  const l = o(null), r = o(i), c = o(e);
+  r.current = i, c.current = e;
+  const a = S({
+    count: e.length,
+    getScrollElement: () => l.current,
+    estimateSize: (t) => (typeof r.current == "function" ? r.current(c.current[t], t) : r.current) + s,
+    overscan: f
+  }), y = a.getVirtualItems(), z = (t) => {
+    x?.(t.currentTarget.scrollTop);
   };
-}, X = ({
-  children: t,
-  className: c = "",
-  style: r,
-  content: i,
-  image: d,
-  width: s = 120,
-  height: a = 64,
-  gap: g,
-  offset: m,
-  rotate: T = -22,
-  zIndex: W = 1e3,
-  font: S,
-  ...A
-}) => {
-  const [y, $] = V(null), u = g?.[0] ?? 120, f = g?.[1] ?? 120, B = m?.[0] ?? u / 2, F = m?.[1] ?? f / 2, E = P(
-    () => typeof i == "string" ? [i] : Array.isArray(i) ? i : [D],
-    [i]
-  ), k = U(S?.color), l = P(
-    () => M(S, k),
-    [S, k]
-  ), h = Math.PI / 180 * T, I = E.join("|");
-  Y(() => {
-    if (typeof window > "u") return;
-    let p = !1;
-    const n = window.devicePixelRatio || 1, w = s + u, C = a + f, v = document.createElement("canvas");
-    v.width = w * n, v.height = C * n;
-    const e = v.getContext("2d");
-    if (!e) return;
-    const L = () => {
-      const o = v.toDataURL();
-      p || $({ url: o, width: w, height: C });
-    }, N = () => {
-      e.save(), e.translate((u / 2 + s / 2) * n, (f / 2 + a / 2) * n), e.rotate(h), e.fillStyle = l.color, e.textAlign = "center", e.textBaseline = "middle", e.font = `${l.fontStyle} normal ${l.fontWeight} ${l.fontSize * n}px ${l.fontFamily}`;
-      const o = l.lineHeight * n, b = -((E.length - 1) * o) / 2;
-      E.forEach((x, j) => {
-        e.fillText(x, 0, b + j * o);
-      }), e.restore();
-    };
-    if (d) {
-      const o = new Image();
-      o.crossOrigin = "anonymous", o.referrerPolicy = "no-referrer";
-      const b = () => {
-        e.save(), e.translate((u / 2 + s / 2) * n, (f / 2 + a / 2) * n), e.rotate(h), e.drawImage(
-          o,
-          -s / 2 * n,
-          -a / 2 * n,
-          s * n,
-          a * n
-        ), e.restore(), L();
-      }, x = () => {
-        p || $(null);
-      };
-      return o.addEventListener("load", b), o.addEventListener("error", x), o.src = d, () => {
-        p = !0, o.removeEventListener("load", b), o.removeEventListener("error", x);
-      };
-    } else
-      N(), L();
-    return () => {
-      p = !0;
-    };
-  }, [
-    l,
-    u,
-    f,
-    a,
-    d,
-    h,
-    I,
-    s
-  ]);
-  const H = ["relative", c].filter(Boolean).join(" ");
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: H,
-      style: { position: r?.position ?? "relative", ...r },
-      ...A,
-      children: [
-        t,
-        y && /* @__PURE__ */ R(
-          "div",
-          {
-            "aria-hidden": !0,
-            className: "pointer-events-none absolute inset-0",
-            style: {
-              zIndex: W,
-              backgroundImage: `url(${y.url})`,
-              backgroundRepeat: "repeat",
-              backgroundSize: `${y.width}px ${y.height}px`,
-              backgroundPosition: `${B}px ${F}px`
-            }
-          }
-        )
-      ]
+      ref: l,
+      className: `overflow-auto ${h}`,
+      style: { height: u, width: g },
+      onScroll: z,
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: p,
+          style: {
+            height: a.getTotalSize(),
+            width: "100%",
+            position: "relative"
+          },
+          children: y.map((t) => /* @__PURE__ */ n(
+            "div",
+            {
+              className: m,
+              "data-index": t.index,
+              style: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                height: t.size - s,
+                transform: `translateY(${t.start}px)`
+              },
+              children: d(e[t.index], t.index)
+            },
+            t.key
+          ))
+        }
+      )
     }
   );
-};
-X.displayName = "Watermark";
+}
+N.displayName = "VirtualList";
 export {
-  X as Watermark
+  N as VirtualList
 };
 //# sourceMappingURL=index97.js.map

package/dist/index97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index97.js","sources":["../src/components/Watermark.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\n\nexport type WatermarkGap = [number, number]\nexport type WatermarkOffset = [number, number]\n\nexport interface WatermarkFontOptions {\n  /** Text color for watermark content */\n  color?: string\n  /** Font size in pixels */\n  fontSize?: number\n  /** Font weight for watermark text */\n  fontWeight?: number | 'normal' | 'bold' | 'bolder' | 'lighter'\n  /** Font style for watermark text */\n  fontStyle?: 'normal' | 'italic' | 'oblique'\n  /** Font family for watermark text */\n  fontFamily?: string\n  /** Line height in pixels for multi-line content */\n  lineHeight?: number\n}\n\nexport interface WatermarkProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {\n  /** Text to render inside the watermark; falls back to \"asterui\" */\n  content?: string | string[]\n  /** Image source (URL or base64) to render instead of text */\n  image?: string\n  /** Width of a single watermark tile in pixels */\n  width?: number\n  /** Height of a single watermark tile in pixels */\n  height?: number\n  /** Horizontal/vertical gap between watermarks in pixels */\n  gap?: WatermarkGap\n  /** Offset for the first watermark tile from the top-left corner */\n  offset?: WatermarkOffset\n  /** Rotation angle in degrees */\n  rotate?: number\n  /** z-index for the overlay layer */\n  zIndex?: number\n  /** Font settings for text watermarks */\n  font?: WatermarkFontOptions\n  /** Content to protect with the watermark */\n  children?: React.ReactNode\n}\n\ntype WatermarkImage = {\n  url: string\n  width: number\n  height: number\n}\n\nconst DEFAULT_CONTENT = 'asterui'\nconst DEFAULT_OPACITY = 0.22\n\nconst resolveThemeColor = (requested?: string, opacity = DEFAULT_OPACITY) => {\n  const fallback = `rgba(0,0,0,${opacity})`\n\n  if (requested && requested.includes('var(--bc')) {\n    if (typeof window !== 'undefined') {\n      const docBase = getComputedStyle(document.documentElement).getPropertyValue('--bc').trim()\n      const bodyBase = getComputedStyle(document.body).getPropertyValue('--bc').trim()\n      const base = docBase || bodyBase\n      if (base) {\n        return requested.replace(/var\\(--bc\\)/g, base)\n      }\n    }\n    return fallback\n  }\n\n  if (requested) return requested\n\n  if (typeof window === 'undefined') return fallback\n\n  const docBase = getComputedStyle(document.documentElement).getPropertyValue('--bc').trim()\n  const bodyBase = getComputedStyle(document.body).getPropertyValue('--bc').trim()\n  const base = docBase || bodyBase\n\n  return base ? `hsl(${base} / ${opacity})` : fallback\n}\n\nconst getFontSettings = (font: WatermarkFontOptions | undefined, resolvedColor: string) => {\n  const fontSize = font?.fontSize ?? 16\n\n  return {\n    color: resolvedColor,\n    fontSize,\n    fontWeight: font?.fontWeight ?? 600,\n    fontStyle: font?.fontStyle ?? 'normal',\n    fontFamily: font?.fontFamily ?? 'sans-serif',\n    lineHeight: font?.lineHeight ?? fontSize * 1.2,\n  }\n}\n\nexport const Watermark: React.FC<WatermarkProps> = ({\n  children,\n  className = '',\n  style,\n  content,\n  image,\n  width = 120,\n  height = 64,\n  gap,\n  offset,\n  rotate = -22,\n  zIndex = 1000,\n  font,\n  ...rest\n}) => {\n  const [watermark, setWatermark] = useState<WatermarkImage | null>(null)\n\n  const gapX = gap?.[0] ?? 120\n  const gapY = gap?.[1] ?? 120\n  const offsetX = offset?.[0] ?? gapX / 2\n  const offsetY = offset?.[1] ?? gapY / 2\n  const textLines = useMemo(\n    () =>\n      typeof content === 'string'\n        ? [content]\n        : Array.isArray(content)\n          ? content\n          : [DEFAULT_CONTENT],\n    [content]\n  )\n  const resolvedColor = resolveThemeColor(font?.color)\n  const fontSettings = useMemo(\n    () => getFontSettings(font, resolvedColor),\n    [font, resolvedColor]\n  )\n  const rotationInRadians = (Math.PI / 180) * rotate\n  const textKey = textLines.join('|')\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    let cancelled = false\n    const ratio = window.devicePixelRatio || 1\n    const tileWidth = width + gapX\n    const tileHeight = height + gapY\n    const canvas = document.createElement('canvas')\n    canvas.width = tileWidth * ratio\n    canvas.height = tileHeight * ratio\n    const ctx = canvas.getContext('2d')\n\n    if (!ctx) return\n\n    const commitWatermark = () => {\n      const url = canvas.toDataURL()\n      if (!cancelled) {\n        setWatermark({ url, width: tileWidth, height: tileHeight })\n      }\n    }\n\n    const drawText = () => {\n      ctx.save()\n      ctx.translate((gapX / 2 + width / 2) * ratio, (gapY / 2 + height / 2) * ratio)\n      ctx.rotate(rotationInRadians)\n      ctx.fillStyle = fontSettings.color\n      ctx.textAlign = 'center'\n      ctx.textBaseline = 'middle'\n      ctx.font = `${fontSettings.fontStyle} normal ${fontSettings.fontWeight} ${fontSettings.fontSize * ratio}px ${fontSettings.fontFamily}`\n\n      const lineHeight = fontSettings.lineHeight * ratio\n      const startY = -((textLines.length - 1) * lineHeight) / 2\n\n      textLines.forEach((line, index) => {\n        ctx.fillText(line, 0, startY + index * lineHeight)\n      })\n\n      ctx.restore()\n    }\n\n    if (image) {\n      const img = new Image()\n      img.crossOrigin = 'anonymous'\n      img.referrerPolicy = 'no-referrer'\n\n      const handleLoad = () => {\n        ctx.save()\n        ctx.translate((gapX / 2 + width / 2) * ratio, (gapY / 2 + height / 2) * ratio)\n        ctx.rotate(rotationInRadians)\n        ctx.drawImage(\n          img,\n          (-width / 2) * ratio,\n          (-height / 2) * ratio,\n          width * ratio,\n          height * ratio\n        )\n        ctx.restore()\n        commitWatermark()\n      }\n\n      const handleError = () => {\n        if (!cancelled) setWatermark(null)\n      }\n\n      img.addEventListener('load', handleLoad)\n      img.addEventListener('error', handleError)\n      img.src = image\n\n      return () => {\n        cancelled = true\n        img.removeEventListener('load', handleLoad)\n        img.removeEventListener('error', handleError)\n      }\n    } else {\n      drawText()\n      commitWatermark()\n    }\n\n    return () => {\n      cancelled = true\n    }\n  }, [\n    fontSettings,\n    gapX,\n    gapY,\n    height,\n    image,\n    rotationInRadians,\n    textKey,\n    width,\n  ])\n\n  const classes = ['relative', className].filter(Boolean).join(' ')\n\n  return (\n    <div\n      className={classes}\n      style={{ position: style?.position ?? 'relative', ...style }}\n      {...rest}\n    >\n      {children}\n      {watermark && (\n        <div\n          aria-hidden\n          className=\"pointer-events-none absolute inset-0\"\n          style={{\n            zIndex,\n            backgroundImage: `url(${watermark.url})`,\n            backgroundRepeat: 'repeat',\n            backgroundSize: `${watermark.width}px ${watermark.height}px`,\n            backgroundPosition: `${offsetX}px ${offsetY}px`,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n\nWatermark.displayName = 'Watermark'\n"],"names":["DEFAULT_CONTENT","DEFAULT_OPACITY","resolveThemeColor","requested","opacity","fallback","docBase","bodyBase","base","getFontSettings","font","resolvedColor","fontSize","Watermark","children","className","style","content","image","width","height","gap","offset","rotate","zIndex","rest","watermark","setWatermark","useState","gapX","gapY","offsetX","offsetY","textLines","useMemo","fontSettings","rotationInRadians","textKey","useEffect","cancelled","ratio","tileWidth","tileHeight","canvas","ctx","commitWatermark","url","drawText","lineHeight","startY","line","index","img","handleLoad","handleError","classes","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index97.js","sources":["../src/components/VirtualList.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nexport interface VirtualListProps<T> {\n  /** Array of items to render */\n  items: T[]\n  /** Height of the scrollable container */\n  height: number | string\n  /** Height of each item, or function returning estimated height per item */\n  itemHeight: number | ((item: T, index: number) => number)\n  /** Render function for each item */\n  renderItem: (item: T, index: number) => React.ReactNode\n  /** Number of items to render outside visible area */\n  overscan?: number\n  /** Additional class for the scroll container */\n  className?: string\n  /** Additional class for the inner container */\n  innerClassName?: string\n  /** Additional class for each item wrapper */\n  itemClassName?: string\n  /** Width of the container */\n  width?: number | string\n  /** Gap between items */\n  gap?: number\n  /** Callback when scroll position changes */\n  onScroll?: (scrollTop: number) => void\n}\n\nexport function VirtualList<T>({\n  items,\n  height,\n  itemHeight,\n  renderItem,\n  overscan = 5,\n  className = '',\n  innerClassName = '',\n  itemClassName = '',\n  width,\n  gap = 0,\n  onScroll,\n}: VirtualListProps<T>) {\n  const parentRef = useRef<HTMLDivElement>(null)\n  const itemHeightRef = useRef(itemHeight)\n  const itemsRef = useRef(items)\n  itemHeightRef.current = itemHeight\n  itemsRef.current = items\n\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      const h = typeof itemHeightRef.current === 'function'\n        ? itemHeightRef.current(itemsRef.current[index], index)\n        : itemHeightRef.current\n      return h + gap\n    },\n    overscan,\n  })\n\n  const virtualItems = virtualizer.getVirtualItems()\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    onScroll?.(e.currentTarget.scrollTop)\n  }\n\n  return (\n    <div\n      ref={parentRef}\n      className={`overflow-auto ${className}`}\n      style={{ height, width }}\n      onScroll={handleScroll}\n    >\n      <div\n        className={innerClassName}\n        style={{\n          height: virtualizer.getTotalSize(),\n          width: '100%',\n          position: 'relative',\n        }}\n      >\n        {virtualItems.map((virtualItem) => (\n          <div\n            key={virtualItem.key}\n            className={itemClassName}\n            data-index={virtualItem.index}\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: virtualItem.size - gap,\n              transform: `translateY(${virtualItem.start}px)`,\n            }}\n          >\n            {renderItem(items[virtualItem.index], virtualItem.index)}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nVirtualList.displayName = 'VirtualList'\n"],"names":["VirtualList","items","height","itemHeight","renderItem","overscan","className","innerClassName","itemClassName","width","gap","onScroll","parentRef","useRef","itemHeightRef","itemsRef","virtualizer","useVirtualizer","index","virtualItems","handleScroll","e","jsx","virtualItem"],"mappings":";;;AA4BO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AACF,GAAwB;AACtB,QAAMC,IAAYC,EAAuB,IAAI,GACvCC,IAAgBD,EAAOV,CAAU,GACjCY,IAAWF,EAAOZ,CAAK;AAC7B,EAAAa,EAAc,UAAUX,GACxBY,EAAS,UAAUd;AAEnB,QAAMe,IAAcC,EAAe;AAAA,IACjC,OAAOhB,EAAM;AAAA,IACb,kBAAkB,MAAMW,EAAU;AAAA,IAClC,cAAc,CAACM,OACH,OAAOJ,EAAc,WAAY,aACvCA,EAAc,QAAQC,EAAS,QAAQG,CAAK,GAAGA,CAAK,IACpDJ,EAAc,WACPJ;AAAA,IAEb,UAAAL;AAAA,EAAA,CACD,GAEKc,IAAeH,EAAY,gBAAA,GAE3BI,IAAe,CAACC,MAAqC;AACzD,IAAAV,IAAWU,EAAE,cAAc,SAAS;AAAA,EACtC;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKV;AAAA,MACL,WAAW,iBAAiBN,CAAS;AAAA,MACrC,OAAO,EAAE,QAAAJ,GAAQ,OAAAO,EAAA;AAAA,MACjB,UAAUW;AAAA,MAEV,UAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWf;AAAA,UACX,OAAO;AAAA,YACL,QAAQS,EAAY,aAAA;AAAA,YACpB,OAAO;AAAA,YACP,UAAU;AAAA,UAAA;AAAA,UAGX,UAAAG,EAAa,IAAI,CAACI,MACjB,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWd;AAAA,cACX,cAAYe,EAAY;AAAA,cACxB,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,QAAQA,EAAY,OAAOb;AAAA,gBAC3B,WAAW,cAAca,EAAY,KAAK;AAAA,cAAA;AAAA,cAG3C,YAAWtB,EAAMsB,EAAY,KAAK,GAAGA,EAAY,KAAK;AAAA,YAAA;AAAA,YAZlDA,EAAY;AAAA,UAAA,CAcpB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEAvB,EAAY,cAAc;"}