@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/errorboundary/errorboundary.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Component } from "react";
+import { Button } from "../button/index.js";
+import { Result } from "../result/index.js";
+import { useText } from "../shared/use-text.js";
+class ErrorBoundary extends Component {
+    state = {
+        error: null
+    };
+    static getDerivedStateFromError(error) {
+        return {
+            error
+        };
+    }
+    componentDidCatch(error, info) {
+        this.props.onError?.(error, info);
+    }
+    componentDidUpdate(previous) {
+        const next = this.props.resetKeys ?? [];
+        const old = previous.resetKeys ?? [];
+        if (this.state.error && (next.length !== old.length || next.some((item, index)=>!Object.is(item, old[index])))) this.reset();
+    }
+    reset = ()=>{
+        this.props.onReset?.();
+        this.setState({
+            error: null
+        });
+    };
+    render() {
+        if (!this.state.error) return this.props.children;
+        const fallback = this.props.fallback;
+        return 'function' == typeof fallback ? fallback({
+            error: this.state.error,
+            reset: this.reset
+        }) : fallback ?? /*#__PURE__*/ jsx(DefaultFallback, {
+            reset: this.reset
+        });
+    }
+}
+function DefaultFallback({ reset }) {
+    const t = useText();
+    return /*#__PURE__*/ jsx(Result, {
+        className: "leaf-error-boundary",
+        status: "error",
+        title: t('内容暂时无法显示', 'This content could not be displayed'),
+        description: t('请重试，或稍后返回。', 'Please retry or come back later.'),
+        extra: /*#__PURE__*/ jsx(Button, {
+            onClick: reset,
+            children: t('重试', 'Retry')
+        })
+    });
+}
+export { ErrorBoundary };
+
+//# sourceMappingURL=errorboundary.js.map

package/dist/esm/errorboundary/errorboundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorboundary/errorboundary.js","sources":["../../../src/errorboundary/errorboundary.tsx"],"sourcesContent":["import { Component, type ErrorInfo, type ReactNode } from 'react';\nimport { Button } from '../button';\nimport { Result } from '../result';\nimport { useText } from '../shared/use-text';\nexport interface ErrorBoundaryFallbackProps {\n  error: Error;\n  reset: () => void;\n}\nexport interface ErrorBoundaryProps {\n  children?: ReactNode;\n  fallback?: ReactNode | ((props: ErrorBoundaryFallbackProps) => ReactNode);\n  resetKeys?: readonly unknown[];\n  onError?: (error: Error, info: ErrorInfo) => void;\n  onReset?: () => void;\n}\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, { error: Error | null }> {\n  state: { error: Error | null } = { error: null };\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n  componentDidCatch(error: Error, info: ErrorInfo) {\n    this.props.onError?.(error, info);\n  }\n  componentDidUpdate(previous: ErrorBoundaryProps) {\n    const next = this.props.resetKeys ?? [];\n    const old = previous.resetKeys ?? [];\n    if (\n      this.state.error &&\n      (next.length !== old.length || next.some((item, index) => !Object.is(item, old[index])))\n    )\n      this.reset();\n  }\n  reset = () => {\n    this.props.onReset?.();\n    this.setState({ error: null });\n  };\n  render() {\n    if (!this.state.error) return this.props.children;\n    const fallback = this.props.fallback;\n    return typeof fallback === 'function'\n      ? fallback({ error: this.state.error, reset: this.reset })\n      : (fallback ?? <DefaultFallback reset={this.reset} />);\n  }\n}\nfunction DefaultFallback({ reset }: { reset: () => void }) {\n  const t = useText();\n  return (\n    <Result\n      className=\"leaf-error-boundary\"\n      status=\"error\"\n      title={t('内容暂时无法显示', 'This content could not be displayed')}\n      description={t('请重试，或稍后返回。', 'Please retry or come back later.')}\n      extra={<Button onClick={reset}>{t('重试', 'Retry')}</Button>}\n    />\n  );\n}\n"],"names":["ErrorBoundary","Component","error","info","previous","next","old","item","index","Object","fallback","DefaultFallback","reset","t","useText","Result","Button"],"mappings":";;;;;;AAeO,MAAMA,sBAAsBC;IACjC,QAAiC;QAAE,OAAO;IAAK,EAAE;IACjD,OAAO,yBAAyBC,KAAY,EAAE;QAC5C,OAAO;YAAEA;QAAM;IACjB;IACA,kBAAkBA,KAAY,EAAEC,IAAe,EAAE;QAC/C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAGD,OAAOC;IAC9B;IACA,mBAAmBC,QAA4B,EAAE;QAC/C,MAAMC,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE;QACvC,MAAMC,MAAMF,SAAS,SAAS,IAAI,EAAE;QACpC,IACE,IAAI,CAAC,KAAK,CAAC,KAAK,IACfC,CAAAA,KAAK,MAAM,KAAKC,IAAI,MAAM,IAAID,KAAK,IAAI,CAAC,CAACE,MAAMC,QAAU,CAACC,OAAO,EAAE,CAACF,MAAMD,GAAG,CAACE,MAAM,EAAC,GAEtF,IAAI,CAAC,KAAK;IACd;IACA,QAAQ;QACN,IAAI,CAAC,KAAK,CAAC,OAAO;QAClB,IAAI,CAAC,QAAQ,CAAC;YAAE,OAAO;QAAK;IAC9B,EAAE;IACF,SAAS;QACP,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;QACjD,MAAME,WAAW,IAAI,CAAC,KAAK,CAAC,QAAQ;QACpC,OAAO,AAAoB,cAApB,OAAOA,WACVA,SAAS;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC,KAAK;QAAC,KACrDA,YAAY,WAAZA,GAAY,IAACC,iBAAeA;YAAC,OAAO,IAAI,CAAC,KAAK;;IACrD;AACF;AACA,SAASA,gBAAgB,EAAEC,KAAK,EAAyB;IACvD,MAAMC,IAAIC;IACV,OAAO,WAAP,GACE,IAACC,QAAMA;QACL,WAAU;QACV,QAAO;QACP,OAAOF,EAAE,YAAY;QACrB,aAAaA,EAAE,cAAc;QAC7B,qBAAO,IAACG,QAAMA;YAAC,SAASJ;sBAAQC,EAAE,MAAM;;;AAG9C"}

package/dist/esm/errorboundary/index.d.ts

@@ -0,0 +1,3 @@
+export type { ErrorBoundaryFallbackProps, ErrorBoundaryProps } from './errorboundary.js';
+export { ErrorBoundary } from './errorboundary.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/errorboundary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/errorboundary/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/errorboundary/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { ErrorBoundary } from "./errorboundary.js";

package/dist/esm/filelist/filelist.d.ts

@@ -0,0 +1,27 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface FileItem {
+    uid?: string;
+    url?: string;
+    name?: string;
+    size?: number;
+    type?: string;
+    status?: 'ready' | 'uploading' | 'done' | 'error' | 'cancelled';
+    percent?: number;
+    error?: string;
+    originFile?: globalThis.File;
+}
+export interface FileListProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {
+    items: readonly FileItem[];
+    downloadable?: boolean;
+    previewable?: boolean;
+    removable?: boolean;
+    onPreview?: (file: FileItem) => void;
+    onDownload?: (file: FileItem) => void;
+    onRemove?: (file: FileItem) => void | boolean | Promise<void> | Promise<boolean>;
+    renderActions?: (file: FileItem, actions: ReactNode) => ReactNode;
+    emptyContent?: ReactNode;
+    disabled?: boolean;
+    listType?: 'text' | 'picture' | 'picture-card';
+}
+export declare function FileList({ items, downloadable, previewable, removable, onPreview, onDownload, onRemove, renderActions, emptyContent, disabled, listType, className, ...props }: FileListProps): import("react").JSX.Element;
+//# sourceMappingURL=filelist.d.ts.map

package/dist/esm/filelist/filelist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filelist.d.ts","sourceRoot":"","sources":["../../../src/filelist/filelist.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAS9E,MAAM,WAAW,QAAQ;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;CAC9B;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpF,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACjF,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC;IAClE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAAC;CAChD;AAaD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,YAAmB,EACnB,WAAkB,EAClB,SAAiB,EACjB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,QAAgB,EAChB,QAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,+BAkOf"}

package/dist/esm/filelist/filelist.js

@@ -0,0 +1,268 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Check, Download, Eye, File, FileArchive, FileAudio2, FileCode2, FileImage, FileSpreadsheet, FileText, FileVideo2, Trash2 } from "lucide-react";
+import { useRef, useState } from "react";
+import { Button } from "../button/index.js";
+import { ImagePreview } from "../image/index.js";
+import { Modal } from "../modal/index.js";
+import { classes } from "../shared/classes.js";
+import { useListMotion } from "../shared/motion.js";
+import { useText } from "../shared/use-text.js";
+import { fileExtension, fileKind, fileName, formatFileSize, safeFileUrl } from "./model.js";
+const icons = {
+    image: FileImage,
+    video: FileVideo2,
+    audio: FileAudio2,
+    document: FileText,
+    sheet: FileSpreadsheet,
+    archive: FileArchive,
+    code: FileCode2,
+    file: File
+};
+const itemKey = (file, index)=>file.uid ?? `${file.url ?? fileName(file)}-${index}`;
+function FileList({ items, downloadable = true, previewable = true, removable = false, onPreview, onDownload, onRemove, renderActions, emptyContent, disabled = false, listType = 'text', className, ...props }) {
+    const t = useText();
+    const root = useRef(null);
+    const keys = items.map(itemKey);
+    useListMotion(root, JSON.stringify(keys), '.leaf-file-list__item[data-motion-key]');
+    const [preview, setPreview] = useState(null);
+    const [pending, setPending] = useState([]);
+    const [error, setError] = useState('');
+    const selected = preview ? items.find((file)=>preview.uid ? file.uid === preview.uid : preview.url ? file.url === preview.url : file === preview) : void 0;
+    const images = items.filter((file)=>'image' === fileKind(file) && safeFileUrl(file.url));
+    const kind = selected ? fileKind(selected) : void 0;
+    const previewUrl = safeFileUrl(selected?.url);
+    const index = selected ? images.indexOf(selected) : -1;
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        ref: root,
+        className: classes('leaf-file-list', `leaf-file-list--${listType}`, className),
+        "data-disabled": disabled || void 0,
+        children: [
+            items.length ? /*#__PURE__*/ jsx("ul", {
+                className: "leaf-file-list__items",
+                children: items.map((file, index)=>{
+                    const key = itemKey(file, index);
+                    const name = fileName(file);
+                    const kind = fileKind(file);
+                    const Icon = icons[kind];
+                    const url = safeFileUrl(file.url);
+                    const size = file.size ?? file.originFile?.size;
+                    const isPending = pending.includes(key);
+                    const canPreview = previewable && url && [
+                        'image',
+                        'video',
+                        'audio'
+                    ].includes(kind);
+                    const actions = /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            canPreview && /*#__PURE__*/ jsx(Button, {
+                                variant: "ghost",
+                                size: "sm",
+                                disabled: disabled,
+                                startIcon: /*#__PURE__*/ jsx(Eye, {
+                                    size: 16
+                                }),
+                                "aria-label": `${t('预览', 'Preview')} ${name}`,
+                                title: t('预览', 'Preview'),
+                                onClick: ()=>onPreview ? onPreview(file) : setPreview(file)
+                            }),
+                            downloadable && url && (onDownload ? /*#__PURE__*/ jsx(Button, {
+                                variant: "ghost",
+                                size: "sm",
+                                disabled: disabled,
+                                startIcon: /*#__PURE__*/ jsx(Download, {
+                                    size: 16
+                                }),
+                                "aria-label": `${t('下载', 'Download')} ${name}`,
+                                title: t('下载', 'Download'),
+                                onClick: ()=>onDownload(file)
+                            }) : /*#__PURE__*/ jsx("a", {
+                                className: "leaf-file-list__action",
+                                href: disabled ? void 0 : url,
+                                download: name,
+                                target: "_blank",
+                                rel: "noopener noreferrer",
+                                "aria-label": `${t('下载', 'Download')} ${name}`,
+                                title: t('下载', 'Download'),
+                                "aria-disabled": disabled || void 0,
+                                tabIndex: disabled ? -1 : void 0,
+                                children: /*#__PURE__*/ jsx(Download, {
+                                    size: 16,
+                                    "aria-hidden": "true"
+                                })
+                            })),
+                            removable && onRemove && /*#__PURE__*/ jsx(Button, {
+                                className: "leaf-file-list__remove",
+                                variant: "ghost",
+                                size: "sm",
+                                disabled: disabled || isPending,
+                                loading: isPending,
+                                startIcon: /*#__PURE__*/ jsx(Trash2, {
+                                    size: 15
+                                }),
+                                "aria-label": `${t('移除', 'Remove')} ${name}`,
+                                title: t('移除', 'Remove'),
+                                onClick: async ()=>{
+                                    if (isPending) return;
+                                    setPending((previous)=>[
+                                            ...previous,
+                                            key
+                                        ]);
+                                    setError('');
+                                    try {
+                                        await onRemove(file);
+                                    } catch (reason) {
+                                        setError(reason instanceof Error ? reason.message : String(reason));
+                                    } finally{
+                                        setPending((previous)=>previous.filter((value)=>value !== key));
+                                    }
+                                }
+                            })
+                        ]
+                    });
+                    const percent = Math.max(0, Math.min(100, file.percent ?? 0));
+                    return /*#__PURE__*/ jsxs("li", {
+                        className: "leaf-file-list__item",
+                        "data-status": file.status,
+                        "data-motion-key": key,
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "leaf-file-list__icon",
+                                "data-kind": kind,
+                                "data-extension": fileExtension(file),
+                                children: 'text' !== listType && 'image' === kind && url ? /*#__PURE__*/ jsx("img", {
+                                    src: url,
+                                    alt: "",
+                                    loading: "lazy"
+                                }) : /*#__PURE__*/ jsx(Icon, {
+                                    size: 21,
+                                    "aria-hidden": "true"
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "leaf-file-list__details",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "leaf-file-list__name",
+                                        title: name,
+                                        children: name
+                                    }),
+                                    /*#__PURE__*/ jsxs("span", {
+                                        className: "leaf-file-list__meta",
+                                        children: [
+                                            /*#__PURE__*/ jsx("span", {
+                                                className: "leaf-file-list__type",
+                                                children: fileExtension(file).toUpperCase() || t('文件', 'FILE')
+                                            }),
+                                            void 0 !== size && formatFileSize(size) && /*#__PURE__*/ jsx("span", {
+                                                children: formatFileSize(size)
+                                            }),
+                                            'uploading' === file.status && /*#__PURE__*/ jsxs("span", {
+                                                children: [
+                                                    t('上传中', 'Uploading'),
+                                                    " ",
+                                                    Math.round(percent),
+                                                    "%"
+                                                ]
+                                            }),
+                                            'error' === file.status && /*#__PURE__*/ jsx("span", {
+                                                className: "leaf-file-list__error",
+                                                children: file.error ?? t('上传失败', 'Upload failed')
+                                            }),
+                                            'cancelled' === file.status && /*#__PURE__*/ jsx("span", {
+                                                children: t('已取消', 'Cancelled')
+                                            }),
+                                            'done' === file.status && /*#__PURE__*/ jsxs("span", {
+                                                className: "leaf-file-list__complete",
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Check, {
+                                                        size: 12,
+                                                        "aria-hidden": "true"
+                                                    }),
+                                                    " ",
+                                                    t('上传完成', 'Upload complete')
+                                                ]
+                                            }),
+                                            'ready' === file.status && /*#__PURE__*/ jsx("span", {
+                                                children: t('待上传', 'Ready')
+                                            })
+                                        ]
+                                    }),
+                                    'uploading' === file.status && /*#__PURE__*/ jsx("div", {
+                                        className: "leaf-file-list__progress",
+                                        role: "progressbar",
+                                        "aria-label": `${t('上传进度', 'Upload progress')} ${name}`,
+                                        "aria-valuemin": 0,
+                                        "aria-valuemax": 100,
+                                        "aria-valuenow": Math.round(percent),
+                                        children: /*#__PURE__*/ jsx("span", {
+                                            style: {
+                                                width: `${percent}%`
+                                            }
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "leaf-file-list__actions",
+                                children: renderActions ? renderActions(file, actions) : actions
+                            })
+                        ]
+                    }, key);
+                })
+            }) : /*#__PURE__*/ jsx("div", {
+                className: "leaf-file-list__empty",
+                children: emptyContent ?? t('暂无文件', 'No files')
+            }),
+            error && /*#__PURE__*/ jsx("p", {
+                role: "alert",
+                className: "leaf-file-list__error",
+                children: error
+            }),
+            /*#__PURE__*/ jsx(ImagePreview, {
+                items: images.map((file)=>({
+                        src: file.url ?? '',
+                        alt: fileName(file),
+                        downloadName: fileName(file)
+                    })),
+                open: Boolean(previewUrl && 'image' === kind && index >= 0),
+                index: Math.max(0, index),
+                onIndexChange: (next)=>setPreview(images[next] ?? null),
+                onClose: ()=>setPreview(null),
+                downloadable: downloadable
+            }),
+            /*#__PURE__*/ jsxs(Modal, {
+                open: Boolean(previewUrl && ('video' === kind || 'audio' === kind)),
+                title: selected ? fileName(selected) : '',
+                footer: null,
+                width: 800,
+                onClose: ()=>setPreview(null),
+                className: "leaf-file-list__media-modal",
+                children: [
+                    previewUrl && 'video' === kind && /*#__PURE__*/ jsx("video", {
+                        controls: true,
+                        preload: "metadata",
+                        src: previewUrl,
+                        "aria-label": selected ? fileName(selected) : '',
+                        children: /*#__PURE__*/ jsx("track", {
+                            kind: "captions"
+                        })
+                    }, previewUrl),
+                    previewUrl && 'audio' === kind && /*#__PURE__*/ jsx("audio", {
+                        controls: true,
+                        preload: "metadata",
+                        src: previewUrl,
+                        "aria-label": selected ? fileName(selected) : '',
+                        children: /*#__PURE__*/ jsx("track", {
+                            kind: "captions"
+                        })
+                    }, previewUrl)
+                ]
+            })
+        ]
+    });
+}
+export { FileList };
+
+//# sourceMappingURL=filelist.js.map

package/dist/esm/filelist/filelist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filelist/filelist.js","sources":["../../../src/filelist/filelist.tsx"],"sourcesContent":["import {\n  Check,\n  Download,\n  Eye,\n  File,\n  FileArchive,\n  FileAudio2,\n  FileCode2,\n  FileImage,\n  FileSpreadsheet,\n  FileText,\n  FileVideo2,\n  Trash2,\n} from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { ImagePreview } from '../image';\nimport { Modal } from '../modal';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nimport { fileExtension, fileKind, fileName, formatFileSize, safeFileUrl } from './model';\n\nexport interface FileItem {\n  uid?: string;\n  url?: string;\n  name?: string;\n  size?: number;\n  type?: string;\n  status?: 'ready' | 'uploading' | 'done' | 'error' | 'cancelled';\n  percent?: number;\n  error?: string;\n  originFile?: globalThis.File;\n}\nexport interface FileListProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {\n  items: readonly FileItem[];\n  downloadable?: boolean;\n  previewable?: boolean;\n  removable?: boolean;\n  onPreview?: (file: FileItem) => void;\n  onDownload?: (file: FileItem) => void;\n  onRemove?: (file: FileItem) => void | boolean | Promise<void> | Promise<boolean>;\n  renderActions?: (file: FileItem, actions: ReactNode) => ReactNode;\n  emptyContent?: ReactNode;\n  disabled?: boolean;\n  listType?: 'text' | 'picture' | 'picture-card';\n}\nconst icons = {\n  image: FileImage,\n  video: FileVideo2,\n  audio: FileAudio2,\n  document: FileText,\n  sheet: FileSpreadsheet,\n  archive: FileArchive,\n  code: FileCode2,\n  file: File,\n};\nconst itemKey = (file: FileItem, index: number) =>\n  file.uid ?? `${file.url ?? fileName(file)}-${index}`;\nexport function FileList({\n  items,\n  downloadable = true,\n  previewable = true,\n  removable = false,\n  onPreview,\n  onDownload,\n  onRemove,\n  renderActions,\n  emptyContent,\n  disabled = false,\n  listType = 'text',\n  className,\n  ...props\n}: FileListProps) {\n  const t = useText();\n  const root = useRef<HTMLDivElement>(null);\n  const keys = items.map(itemKey);\n  useListMotion(root, JSON.stringify(keys), '.leaf-file-list__item[data-motion-key]');\n  const [preview, setPreview] = useState<FileItem | null>(null);\n  const [pending, setPending] = useState<string[]>([]);\n  const [error, setError] = useState('');\n  const selected = preview\n    ? items.find((file) =>\n        preview.uid\n          ? file.uid === preview.uid\n          : preview.url\n            ? file.url === preview.url\n            : file === preview,\n      )\n    : undefined;\n  const images = items.filter((file) => fileKind(file) === 'image' && safeFileUrl(file.url));\n  const kind = selected ? fileKind(selected) : undefined;\n  const previewUrl = safeFileUrl(selected?.url);\n  const index = selected ? images.indexOf(selected) : -1;\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-file-list', `leaf-file-list--${listType}`, className)}\n      data-disabled={disabled || undefined}\n    >\n      {items.length ? (\n        <ul className=\"leaf-file-list__items\">\n          {items.map((file, index) => {\n            const key = itemKey(file, index);\n            const name = fileName(file);\n            const kind = fileKind(file);\n            const Icon = icons[kind];\n            const url = safeFileUrl(file.url);\n            const size = file.size ?? file.originFile?.size;\n            const isPending = pending.includes(key);\n            const canPreview = previewable && url && ['image', 'video', 'audio'].includes(kind);\n            const actions = (\n              <>\n                {canPreview && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    disabled={disabled}\n                    startIcon={<Eye size={16} />}\n                    aria-label={`${t('预览', 'Preview')} ${name}`}\n                    title={t('预览', 'Preview')}\n                    onClick={() => (onPreview ? onPreview(file) : setPreview(file))}\n                  />\n                )}\n                {downloadable &&\n                  url &&\n                  (onDownload ? (\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      disabled={disabled}\n                      startIcon={<Download size={16} />}\n                      aria-label={`${t('下载', 'Download')} ${name}`}\n                      title={t('下载', 'Download')}\n                      onClick={() => onDownload(file)}\n                    />\n                  ) : (\n                    <a\n                      className=\"leaf-file-list__action\"\n                      href={disabled ? undefined : url}\n                      download={name}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      aria-label={`${t('下载', 'Download')} ${name}`}\n                      title={t('下载', 'Download')}\n                      aria-disabled={disabled || undefined}\n                      tabIndex={disabled ? -1 : undefined}\n                    >\n                      <Download size={16} aria-hidden=\"true\" />\n                    </a>\n                  ))}\n                {removable && onRemove && (\n                  <Button\n                    className=\"leaf-file-list__remove\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    disabled={disabled || isPending}\n                    loading={isPending}\n                    startIcon={<Trash2 size={15} />}\n                    aria-label={`${t('移除', 'Remove')} ${name}`}\n                    title={t('移除', 'Remove')}\n                    onClick={async () => {\n                      if (isPending) return;\n                      setPending((previous) => [...previous, key]);\n                      setError('');\n                      try {\n                        await onRemove(file);\n                      } catch (reason) {\n                        setError(reason instanceof Error ? reason.message : String(reason));\n                      } finally {\n                        setPending((previous) => previous.filter((value) => value !== key));\n                      }\n                    }}\n                  />\n                )}\n              </>\n            );\n            const percent = Math.max(0, Math.min(100, file.percent ?? 0));\n            return (\n              <li\n                key={key}\n                className=\"leaf-file-list__item\"\n                data-status={file.status}\n                data-motion-key={key}\n              >\n                <span\n                  className=\"leaf-file-list__icon\"\n                  data-kind={kind}\n                  data-extension={fileExtension(file)}\n                >\n                  {listType !== 'text' && kind === 'image' && url ? (\n                    <img src={url} alt=\"\" loading=\"lazy\" />\n                  ) : (\n                    <Icon size={21} aria-hidden=\"true\" />\n                  )}\n                </span>\n                <div className=\"leaf-file-list__details\">\n                  <span className=\"leaf-file-list__name\" title={name}>\n                    {name}\n                  </span>\n                  <span className=\"leaf-file-list__meta\">\n                    <span className=\"leaf-file-list__type\">\n                      {fileExtension(file).toUpperCase() || t('文件', 'FILE')}\n                    </span>\n                    {size !== undefined && formatFileSize(size) && (\n                      <span>{formatFileSize(size)}</span>\n                    )}\n                    {file.status === 'uploading' && (\n                      <span>\n                        {t('上传中', 'Uploading')} {Math.round(percent)}%\n                      </span>\n                    )}\n                    {file.status === 'error' && (\n                      <span className=\"leaf-file-list__error\">\n                        {file.error ?? t('上传失败', 'Upload failed')}\n                      </span>\n                    )}\n                    {file.status === 'cancelled' && <span>{t('已取消', 'Cancelled')}</span>}\n                    {file.status === 'done' && (\n                      <span className=\"leaf-file-list__complete\">\n                        <Check size={12} aria-hidden=\"true\" /> {t('上传完成', 'Upload complete')}\n                      </span>\n                    )}\n                    {file.status === 'ready' && <span>{t('待上传', 'Ready')}</span>}\n                  </span>\n                  {file.status === 'uploading' && (\n                    <div\n                      className=\"leaf-file-list__progress\"\n                      role=\"progressbar\"\n                      aria-label={`${t('上传进度', 'Upload progress')} ${name}`}\n                      aria-valuemin={0}\n                      aria-valuemax={100}\n                      aria-valuenow={Math.round(percent)}\n                    >\n                      <span style={{ width: `${percent}%` }} />\n                    </div>\n                  )}\n                </div>\n                <div className=\"leaf-file-list__actions\">\n                  {renderActions ? renderActions(file, actions) : actions}\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      ) : (\n        <div className=\"leaf-file-list__empty\">{emptyContent ?? t('暂无文件', 'No files')}</div>\n      )}\n      {error && (\n        <p role=\"alert\" className=\"leaf-file-list__error\">\n          {error}\n        </p>\n      )}\n      <ImagePreview\n        items={images.map((file) => ({\n          src: file.url ?? '',\n          alt: fileName(file),\n          downloadName: fileName(file),\n        }))}\n        open={Boolean(previewUrl && kind === 'image' && index >= 0)}\n        index={Math.max(0, index)}\n        onIndexChange={(next) => setPreview(images[next] ?? null)}\n        onClose={() => setPreview(null)}\n        downloadable={downloadable}\n      />\n      <Modal\n        open={Boolean(previewUrl && (kind === 'video' || kind === 'audio'))}\n        title={selected ? fileName(selected) : ''}\n        footer={null}\n        width={800}\n        onClose={() => setPreview(null)}\n        className=\"leaf-file-list__media-modal\"\n      >\n        {previewUrl && kind === 'video' && (\n          <video\n            key={previewUrl}\n            controls\n            preload=\"metadata\"\n            src={previewUrl}\n            aria-label={selected ? fileName(selected) : ''}\n          >\n            <track kind=\"captions\" />\n          </video>\n        )}\n        {previewUrl && kind === 'audio' && (\n          <audio\n            key={previewUrl}\n            controls\n            preload=\"metadata\"\n            src={previewUrl}\n            aria-label={selected ? fileName(selected) : ''}\n          >\n            <track kind=\"captions\" />\n          </audio>\n        )}\n      </Modal>\n    </div>\n  );\n}\n"],"names":["icons","FileImage","FileVideo2","FileAudio2","FileText","FileSpreadsheet","FileArchive","FileCode2","File","itemKey","file","index","fileName","FileList","items","downloadable","previewable","removable","onPreview","onDownload","onRemove","renderActions","emptyContent","disabled","listType","className","props","t","useText","root","useRef","keys","useListMotion","JSON","preview","setPreview","useState","pending","setPending","error","setError","selected","undefined","images","fileKind","safeFileUrl","kind","previewUrl","classes","key","name","Icon","url","size","isPending","canPreview","actions","Button","Eye","Download","Trash2","previous","reason","Error","String","value","percent","Math","fileExtension","formatFileSize","Check","ImagePreview","Boolean","next","Modal"],"mappings":"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"}

package/dist/esm/filelist/index.d.ts

@@ -0,0 +1,3 @@
+export type { FileItem, FileListProps } from './filelist.js';
+export { FileList } from './filelist.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/filelist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/filelist/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/esm/filelist/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { FileList } from "./filelist.js";

package/dist/esm/filelist/model.d.ts

@@ -0,0 +1,7 @@
+import type { FileItem } from './filelist.js';
+export declare function fileName(file: FileItem): string;
+export declare function fileExtension(file: FileItem): string;
+export declare function fileKind(file: FileItem): 'image' | 'video' | 'audio' | 'document' | 'sheet' | 'archive' | 'code' | 'file';
+export declare function safeFileUrl(url?: string): string | undefined;
+export declare function formatFileSize(size: number): string;
+//# sourceMappingURL=model.d.ts.map

package/dist/esm/filelist/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/filelist/model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAU/C;AACD,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAGpD;AACD,wBAAgB,QAAQ,CACtB,IAAI,EAAE,QAAQ,GACb,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAuClF;AACD,wBAAgB,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAG5D;AACD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKnD"}

package/dist/esm/filelist/model.js

@@ -0,0 +1,108 @@
+"use client";
+function fileName(file) {
+    if (file.name) return file.name;
+    if (file.originFile?.name) return file.originFile.name;
+    const name = file.url?.split(/[?#]/)[0]?.split('/').pop();
+    if (!name) return 'File';
+    try {
+        return decodeURIComponent(name);
+    } catch  {
+        return name;
+    }
+}
+function fileExtension(file) {
+    const name = fileName(file);
+    return name.includes('.') ? name.split('.').pop()?.toLowerCase() ?? '' : '';
+}
+function fileKind(file) {
+    const type = file.type ?? file.originFile?.type ?? '';
+    const extension = fileExtension(file);
+    if (/^image\/(png|jpeg|webp|gif|avif|bmp|svg\+xml)$/.test(type) || [
+        'png',
+        'jpg',
+        'jpeg',
+        'webp',
+        'gif',
+        'avif',
+        'bmp',
+        'svg'
+    ].includes(extension)) return 'image';
+    if ([
+        'video/mp4',
+        'video/webm',
+        'video/ogg'
+    ].includes(type) || [
+        'mp4',
+        'webm',
+        'ogv',
+        'mov'
+    ].includes(extension)) return 'video';
+    if (/^audio\//.test(type) || [
+        'mp3',
+        'wav',
+        'ogg',
+        'm4a',
+        'aac',
+        'flac'
+    ].includes(extension)) return 'audio';
+    if ([
+        'pdf',
+        'doc',
+        'docx',
+        'rtf',
+        'txt',
+        'md',
+        'odt',
+        'ppt',
+        'pptx'
+    ].includes(extension)) return 'document';
+    if ([
+        'xls',
+        'xlsx',
+        'csv',
+        'ods'
+    ].includes(extension)) return 'sheet';
+    if ([
+        'zip',
+        'rar',
+        '7z',
+        'tar',
+        'gz'
+    ].includes(extension)) return 'archive';
+    if ([
+        'js',
+        'jsx',
+        'ts',
+        'tsx',
+        'json',
+        'html',
+        'css',
+        'scss',
+        'xml',
+        'yml',
+        'yaml',
+        'py',
+        'java',
+        'go'
+    ].includes(extension)) return 'code';
+    return 'file';
+}
+function safeFileUrl(url) {
+    if (!url || /^\s*(?:javascript|vbscript|data):/i.test(url)) return;
+    return url;
+}
+function formatFileSize(size) {
+    if (!Number.isFinite(size) || size < 0) return '';
+    const units = [
+        'B',
+        'KB',
+        'MB',
+        'GB',
+        'TB'
+    ];
+    const index = size ? Math.max(0, Math.min(4, Math.floor(Math.log(size) / Math.log(1024)))) : 0;
+    return `${Number((size / 1024 ** index).toFixed(index ? 1 : 0))} ${units[Math.max(0, index)]}`;
+}
+export { fileExtension, fileKind, fileName, formatFileSize, safeFileUrl };
+
+//# sourceMappingURL=model.js.map

package/dist/esm/filelist/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filelist/model.js","sources":["../../../src/filelist/model.ts"],"sourcesContent":["import type { FileItem } from './filelist';\nexport function fileName(file: FileItem): string {\n  if (file.name) return file.name;\n  if (file.originFile?.name) return file.originFile.name;\n  const name = file.url?.split(/[?#]/)[0]?.split('/').pop();\n  if (!name) return 'File';\n  try {\n    return decodeURIComponent(name);\n  } catch {\n    return name;\n  }\n}\nexport function fileExtension(file: FileItem): string {\n  const name = fileName(file);\n  return name.includes('.') ? (name.split('.').pop()?.toLowerCase() ?? '') : '';\n}\nexport function fileKind(\n  file: FileItem,\n): 'image' | 'video' | 'audio' | 'document' | 'sheet' | 'archive' | 'code' | 'file' {\n  const type = file.type ?? file.originFile?.type ?? '';\n  const extension = fileExtension(file);\n  if (\n    /^image\\/(png|jpeg|webp|gif|avif|bmp|svg\\+xml)$/.test(type) ||\n    ['png', 'jpg', 'jpeg', 'webp', 'gif', 'avif', 'bmp', 'svg'].includes(extension)\n  )\n    return 'image';\n  if (\n    ['video/mp4', 'video/webm', 'video/ogg'].includes(type) ||\n    ['mp4', 'webm', 'ogv', 'mov'].includes(extension)\n  )\n    return 'video';\n  if (/^audio\\//.test(type) || ['mp3', 'wav', 'ogg', 'm4a', 'aac', 'flac'].includes(extension))\n    return 'audio';\n  if (['pdf', 'doc', 'docx', 'rtf', 'txt', 'md', 'odt', 'ppt', 'pptx'].includes(extension))\n    return 'document';\n  if (['xls', 'xlsx', 'csv', 'ods'].includes(extension)) return 'sheet';\n  if (['zip', 'rar', '7z', 'tar', 'gz'].includes(extension)) return 'archive';\n  if (\n    [\n      'js',\n      'jsx',\n      'ts',\n      'tsx',\n      'json',\n      'html',\n      'css',\n      'scss',\n      'xml',\n      'yml',\n      'yaml',\n      'py',\n      'java',\n      'go',\n    ].includes(extension)\n  )\n    return 'code';\n  return 'file';\n}\nexport function safeFileUrl(url?: string): string | undefined {\n  if (!url || /^\\s*(?:javascript|vbscript|data):/i.test(url)) return undefined;\n  return url;\n}\nexport function formatFileSize(size: number): string {\n  if (!Number.isFinite(size) || size < 0) return '';\n  const units = ['B', 'KB', 'MB', 'GB', 'TB'];\n  const index = size ? Math.max(0, Math.min(4, Math.floor(Math.log(size) / Math.log(1024)))) : 0;\n  return `${Number((size / 1024 ** index).toFixed(index ? 1 : 0))} ${units[Math.max(0, index)]}`;\n}\n"],"names":["fileName","file","name","decodeURIComponent","fileExtension","fileKind","type","extension","safeFileUrl","url","formatFileSize","size","Number","units","index","Math"],"mappings":";AACO,SAASA,SAASC,IAAc;IACrC,IAAIA,KAAK,IAAI,EAAE,OAAOA,KAAK,IAAI;IAC/B,IAAIA,KAAK,UAAU,EAAE,MAAM,OAAOA,KAAK,UAAU,CAAC,IAAI;IACtD,MAAMC,OAAOD,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC,EAAE,EAAE,MAAM,KAAK;IACpD,IAAI,CAACC,MAAM,OAAO;IAClB,IAAI;QACF,OAAOC,mBAAmBD;IAC5B,EAAE,OAAM;QACN,OAAOA;IACT;AACF;AACO,SAASE,cAAcH,IAAc;IAC1C,MAAMC,OAAOF,SAASC;IACtB,OAAOC,KAAK,QAAQ,CAAC,OAAQA,KAAK,KAAK,CAAC,KAAK,GAAG,IAAI,iBAAiB,KAAM;AAC7E;AACO,SAASG,SACdJ,IAAc;IAEd,MAAMK,OAAOL,KAAK,IAAI,IAAIA,KAAK,UAAU,EAAE,QAAQ;IACnD,MAAMM,YAAYH,cAAcH;IAChC,IACE,iDAAiD,IAAI,CAACK,SACtD;QAAC;QAAO;QAAO;QAAQ;QAAQ;QAAO;QAAQ;QAAO;KAAM,CAAC,QAAQ,CAACC,YAErE,OAAO;IACT,IACE;QAAC;QAAa;QAAc;KAAY,CAAC,QAAQ,CAACD,SAClD;QAAC;QAAO;QAAQ;QAAO;KAAM,CAAC,QAAQ,CAACC,YAEvC,OAAO;IACT,IAAI,WAAW,IAAI,CAACD,SAAS;QAAC;QAAO;QAAO;QAAO;QAAO;QAAO;KAAO,CAAC,QAAQ,CAACC,YAChF,OAAO;IACT,IAAI;QAAC;QAAO;QAAO;QAAQ;QAAO;QAAO;QAAM;QAAO;QAAO;KAAO,CAAC,QAAQ,CAACA,YAC5E,OAAO;IACT,IAAI;QAAC;QAAO;QAAQ;QAAO;KAAM,CAAC,QAAQ,CAACA,YAAY,OAAO;IAC9D,IAAI;QAAC;QAAO;QAAO;QAAM;QAAO;KAAK,CAAC,QAAQ,CAACA,YAAY,OAAO;IAClE,IACE;QACE;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD,CAAC,QAAQ,CAACA,YAEX,OAAO;IACT,OAAO;AACT;AACO,SAASC,YAAYC,GAAY;IACtC,IAAI,CAACA,OAAO,qCAAqC,IAAI,CAACA,MAAM;IAC5D,OAAOA;AACT;AACO,SAASC,eAAeC,IAAY;IACzC,IAAI,CAACC,OAAO,QAAQ,CAACD,SAASA,OAAO,GAAG,OAAO;IAC/C,MAAME,QAAQ;QAAC;QAAK;QAAM;QAAM;QAAM;KAAK;IAC3C,MAAMC,QAAQH,OAAOI,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACA,KAAK,GAAG,CAACJ,QAAQI,KAAK,GAAG,CAAC,WAAW;IAC7F,OAAO,GAAGH,OAAQD,AAAAA,CAAAA,OAAO,QAAQG,KAAI,EAAG,OAAO,CAACA,QAAQ,IAAI,IAAI,CAAC,EAAED,KAAK,CAACE,KAAK,GAAG,CAAC,GAAGD,OAAO,EAAE;AAChG"}

package/dist/esm/floatbutton/floatbutton.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from 'react';
+import { type ButtonProps } from '../button/index.js';
+export interface FloatButtonProps extends ButtonProps {
+    tooltip?: ReactNode;
+    fixed?: boolean;
+}
+export declare function FloatButton({ tooltip, fixed, className, ...props }: FloatButtonProps): import("react").JSX.Element;
+export interface FloatButtonAction {
+    key: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+export interface FloatButtonGroupProps {
+    actions: readonly FloatButtonAction[];
+    expandable?: boolean;
+    icon?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+export declare function FloatButtonGroup({ actions, expandable, icon, open: controlled, defaultOpen, onOpenChange, className, }: FloatButtonGroupProps): import("react").JSX.Element;
+export declare const FAB: typeof FloatButton;
+//# sourceMappingURL=floatbutton.d.ts.map

package/dist/esm/floatbutton/floatbutton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatbutton.d.ts","sourceRoot":"","sources":["../../../src/floatbutton/floatbutton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AACjF,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAKrD,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAQ3F;AACD,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAiB,EACjB,IAAI,EACJ,IAAI,EAAE,UAAU,EAChB,WAAmB,EACnB,YAAY,EACZ,SAAS,GACV,EAAE,qBAAqB,+BAqFvB;AACD,eAAO,MAAM,GAAG,oBAAc,CAAC"}