@aster-ui/prefixed 0.12.50

package/dist/components/Upload.js

@@ -0,0 +1,261 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useState as M, useRef as N } from "react";
+const Y = "d-loading", Z = "d-loading-spinner", ee = "d-loading-sm", U = "d-btn", O = "d-btn-xs", te = "d-btn-ghost", A = "d-btn-circle", re = "d-btn-error", ne = ({
+  action: x,
+  accept: I,
+  multiple: S = !1,
+  maxCount: v,
+  maxSize: b,
+  listType: y = "text",
+  fileList: L,
+  defaultFileList: R = [],
+  beforeUpload: $,
+  onChange: m,
+  onRemove: D,
+  customRequest: F,
+  showUploadList: T = !0,
+  disabled: i = !1,
+  children: W,
+  className: X = "",
+  ...z
+}) => {
+  const [G, H] = M(R), [k, w] = M(!1), E = N(null), j = N(0), h = N(0), c = L !== void 0 ? L : G, _ = () => (j.current += 1, `upload-${Date.now()}-${j.current}`), f = (e) => {
+    L === void 0 && H(e);
+  }, P = (e) => {
+    const r = {
+      uid: _(),
+      name: e.name,
+      status: "uploading",
+      percent: 0,
+      originFileObj: e
+    }, s = [...c, r];
+    f(s), m?.({ file: r, fileList: s });
+    const l = (o) => {
+      const n = s.map(
+        (a) => a.uid === r.uid ? { ...a, percent: o } : a
+      );
+      f(n), m?.({ file: { ...r, percent: o }, fileList: n });
+    }, u = (o) => {
+      const n = {
+        ...r,
+        status: "done",
+        percent: 100,
+        response: o
+      }, a = s.map(
+        (d) => d.uid === r.uid ? n : d
+      );
+      f(a), m?.({ file: n, fileList: a });
+    }, g = (o) => {
+      const n = {
+        ...r,
+        status: "error",
+        error: o
+      }, a = s.map(
+        (d) => d.uid === r.uid ? n : d
+      );
+      f(a), m?.({ file: n, fileList: a });
+    };
+    if (F)
+      F({
+        file: e,
+        onProgress: l,
+        onSuccess: u,
+        onError: g
+      });
+    else if (x) {
+      const o = new FormData();
+      o.append("file", e);
+      const n = new XMLHttpRequest();
+      n.upload.addEventListener("progress", (a) => {
+        if (a.lengthComputable) {
+          const d = Math.round(a.loaded / a.total * 100);
+          l(d);
+        }
+      }), n.addEventListener("load", () => {
+        n.status >= 200 && n.status < 300 ? u(n.response) : g(new Error(`Upload failed with status ${n.status}`));
+      }), n.addEventListener("error", () => {
+        g(new Error("Upload failed"));
+      }), n.open("POST", x), n.send(o);
+    } else
+      u(null);
+  }, B = async (e) => {
+    if (i) return;
+    const r = Array.from(e);
+    if (v && c.length + r.length > v) {
+      console.warn(`Cannot upload more than ${v} files`);
+      return;
+    }
+    if (b) {
+      const s = r.filter((l) => l.size > b);
+      if (s.length > 0) {
+        console.warn(
+          `Files exceed maximum size of ${b} bytes:`,
+          s.map((l) => l.name)
+        );
+        return;
+      }
+    }
+    if ($) {
+      const s = await Promise.all(
+        r.map((u) => $(u, r))
+      );
+      r.filter((u, g) => s[g] !== !1).forEach(P);
+    } else
+      r.forEach(P);
+  }, q = (e) => {
+    e.target.files && B(e.target.files), e.target.value = "";
+  }, J = (e) => {
+    e.preventDefault(), e.stopPropagation(), i || (h.current++, w(!0));
+  }, K = (e) => {
+    e.preventDefault(), e.stopPropagation(), i || (h.current--, h.current === 0 && w(!1));
+  }, Q = (e) => {
+    e.preventDefault(), e.stopPropagation();
+  }, V = (e) => {
+    e.preventDefault(), e.stopPropagation(), h.current = 0, w(!1), !i && e.dataTransfer.files && B(e.dataTransfer.files);
+  }, C = async (e) => {
+    if (D && await D(e) === !1)
+      return;
+    const r = c.filter((s) => s.uid !== e.uid);
+    f(r), m?.({ file: e, fileList: r });
+  };
+  return /* @__PURE__ */ p("div", { className: X, "data-state": k ? "dragging" : "idle", ...z, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        onDragEnter: J,
+        onDragOver: Q,
+        onDragLeave: K,
+        onDrop: V,
+        onClick: () => !i && E.current?.click(),
+        className: `
+          border-2 border-dashed rounded-lg p-4 cursor-pointer transition-colors
+          ${k ? "border-primary bg-primary/5" : "border-base-content/20"}
+          ${i ? "opacity-50 cursor-not-allowed" : "hover:border-primary"}
+        `,
+        children: W || /* @__PURE__ */ p("div", { className: "flex flex-col items-center gap-2 py-4", children: [
+          /* @__PURE__ */ t(
+            "svg",
+            {
+              className: "w-12 h-12 text-base-content/40",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: /* @__PURE__ */ t(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ p("div", { className: "text-sm text-center", children: [
+            /* @__PURE__ */ t("span", { className: "font-semibold text-primary", children: "Click to upload" }),
+            /* @__PURE__ */ t("span", { className: "text-base-content/60", children: " or drag and drop" })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: E,
+        type: "file",
+        accept: I,
+        multiple: S,
+        onChange: q,
+        disabled: i,
+        className: "hidden"
+      }
+    ),
+    !T || c.length === 0 ? null : y === "picture-card" ? /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2 mt-2", children: c.map((e) => /* @__PURE__ */ p(
+      "div",
+      {
+        className: "relative w-24 h-24 border border-base-content/20 rounded-lg overflow-hidden",
+        children: [
+          e.status === "uploading" && /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-base-300/80 flex items-center justify-center", children: /* @__PURE__ */ t("span", { className: `${Y} ${Z} ${ee}` }) }),
+          e.status === "done" && e.url && /* @__PURE__ */ t(
+            "img",
+            {
+              src: e.url,
+              alt: e.name,
+              className: "w-full h-full object-cover"
+            }
+          ),
+          e.status === "error" && /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-error/10 flex items-center justify-center", children: /* @__PURE__ */ t(
+            "svg",
+            {
+              className: "w-8 h-8 text-error",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: /* @__PURE__ */ t(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M6 18L18 6M6 6l12 12"
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => C(e),
+              className: `absolute top-1 right-1 ${U} ${O} ${A} ${re}`,
+              type: "button",
+              children: "✕"
+            }
+          )
+        ]
+      },
+      e.uid
+    )) }) : /* @__PURE__ */ t("div", { className: "mt-2 space-y-2", children: c.map((e) => /* @__PURE__ */ p(
+      "div",
+      {
+        className: "flex items-center gap-2 p-2 border border-base-content/10 rounded-lg",
+        children: [
+          y === "picture" && e.url && /* @__PURE__ */ t(
+            "img",
+            {
+              src: e.url,
+              alt: e.name,
+              className: "w-12 h-12 object-cover rounded"
+            }
+          ),
+          /* @__PURE__ */ p("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ t("div", { className: "truncate text-sm", children: e.name }),
+            e.status === "uploading" && e.percent !== void 0 && /* @__PURE__ */ t("div", { className: "w-full bg-base-200 rounded-full h-1.5 mt-1", children: /* @__PURE__ */ t(
+              "div",
+              {
+                className: "bg-primary h-1.5 rounded-full transition-all",
+                style: { width: `${e.percent}%` }
+              }
+            ) }),
+            e.status === "error" && /* @__PURE__ */ t("div", { className: "text-xs text-error mt-1", children: "Upload failed" })
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => C(e),
+              className: `${U} ${O} ${te} ${A}`,
+              type: "button",
+              children: "✕"
+            }
+          )
+        ]
+      },
+      e.uid
+    )) })
+  ] });
+};
+ne.displayName = "Upload";
+export {
+  ne as Upload,
+  ne as default
+};
+//# sourceMappingURL=Upload.js.map

package/dist/components/Upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.js","sources":["../../src/components/Upload.tsx"],"sourcesContent":["import React, { useState, useRef, DragEvent, ChangeEvent } from 'react'\n\n// DaisyUI classes\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-loading-spinner'\nconst dLoadingSm = 'd-loading-sm'\nconst dBtn = 'd-btn'\nconst dBtnXs = 'd-btn-xs'\nconst dBtnGhost = 'd-btn-ghost'\nconst dBtnCircle = 'd-btn-circle'\nconst dBtnError = 'd-btn-error'\n\nexport interface UploadFile {\n  uid: string\n  name: string\n  status: 'uploading' | 'done' | 'error'\n  percent?: number\n  url?: string\n  response?: any\n  error?: any\n  originFileObj?: File\n}\n\nexport interface UploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  action?: string\n  accept?: string\n  multiple?: boolean\n  maxCount?: number\n  maxSize?: number // in bytes\n  listType?: 'text' | 'picture' | 'picture-card'\n  fileList?: UploadFile[]\n  defaultFileList?: UploadFile[]\n  beforeUpload?: (file: File, fileList: File[]) => boolean | Promise<boolean>\n  onChange?: (info: { file: UploadFile; fileList: UploadFile[] }) => void\n  onRemove?: (file: UploadFile) => void | boolean | Promise<void | boolean>\n  customRequest?: (options: {\n    file: File\n    onProgress: (percent: number) => void\n    onSuccess: (response: any) => void\n    onError: (error: any) => void\n  }) => void\n  showUploadList?: boolean\n  disabled?: boolean\n  children?: React.ReactNode\n}\n\nexport const Upload: React.FC<UploadProps> = ({\n  action,\n  accept,\n  multiple = false,\n  maxCount,\n  maxSize,\n  listType = 'text',\n  fileList: controlledFileList,\n  defaultFileList = [],\n  beforeUpload,\n  onChange,\n  onRemove,\n  customRequest,\n  showUploadList = true,\n  disabled = false,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const [internalFileList, setInternalFileList] = useState<UploadFile[]>(defaultFileList)\n  const [isDragging, setIsDragging] = useState(false)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const uidCounter = useRef(0)\n  const dragCounter = useRef(0)\n\n  const fileList = controlledFileList !== undefined ? controlledFileList : internalFileList\n\n  const generateUid = () => {\n    uidCounter.current += 1\n    return `upload-${Date.now()}-${uidCounter.current}`\n  }\n\n  const updateFileList = (newFileList: UploadFile[]) => {\n    if (controlledFileList === undefined) {\n      setInternalFileList(newFileList)\n    }\n  }\n\n  const uploadFile = (file: File) => {\n    const uploadFile: UploadFile = {\n      uid: generateUid(),\n      name: file.name,\n      status: 'uploading',\n      percent: 0,\n      originFileObj: file,\n    }\n\n    const newFileList = [...fileList, uploadFile]\n    updateFileList(newFileList)\n    onChange?.({ file: uploadFile, fileList: newFileList })\n\n    const updateProgress = (percent: number) => {\n      const updatedList = newFileList.map((f) =>\n        f.uid === uploadFile.uid ? { ...f, percent } : f\n      )\n      updateFileList(updatedList)\n      onChange?.({ file: { ...uploadFile, percent }, fileList: updatedList })\n    }\n\n    const onSuccess = (response: any) => {\n      const successFile = {\n        ...uploadFile,\n        status: 'done' as const,\n        percent: 100,\n        response,\n      }\n      const updatedList = newFileList.map((f) =>\n        f.uid === uploadFile.uid ? successFile : f\n      )\n      updateFileList(updatedList)\n      onChange?.({ file: successFile, fileList: updatedList })\n    }\n\n    const onError = (error: any) => {\n      const errorFile = {\n        ...uploadFile,\n        status: 'error' as const,\n        error,\n      }\n      const updatedList = newFileList.map((f) =>\n        f.uid === uploadFile.uid ? errorFile : f\n      )\n      updateFileList(updatedList)\n      onChange?.({ file: errorFile, fileList: updatedList })\n    }\n\n    if (customRequest) {\n      customRequest({\n        file,\n        onProgress: updateProgress,\n        onSuccess,\n        onError,\n      })\n    } else if (action) {\n      const formData = new FormData()\n      formData.append('file', file)\n\n      const xhr = new XMLHttpRequest()\n\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) {\n          const percent = Math.round((e.loaded / e.total) * 100)\n          updateProgress(percent)\n        }\n      })\n\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          onSuccess(xhr.response)\n        } else {\n          onError(new Error(`Upload failed with status ${xhr.status}`))\n        }\n      })\n\n      xhr.addEventListener('error', () => {\n        onError(new Error('Upload failed'))\n      })\n\n      xhr.open('POST', action)\n      xhr.send(formData)\n    } else {\n      // No upload action, just mark as done\n      onSuccess(null)\n    }\n  }\n\n  const handleFiles = async (files: FileList | File[]) => {\n    if (disabled) return\n\n    const fileArray = Array.from(files)\n\n    // Check maxCount\n    if (maxCount && fileList.length + fileArray.length > maxCount) {\n      console.warn(`Cannot upload more than ${maxCount} files`)\n      return\n    }\n\n    // Check maxSize\n    if (maxSize) {\n      const oversizedFiles = fileArray.filter((file) => file.size > maxSize)\n      if (oversizedFiles.length > 0) {\n        console.warn(\n          `Files exceed maximum size of ${maxSize} bytes:`,\n          oversizedFiles.map((f) => f.name)\n        )\n        return\n      }\n    }\n\n    // beforeUpload hook\n    if (beforeUpload) {\n      const results = await Promise.all(\n        fileArray.map((file) => beforeUpload(file, fileArray))\n      )\n      const filteredFiles = fileArray.filter((_, index) => results[index] !== false)\n      filteredFiles.forEach(uploadFile)\n    } else {\n      fileArray.forEach(uploadFile)\n    }\n  }\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) {\n      handleFiles(e.target.files)\n    }\n    // Reset input value to allow uploading the same file again\n    e.target.value = ''\n  }\n\n  const handleDragEnter = (e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (!disabled) {\n      dragCounter.current++\n      setIsDragging(true)\n    }\n  }\n\n  const handleDragLeave = (e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (!disabled) {\n      dragCounter.current--\n      if (dragCounter.current === 0) {\n        setIsDragging(false)\n      }\n    }\n  }\n\n  const handleDragOver = (e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n  }\n\n  const handleDrop = (e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    dragCounter.current = 0\n    setIsDragging(false)\n\n    if (disabled) return\n\n    if (e.dataTransfer.files) {\n      handleFiles(e.dataTransfer.files)\n    }\n  }\n\n  const handleRemove = async (file: UploadFile) => {\n    if (onRemove) {\n      const result = await onRemove(file)\n      if (result === false) return\n    }\n\n    const newFileList = fileList.filter((f) => f.uid !== file.uid)\n    updateFileList(newFileList)\n    onChange?.({ file, fileList: newFileList })\n  }\n\n  const renderFileList = () => {\n    if (!showUploadList || fileList.length === 0) return null\n\n    if (listType === 'picture-card') {\n      return (\n        <div className=\"flex flex-wrap gap-2 mt-2\">\n          {fileList.map((file) => (\n            <div\n              key={file.uid}\n              className=\"relative w-24 h-24 border border-base-content/20 rounded-lg overflow-hidden\"\n            >\n              {file.status === 'uploading' && (\n                <div className=\"absolute inset-0 bg-base-300/80 flex items-center justify-center\">\n                  <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingSm}`}></span>\n                </div>\n              )}\n              {file.status === 'done' && file.url && (\n                <img\n                  src={file.url}\n                  alt={file.name}\n                  className=\"w-full h-full object-cover\"\n                />\n              )}\n              {file.status === 'error' && (\n                <div className=\"absolute inset-0 bg-error/10 flex items-center justify-center\">\n                  <svg\n                    className=\"w-8 h-8 text-error\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M6 18L18 6M6 6l12 12\"\n                    />\n                  </svg>\n                </div>\n              )}\n              <button\n                onClick={() => handleRemove(file)}\n                className={`absolute top-1 right-1 ${dBtn} ${dBtnXs} ${dBtnCircle} ${dBtnError}`}\n                type=\"button\"\n              >\n                ✕\n              </button>\n            </div>\n          ))}\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"mt-2 space-y-2\">\n        {fileList.map((file) => (\n          <div\n            key={file.uid}\n            className=\"flex items-center gap-2 p-2 border border-base-content/10 rounded-lg\"\n          >\n            {listType === 'picture' && file.url && (\n              <img\n                src={file.url}\n                alt={file.name}\n                className=\"w-12 h-12 object-cover rounded\"\n              />\n            )}\n            <div className=\"flex-1 min-w-0\">\n              <div className=\"truncate text-sm\">{file.name}</div>\n              {file.status === 'uploading' && file.percent !== undefined && (\n                <div className=\"w-full bg-base-200 rounded-full h-1.5 mt-1\">\n                  <div\n                    className=\"bg-primary h-1.5 rounded-full transition-all\"\n                    style={{ width: `${file.percent}%` }}\n                  />\n                </div>\n              )}\n              {file.status === 'error' && (\n                <div className=\"text-xs text-error mt-1\">Upload failed</div>\n              )}\n            </div>\n            <button\n              onClick={() => handleRemove(file)}\n              className={`${dBtn} ${dBtnXs} ${dBtnGhost} ${dBtnCircle}`}\n              type=\"button\"\n            >\n              ✕\n            </button>\n          </div>\n        ))}\n      </div>\n    )\n  }\n\n  return (\n    <div className={className} data-state={isDragging ? 'dragging' : 'idle'} {...rest}>\n      <div\n        onDragEnter={handleDragEnter}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        onClick={() => !disabled && fileInputRef.current?.click()}\n        className={`\n          border-2 border-dashed rounded-lg p-4 cursor-pointer transition-colors\n          ${isDragging ? 'border-primary bg-primary/5' : 'border-base-content/20'}\n          ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:border-primary'}\n        `}\n      >\n        {children || (\n          <div className=\"flex flex-col items-center gap-2 py-4\">\n            <svg\n              className=\"w-12 h-12 text-base-content/40\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"\n              />\n            </svg>\n            <div className=\"text-sm text-center\">\n              <span className=\"font-semibold text-primary\">Click to upload</span>\n              <span className=\"text-base-content/60\"> or drag and drop</span>\n            </div>\n          </div>\n        )}\n      </div>\n\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        onChange={handleChange}\n        disabled={disabled}\n        className=\"hidden\"\n      />\n\n      {renderFileList()}\n    </div>\n  )\n}\n\nUpload.displayName = 'Upload'\n\nexport default Upload\n"],"names":["dLoading","dLoadingSpinner","dLoadingSm","dBtn","dBtnXs","dBtnGhost","dBtnCircle","dBtnError","Upload","action","accept","multiple","maxCount","maxSize","listType","controlledFileList","defaultFileList","beforeUpload","onChange","onRemove","customRequest","showUploadList","disabled","children","className","rest","internalFileList","setInternalFileList","useState","isDragging","setIsDragging","fileInputRef","useRef","uidCounter","dragCounter","fileList","generateUid","updateFileList","newFileList","uploadFile","file","updateProgress","percent","updatedList","f","onSuccess","response","successFile","onError","error","errorFile","formData","xhr","e","handleFiles","files","fileArray","oversizedFiles","results","_","index","handleChange","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleRemove","jsxs","jsx"],"mappings":"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"}

package/dist/components/VirtualList.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+export interface VirtualListProps<T> {
+    /** Array of items to render */
+    items: T[];
+    /** Height of the scrollable container */
+    height: number | string;
+    /** Height of each item, or function returning estimated height per item */
+    itemHeight: number | ((item: T, index: number) => number);
+    /** Render function for each item */
+    renderItem: (item: T, index: number) => React.ReactNode;
+    /** Number of items to render outside visible area */
+    overscan?: number;
+    /** Additional class for the scroll container */
+    className?: string;
+    /** Additional class for the inner container */
+    innerClassName?: string;
+    /** Additional class for each item wrapper */
+    itemClassName?: string;
+    /** Width of the container */
+    width?: number | string;
+    /** Gap between items */
+    gap?: number;
+    /** Callback when scroll position changes */
+    onScroll?: (scrollTop: number) => void;
+}
+export declare function VirtualList<T>({ items, height, itemHeight, renderItem, overscan, className, innerClassName, itemClassName, width, gap, onScroll, }: VirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace VirtualList {
+    var displayName: string;
+}

package/dist/components/VirtualList.js

@@ -0,0 +1,69 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as o } from "react";
+import { useVirtualizer as S } from "@tanstack/react-virtual";
+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);
+  };
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      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
+          ))
+        }
+      )
+    }
+  );
+}
+N.displayName = "VirtualList";
+export {
+  N as VirtualList
+};
+//# sourceMappingURL=VirtualList.js.map

package/dist/components/VirtualList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.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;"}

package/dist/components/Watermark.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+export type WatermarkGap = [number, number];
+export type WatermarkOffset = [number, number];
+export interface WatermarkFontOptions {
+    /** Text color for watermark content */
+    color?: string;
+    /** Font size in pixels */
+    fontSize?: number;
+    /** Font weight for watermark text */
+    fontWeight?: number | 'normal' | 'bold' | 'bolder' | 'lighter';
+    /** Font style for watermark text */
+    fontStyle?: 'normal' | 'italic' | 'oblique';
+    /** Font family for watermark text */
+    fontFamily?: string;
+    /** Line height in pixels for multi-line content */
+    lineHeight?: number;
+}
+export interface WatermarkProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
+    /** Text to render inside the watermark; falls back to "asterui" */
+    content?: string | string[];
+    /** Image source (URL or base64) to render instead of text */
+    image?: string;
+    /** Width of a single watermark tile in pixels */
+    width?: number;
+    /** Height of a single watermark tile in pixels */
+    height?: number;
+    /** Horizontal/vertical gap between watermarks in pixels */
+    gap?: WatermarkGap;
+    /** Offset for the first watermark tile from the top-left corner */
+    offset?: WatermarkOffset;
+    /** Rotation angle in degrees */
+    rotate?: number;
+    /** z-index for the overlay layer */
+    zIndex?: number;
+    /** Font settings for text watermarks */
+    font?: WatermarkFontOptions;
+    /** Content to protect with the watermark */
+    children?: React.ReactNode;
+}
+export declare const Watermark: React.FC<WatermarkProps>;

package/dist/components/Watermark.js

@@ -0,0 +1,129 @@
+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
+  };
+}, 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(
+    "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`
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+X.displayName = "Watermark";
+export {
+  X as Watermark
+};
+//# sourceMappingURL=Watermark.js.map

package/dist/components/Watermark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Watermark.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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"}

package/dist/components/WeekCalendar.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+export type CalendarEvent = {
+    date: Date;
+    title: string;
+    color: string;
+    strikethrough?: boolean;
+    style?: React.CSSProperties;
+};
+export type CalendarLocale = {
+    locale: string;
+    daysShort: string[];
+    monthsLong: string[];
+    moreText: string;
+    formatTime?: (date: Date) => string;
+};
+export interface WeekCalendarProps<T extends CalendarEvent = CalendarEvent> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    date?: Date;
+    events?: T[];
+    onEventClick?: (event: T) => void;
+    onDayClick?: (date: Date) => void;
+    onSelectSlot?: (slotInfo: {
+        start: Date;
+        end: Date;
+    }) => void;
+    locale?: CalendarLocale;
+    allowPastInteraction?: boolean;
+    fitContainer?: boolean;
+    /** Start hour for the time grid (0-23) */
+    startHour?: number;
+    /** End hour for the time grid (0-23) */
+    endHour?: number;
+}
+export declare const WeekCalendar: <T extends CalendarEvent = CalendarEvent>(props: WeekCalendarProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;