sa2kit 1.6.5 → 1.6.6

package/dist/index.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkNRYHBGU6_js = require('./chunk-NRYHBGU6.js');
+var chunkIEA55H3G_js = require('./chunk-IEA55H3G.js');
 var chunk7Z5LLJ3A_js = require('./chunk-7Z5LLJ3A.js');
 var chunkLX4XX6W7_js = require('./chunk-LX4XX6W7.js');
 require('./chunk-QU5OT4DF.js');
 var chunk6PRFP5EG_js = require('./chunk-6PRFP5EG.js');
 require('./chunk-DGUM43GV.js');
-var React3 = require('react');
+var React33 = require('react');
 var tesseract_js = require('tesseract.js');
 var lucideReact = require('lucide-react');
 var reactSlot = require('@radix-ui/react-slot');
@@ -23,9 +23,7 @@ var SelectPrimitive = require('@radix-ui/react-select');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
-var ReactDOM = require('react-dom');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var reactDom = require('react-dom');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -45,7 +43,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var React33__namespace = /*#__PURE__*/_interopNamespace(React33);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
@@ -58,24 +56,23 @@ var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive)
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 
 var useOCR = (options = {}) => {
-  const [state, setState] = React3.useState({
+  const [state, setState] = React33.useState({
     isProcessing: false,
     progress: 0,
     status: "idle",
     error: null,
     result: null
   });
-  const workerRef = React3.useRef(null);
-  const cleanup = React3.useCallback(async () => {
+  const workerRef = React33.useRef(null);
+  const cleanup = React33.useCallback(async () => {
     if (workerRef.current) {
       await workerRef.current.terminate();
       workerRef.current = null;
     }
   }, []);
-  const recognize = React3.useCallback(
+  const recognize = React33.useCallback(
     async (image) => {
       setState((prev) => ({
         ...prev,
@@ -134,7 +131,7 @@ var useOCR = (options = {}) => {
     },
     [options]
   );
-  React3.useEffect(() => {
+  React33.useEffect(() => {
     return () => {
       cleanup();
     };
@@ -150,8 +147,8 @@ var OCRScanner = ({
   className = "",
   language = "eng"
 }) => {
-  const [imagePreview, setImagePreview] = React3.useState(null);
-  const fileInputRef = React3.useRef(null);
+  const [imagePreview, setImagePreview] = React33.useState(null);
+  const fileInputRef = React33.useRef(null);
   const { recognize, isProcessing, progress, status, result, error } = useOCR({
     language
   });
@@ -187,43 +184,43 @@ var OCRScanner = ({
       handleFileChange(mockEvent);
     }
   };
-  return /* @__PURE__ */ React3__namespace.default.createElement(
+  return /* @__PURE__ */ React33__namespace.default.createElement(
     "div",
     {
       className: `p-6 border-2 border-dashed rounded-xl transition-all ${isProcessing ? "border-blue-400 bg-blue-50/10" : "border-gray-200 hover:border-blue-400"} ${className}`,
       onDragOver: handleDragOver,
       onDrop: handleDrop
     },
-    !imagePreview ? /* @__PURE__ */ React3__namespace.default.createElement(
+    !imagePreview ? /* @__PURE__ */ React33__namespace.default.createElement(
       "div",
       {
         className: "flex flex-col items-center justify-center cursor-pointer space-y-4",
         onClick: () => fileInputRef.current?.click()
       },
-      /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "p-4 bg-blue-50 rounded-full text-blue-500" }, /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Upload, { size: 32 })),
-      /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u70B9\u51FB\u6216\u62D6\u62FD\u56FE\u7247\u8FDB\u884C OCR \u8BC6\u522B"), /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-sm text-gray-500" }, "\u652F\u6301 JPG, PNG, WebP"))
-    ) : /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "relative group rounded-lg overflow-hidden border border-gray-200" }, /* @__PURE__ */ React3__namespace.default.createElement(
+      /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "p-4 bg-blue-50 rounded-full text-blue-500" }, /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Upload, { size: 32 })),
+      /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u70B9\u51FB\u6216\u62D6\u62FD\u56FE\u7247\u8FDB\u884C OCR \u8BC6\u522B"), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-sm text-gray-500" }, "\u652F\u6301 JPG, PNG, WebP"))
+    ) : /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "relative group rounded-lg overflow-hidden border border-gray-200" }, /* @__PURE__ */ React33__namespace.default.createElement(
       "img",
       {
         src: imagePreview,
         alt: "Preview",
         className: `max-h-64 mx-auto object-contain transition-opacity ${isProcessing ? "opacity-50" : "opacity-100"}`
       }
-    ), !isProcessing && /* @__PURE__ */ React3__namespace.default.createElement(
+    ), !isProcessing && /* @__PURE__ */ React33__namespace.default.createElement(
       "button",
       {
         onClick: reset,
         className: "absolute top-2 right-2 p-1 bg-white/80 rounded-full hover:bg-white text-gray-600 shadow-sm"
       },
-      /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.X, { size: 18 })
-    ), isProcessing && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-black/5" }, /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin text-blue-500 mb-2", size: 32 }), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "w-48 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React3__namespace.default.createElement(
+      /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.X, { size: 18 })
+    ), isProcessing && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-black/5" }, /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin text-blue-500 mb-2", size: 32 }), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "w-48 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React33__namespace.default.createElement(
       "div",
       {
         className: "bg-blue-500 h-full transition-all duration-300",
         style: { width: `${progress * 100}%` }
       }
-    )), /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-xs font-medium text-blue-600 mt-2" }, status === "initializing" ? "\u6B63\u5728\u52A0\u8F7D\u5F15\u64CE..." : `\u8BC6\u522B\u4E2D ${Math.round(progress * 100)}%`))), result && !isProcessing && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-100 animate-in fade-in slide-in-from-bottom-2" }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex items-center gap-2 mb-2 text-gray-600 font-medium" }, /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.FileText, { size: 18 }), /* @__PURE__ */ React3__namespace.default.createElement("span", null, "\u8BC6\u522B\u7ED3\u679C (\u7F6E\u4FE1\u5EA6: ", Math.round(result.confidence), "%)")), /* @__PURE__ */ React3__namespace.default.createElement("pre", { className: "text-sm text-gray-800 whitespace-pre-wrap font-sans" }, result.text)), error && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u8BC6\u522B\u5931\u8D25: ", error.message)),
-    /* @__PURE__ */ React3__namespace.default.createElement(
+    )), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-xs font-medium text-blue-600 mt-2" }, status === "initializing" ? "\u6B63\u5728\u52A0\u8F7D\u5F15\u64CE..." : `\u8BC6\u522B\u4E2D ${Math.round(progress * 100)}%`))), result && !isProcessing && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-100 animate-in fade-in slide-in-from-bottom-2" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex items-center gap-2 mb-2 text-gray-600 font-medium" }, /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.FileText, { size: 18 }), /* @__PURE__ */ React33__namespace.default.createElement("span", null, "\u8BC6\u522B\u7ED3\u679C (\u7F6E\u4FE1\u5EA6: ", Math.round(result.confidence), "%)")), /* @__PURE__ */ React33__namespace.default.createElement("pre", { className: "text-sm text-gray-800 whitespace-pre-wrap font-sans" }, result.text)), error && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u8BC6\u522B\u5931\u8D25: ", error.message)),
+    /* @__PURE__ */ React33__namespace.default.createElement(
       "input",
       {
         type: "file",
@@ -237,7 +234,7 @@ var OCRScanner = ({
   );
 };
 var useBackgroundRemoval = (options = {}) => {
-  const [state, setState] = React3.useState({
+  const [state, setState] = React33.useState({
     isProcessing: false,
     progress: 0,
     status: "idle",
@@ -245,7 +242,7 @@ var useBackgroundRemoval = (options = {}) => {
     resultBlob: null,
     resultUrl: null
   });
-  const remove = React3.useCallback(async (image) => {
+  const remove = React33.useCallback(async (image) => {
     setState((prev) => ({
       ...prev,
       isProcessing: true,
@@ -324,12 +321,12 @@ var useBackgroundRemoval = (options = {}) => {
       throw err;
     }
   }, [options]);
-  const cleanup = React3.useCallback(() => {
+  const cleanup = React33.useCallback(() => {
     if (state.resultUrl) {
       URL.revokeObjectURL(state.resultUrl);
     }
   }, [state.resultUrl]);
-  React3.useEffect(() => {
+  React33.useEffect(() => {
     return () => cleanup();
   }, [cleanup]);
   return {
@@ -342,8 +339,8 @@ var BackgroundRemover = ({
   onResult,
   className = ""
 }) => {
-  const [imagePreview, setImagePreview] = React3.useState(null);
-  const fileInputRef = React3.useRef(null);
+  const [imagePreview, setImagePreview] = React33.useState(null);
+  const fileInputRef = React33.useRef(null);
   const { remove, isProcessing, progress, status, resultUrl, error } = useBackgroundRemoval();
   const handleFileChange = async (e) => {
     const file = e.target.files?.[0];
@@ -371,37 +368,37 @@ var BackgroundRemover = ({
     a.download = "removed_background.png";
     a.click();
   };
-  return /* @__PURE__ */ React3__namespace.default.createElement("div", { className: `p-6 border-2 border-dashed rounded-xl transition-all ${isProcessing ? "border-purple-400 bg-purple-50/10" : "border-gray-200 hover:border-purple-400"} ${className}` }, !imagePreview ? /* @__PURE__ */ React3__namespace.default.createElement(
+  return /* @__PURE__ */ React33__namespace.default.createElement("div", { className: `p-6 border-2 border-dashed rounded-xl transition-all ${isProcessing ? "border-purple-400 bg-purple-50/10" : "border-gray-200 hover:border-purple-400"} ${className}` }, !imagePreview ? /* @__PURE__ */ React33__namespace.default.createElement(
     "div",
     {
       className: "flex flex-col items-center justify-center cursor-pointer space-y-4",
       onClick: () => fileInputRef.current?.click()
     },
-    /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "p-4 bg-purple-50 rounded-full text-purple-500" }, /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Eraser, { size: 32 })),
-    /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u4E0A\u4F20\u56FE\u7247\u79FB\u9664\u80CC\u666F"), /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-sm text-gray-500" }, "\u5EFA\u8BAE\u4F7F\u7528\u4E3B\u4F53\u660E\u786E\u7684\u56FE\u7247"))
-  ) : /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u539F\u56FE"), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-gray-50" }, /* @__PURE__ */ React3__namespace.default.createElement("img", { src: imagePreview, alt: "Original", className: "max-h-64 mx-auto object-contain" }))), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5904\u7406\u7ED3\u679C"), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-grid-slate-100 bg-[size:20px_20px]" }, resultUrl ? /* @__PURE__ */ React3__namespace.default.createElement("img", { src: resultUrl, alt: "Result", className: "max-h-64 mx-auto object-contain animate-in fade-in zoom-in-95 duration-500" }) : /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "h-64 flex flex-col items-center justify-center text-gray-400" }, isProcessing ? /* @__PURE__ */ React3__namespace.default.createElement(React3__namespace.default.Fragment, null, /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin text-purple-500 mb-2", size: 32 }), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "w-32 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React3__namespace.default.createElement(
+    /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "p-4 bg-purple-50 rounded-full text-purple-500" }, /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Eraser, { size: 32 })),
+    /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u4E0A\u4F20\u56FE\u7247\u79FB\u9664\u80CC\u666F"), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-sm text-gray-500" }, "\u5EFA\u8BAE\u4F7F\u7528\u4E3B\u4F53\u660E\u786E\u7684\u56FE\u7247"))
+  ) : /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u539F\u56FE"), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-gray-50" }, /* @__PURE__ */ React33__namespace.default.createElement("img", { src: imagePreview, alt: "Original", className: "max-h-64 mx-auto object-contain" }))), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5904\u7406\u7ED3\u679C"), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-grid-slate-100 bg-[size:20px_20px]" }, resultUrl ? /* @__PURE__ */ React33__namespace.default.createElement("img", { src: resultUrl, alt: "Result", className: "max-h-64 mx-auto object-contain animate-in fade-in zoom-in-95 duration-500" }) : /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "h-64 flex flex-col items-center justify-center text-gray-400" }, isProcessing ? /* @__PURE__ */ React33__namespace.default.createElement(React33__namespace.default.Fragment, null, /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin text-purple-500 mb-2", size: 32 }), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "w-32 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React33__namespace.default.createElement(
     "div",
     {
       className: "bg-purple-500 h-full transition-all duration-300",
       style: { width: `${progress * 100}%` }
     }
-  )), /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-[10px] mt-2 font-mono uppercase" }, status.replace(/-/g, " "))) : /* @__PURE__ */ React3__namespace.default.createElement("span", { className: "text-sm italic" }, "\u7B49\u5F85\u5904\u7406..."))))), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex justify-between items-center pt-2" }, !isProcessing && /* @__PURE__ */ React3__namespace.default.createElement(
+  )), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-[10px] mt-2 font-mono uppercase" }, status.replace(/-/g, " "))) : /* @__PURE__ */ React33__namespace.default.createElement("span", { className: "text-sm italic" }, "\u7B49\u5F85\u5904\u7406..."))))), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex justify-between items-center pt-2" }, !isProcessing && /* @__PURE__ */ React33__namespace.default.createElement(
     "button",
     {
       onClick: reset,
       className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors"
     },
-    /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.X, { size: 16 }),
+    /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.X, { size: 16 }),
     "\u91CD\u65B0\u5F00\u59CB"
-  ), resultUrl && !isProcessing && /* @__PURE__ */ React3__namespace.default.createElement(
+  ), resultUrl && !isProcessing && /* @__PURE__ */ React33__namespace.default.createElement(
     "button",
     {
       onClick: downloadResult,
       className: "flex items-center gap-2 px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-lg shadow-sm transition-all"
     },
-    /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Download, { size: 16 }),
+    /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Download, { size: 16 }),
     "\u4E0B\u8F7D PNG"
-  )), error && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u5904\u7406\u5931\u8D25: ", error.message)), /* @__PURE__ */ React3__namespace.default.createElement(
+  )), error && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u5904\u7406\u5931\u8D25: ", error.message)), /* @__PURE__ */ React33__namespace.default.createElement(
     "input",
     {
       type: "file",
@@ -414,14 +411,14 @@ var BackgroundRemover = ({
   ));
 };
 var useSentimentAnalysis = (options = {}) => {
-  const [state, setState] = React3.useState({
+  const [state, setState] = React33.useState({
     isProcessing: false,
     status: "idle",
     error: null,
     result: null
   });
-  const pipelineRef = React3.useRef(null);
-  const analyze = React3.useCallback(async (text) => {
+  const pipelineRef = React33.useRef(null);
+  const analyze = React33.useCallback(async (text) => {
     setState((prev) => ({
       ...prev,
       isProcessing: true,
@@ -505,7 +502,7 @@ var SentimentAnalyzer = ({
   className = "",
   placeholder = "\u8F93\u5165\u4E00\u6BB5\u4E2D\u6587\u6216\u82F1\u6587\uFF0C\u5206\u6790\u5176\u60C5\u611F\u503E\u5411..."
 }) => {
-  const [text, setText] = React3.useState("");
+  const [text, setText] = React33.useState("");
   const { analyze, isProcessing, status, result, error } = useSentimentAnalysis();
   const handleAnalyze = async () => {
     if (!text.trim() || isProcessing) return;
@@ -520,11 +517,11 @@ var SentimentAnalyzer = ({
     if (!result) return null;
     switch (result.sentiment) {
       case "positive":
-        return /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Smile, { className: "text-green-500", size: 24 });
+        return /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Smile, { className: "text-green-500", size: 24 });
       case "negative":
-        return /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Frown, { className: "text-red-500", size: 24 });
+        return /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Frown, { className: "text-red-500", size: 24 });
       default:
-        return /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Meh, { className: "text-yellow-500", size: 24 });
+        return /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Meh, { className: "text-yellow-500", size: 24 });
     }
   };
   const getSentimentColor = () => {
@@ -538,7 +535,7 @@ var SentimentAnalyzer = ({
         return "bg-yellow-50 border-yellow-200 text-yellow-700";
     }
   };
-  return /* @__PURE__ */ React3__namespace.default.createElement("div", { className: `p-6 border rounded-xl bg-white dark:bg-gray-800 shadow-sm ${className}` }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex items-center gap-2 mb-4 text-gray-700 dark:text-gray-300 font-medium" }, /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.MessageSquare, { size: 20 }), /* @__PURE__ */ React3__namespace.default.createElement("span", null, "\u6587\u672C\u60C5\u611F\u5206\u6790")), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React3__namespace.default.createElement(
+  return /* @__PURE__ */ React33__namespace.default.createElement("div", { className: `p-6 border rounded-xl bg-white dark:bg-gray-800 shadow-sm ${className}` }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex items-center gap-2 mb-4 text-gray-700 dark:text-gray-300 font-medium" }, /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.MessageSquare, { size: 20 }), /* @__PURE__ */ React33__namespace.default.createElement("span", null, "\u6587\u672C\u60C5\u611F\u5206\u6790")), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React33__namespace.default.createElement(
     "textarea",
     {
       value: text,
@@ -547,25 +544,25 @@ var SentimentAnalyzer = ({
       className: "w-full h-32 p-4 bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all outline-none resize-none text-gray-800 dark:text-gray-200",
       disabled: isProcessing
     }
-  ), /* @__PURE__ */ React3__namespace.default.createElement(
+  ), /* @__PURE__ */ React33__namespace.default.createElement(
     "button",
     {
       onClick: handleAnalyze,
       disabled: !text.trim() || isProcessing,
       className: "absolute bottom-3 right-3 p-2 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 text-white rounded-md transition-colors shadow-sm"
     },
-    isProcessing ? /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Send, { size: 18 })
-  )), isProcessing && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "mt-4 flex items-center gap-2 text-sm text-blue-600 animate-pulse" }, /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Loader2, { size: 14, className: "animate-spin" }), /* @__PURE__ */ React3__namespace.default.createElement("span", null, "\u6B63\u5728\u5206\u6790 (\u9996\u6B21\u8FD0\u884C\u5C06\u52A0\u8F7D\u6A21\u578B\u8D44\u6E90)...")), result && !isProcessing && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: `mt-4 p-4 border rounded-lg flex items-center gap-4 animate-in fade-in slide-in-from-top-2 ${getSentimentColor()}` }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "p-2 bg-white rounded-full shadow-sm" }, getSentimentIcon()), /* @__PURE__ */ React3__namespace.default.createElement("div", null, /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "font-bold text-lg capitalize" }, result.sentiment), /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-sm opacity-80" }, "\u7F6E\u4FE1\u5EA6: ", (result.score * 100).toFixed(1), "% (", result.label, ")"))), error && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "mt-4 p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u5206\u6790\u5931\u8D25: ", error.message));
+    isProcessing ? /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Send, { size: 18 })
+  )), isProcessing && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "mt-4 flex items-center gap-2 text-sm text-blue-600 animate-pulse" }, /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Loader2, { size: 14, className: "animate-spin" }), /* @__PURE__ */ React33__namespace.default.createElement("span", null, "\u6B63\u5728\u5206\u6790 (\u9996\u6B21\u8FD0\u884C\u5C06\u52A0\u8F7D\u6A21\u578B\u8D44\u6E90)...")), result && !isProcessing && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: `mt-4 p-4 border rounded-lg flex items-center gap-4 animate-in fade-in slide-in-from-top-2 ${getSentimentColor()}` }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "p-2 bg-white rounded-full shadow-sm" }, getSentimentIcon()), /* @__PURE__ */ React33__namespace.default.createElement("div", null, /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "font-bold text-lg capitalize" }, result.sentiment), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-sm opacity-80" }, "\u7F6E\u4FE1\u5EA6: ", (result.score * 100).toFixed(1), "% (", result.label, ")"))), error && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "mt-4 p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u5206\u6790\u5931\u8D25: ", error.message));
 };
 var useTextGeneration = (options = {}) => {
-  const [state, setState] = React3.useState({
+  const [state, setState] = React33.useState({
     isProcessing: false,
     status: "idle",
     error: null,
     result: null
   });
-  const pipelineRef = React3.useRef(null);
-  const generate = React3.useCallback(async (prompt) => {
+  const pipelineRef = React33.useRef(null);
+  const generate = React33.useCallback(async (prompt) => {
     console.log("[AI] Generating for prompt:", prompt);
     setState((prev) => ({
       ...prev,
@@ -647,11 +644,11 @@ var useTextGeneration = (options = {}) => {
   return { ...state, generate };
 };
 var SmartAssistant = ({ className = "" }) => {
-  const [input, setInput] = React3.useState("");
-  const [chatHistory, setChatHistory] = React3.useState([]);
-  const scrollRef = React3.useRef(null);
+  const [input, setInput] = React33.useState("");
+  const [chatHistory, setChatHistory] = React33.useState([]);
+  const scrollRef = React33.useRef(null);
   const { generate, isProcessing: isGenerating, status: genStatus } = useTextGeneration();
-  React3.useEffect(() => {
+  React33.useEffect(() => {
     if (scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -695,7 +692,7 @@ AI\u56DE\u5E94\uFF1A\u201C`;
       setChatHistory((prev) => [...prev, { role: "assistant", content: "\uFF08\u672C\u5730\u6A21\u578B\u601D\u8003\u8FC7\u5EA6\uFF0C\u6682\u65F6\u4F11\u606F\u4E2D...\uFF09" }]);
     }
   };
-  return /* @__PURE__ */ React3__namespace.default.createElement("div", { className: `flex flex-col h-[500px] bg-white dark:bg-gray-800 rounded-xl shadow-inner border border-gray-100 dark:border-gray-700 overflow-hidden ${className}` }, /* @__PURE__ */ React3__namespace.default.createElement("div", { ref: scrollRef, className: "flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50/50 dark:bg-gray-900/50" }, chatHistory.length === 0 && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-gray-400 space-y-2" }, /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Bot, { size: 48, className: "opacity-20" }), /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-sm italic text-center px-8 text-gray-400 font-sans" }, "\u4F60\u597D\uFF01\u6211\u662F 100% \u672C\u5730\u8FD0\u884C\u7684 AI\u3002", /* @__PURE__ */ React3__namespace.default.createElement("br", null), "\u4F60\u53EF\u4EE5\u548C\u6211\u804A\u804A\u5929\uFF0C\u6211\u4F1A\u5C1D\u8BD5\u7406\u89E3\u4F60\u7684\u610F\u601D\u3002")), chatHistory.map((msg, i) => /* @__PURE__ */ React3__namespace.default.createElement("div", { key: i, className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"} animate-in fade-in slide-in-from-bottom-2` }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: `flex gap-3 max-w-[85%] ${msg.role === "user" ? "flex-row-reverse" : ""}` }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: `p-2 rounded-lg h-fit ${msg.role === "user" ? "bg-blue-100 text-blue-600" : "bg-white dark:bg-gray-700 shadow-sm border border-gray-100 dark:border-gray-600 text-gray-400"}` }, msg.role === "user" ? /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.User, { size: 18 }) : /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Bot, { size: 18 })), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: `p-3 rounded-2xl shadow-sm text-sm ${msg.role === "user" ? "bg-blue-600 text-white rounded-tr-none" : "bg-white dark:bg-gray-700 text-gray-800 dark:text-gray-200 rounded-tl-none border border-gray-100 dark:border-gray-600 leading-relaxed"}` }, msg.content)))), isGenerating && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex gap-3 items-center bg-white dark:bg-gray-700 p-3 rounded-2xl rounded-tl-none border border-gray-100 dark:border-gray-600" }, /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin text-blue-500", size: 16 }), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React3__namespace.default.createElement("span", { className: "text-xs text-gray-500 font-medium" }, "\u601D\u8003\u4E2D..."), /* @__PURE__ */ React3__namespace.default.createElement("span", { className: "text-[10px] text-blue-400 font-mono tracking-tighter" }, genStatus))))), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "p-4 bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React3__namespace.default.createElement(
+  return /* @__PURE__ */ React33__namespace.default.createElement("div", { className: `flex flex-col h-[500px] bg-white dark:bg-gray-800 rounded-xl shadow-inner border border-gray-100 dark:border-gray-700 overflow-hidden ${className}` }, /* @__PURE__ */ React33__namespace.default.createElement("div", { ref: scrollRef, className: "flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50/50 dark:bg-gray-900/50" }, chatHistory.length === 0 && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-gray-400 space-y-2" }, /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Bot, { size: 48, className: "opacity-20" }), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-sm italic text-center px-8 text-gray-400 font-sans" }, "\u4F60\u597D\uFF01\u6211\u662F 100% \u672C\u5730\u8FD0\u884C\u7684 AI\u3002", /* @__PURE__ */ React33__namespace.default.createElement("br", null), "\u4F60\u53EF\u4EE5\u548C\u6211\u804A\u804A\u5929\uFF0C\u6211\u4F1A\u5C1D\u8BD5\u7406\u89E3\u4F60\u7684\u610F\u601D\u3002")), chatHistory.map((msg, i) => /* @__PURE__ */ React33__namespace.default.createElement("div", { key: i, className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"} animate-in fade-in slide-in-from-bottom-2` }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: `flex gap-3 max-w-[85%] ${msg.role === "user" ? "flex-row-reverse" : ""}` }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: `p-2 rounded-lg h-fit ${msg.role === "user" ? "bg-blue-100 text-blue-600" : "bg-white dark:bg-gray-700 shadow-sm border border-gray-100 dark:border-gray-600 text-gray-400"}` }, msg.role === "user" ? /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.User, { size: 18 }) : /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Bot, { size: 18 })), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: `p-3 rounded-2xl shadow-sm text-sm ${msg.role === "user" ? "bg-blue-600 text-white rounded-tr-none" : "bg-white dark:bg-gray-700 text-gray-800 dark:text-gray-200 rounded-tl-none border border-gray-100 dark:border-gray-600 leading-relaxed"}` }, msg.content)))), isGenerating && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex gap-3 items-center bg-white dark:bg-gray-700 p-3 rounded-2xl rounded-tl-none border border-gray-100 dark:border-gray-600" }, /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin text-blue-500", size: 16 }), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React33__namespace.default.createElement("span", { className: "text-xs text-gray-500 font-medium" }, "\u601D\u8003\u4E2D..."), /* @__PURE__ */ React33__namespace.default.createElement("span", { className: "text-[10px] text-blue-400 font-mono tracking-tighter" }, genStatus))))), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "p-4 bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React33__namespace.default.createElement(
     "input",
     {
       type: "text",
@@ -706,14 +703,14 @@ AI\u56DE\u5E94\uFF1A\u201C`;
       className: "flex-1 bg-gray-50 dark:bg-gray-900 border-none rounded-full px-5 py-3 pr-12 text-sm focus:ring-2 focus:ring-blue-500 outline-none dark:text-white text-gray-800",
       disabled: isGenerating
     }
-  ), /* @__PURE__ */ React3__namespace.default.createElement(
+  ), /* @__PURE__ */ React33__namespace.default.createElement(
     "button",
     {
       onClick: handleSend,
       disabled: !input.trim() || isGenerating,
       className: "absolute right-1 p-2.5 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 text-white rounded-full transition-all shadow-md active:scale-95 flex items-center justify-center"
     },
-    /* @__PURE__ */ React3__namespace.default.createElement(lucideReact.Send, { size: 18 })
+    /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Send, { size: 18 })
   ))));
 };
 var buttonVariants = classVarianceAuthority.cva(
@@ -741,10 +738,10 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React3__namespace.forwardRef(
+var Button = React33__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ React3__namespace.createElement(
+    return /* @__PURE__ */ React33__namespace.createElement(
       Comp,
       {
         className: chunk7Z5LLJ3A_js.cn(buttonVariants({ variant, size, className })),
@@ -755,7 +752,7 @@ var Button = React3__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Card = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var Card = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     ref,
@@ -767,7 +764,7 @@ var Card = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var CardHeader = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     ref,
@@ -776,7 +773,7 @@ var CardHeader = React3__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var CardTitle = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     ref,
@@ -785,7 +782,7 @@ var CardTitle = React3__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var CardDescription = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     ref,
@@ -794,9 +791,9 @@ var CardDescription = React3__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement("div", { ref, className: chunk7Z5LLJ3A_js.cn("p-6 pt-0", className), ...props }));
+var CardContent = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement("div", { ref, className: chunk7Z5LLJ3A_js.cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var CardFooter = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     ref,
@@ -822,11 +819,11 @@ var badgeVariants = classVarianceAuthority.cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ React3__namespace.createElement("div", { className: chunk7Z5LLJ3A_js.cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ React33__namespace.createElement("div", { className: chunk7Z5LLJ3A_js.cn(badgeVariants({ variant }), className), ...props });
 }
-var Input = React3__namespace.forwardRef(
+var Input = React33__namespace.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ React3__namespace.createElement(
+    return /* @__PURE__ */ React33__namespace.createElement(
       "input",
       {
         type,
@@ -844,7 +841,7 @@ Input.displayName = "Input";
 var labelVariants = classVarianceAuthority.cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var Label = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   LabelPrimitive__namespace.Root,
   {
     ref,
@@ -854,7 +851,7 @@ var Label = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @_
 ));
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var TabsList = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   TabsPrimitive__namespace.List,
   {
     ref,
@@ -866,7 +863,7 @@ var TabsList = React3__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var TabsTrigger = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
@@ -878,7 +875,7 @@ var TabsTrigger = React3__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var TabsContent = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -894,7 +891,7 @@ var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
 var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var DialogOverlay = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -906,7 +903,7 @@ var DialogOverlay = React3__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React3__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(DialogPortal, null, /* @__PURE__ */ React3__namespace.createElement(DialogOverlay, null), /* @__PURE__ */ React3__namespace.createElement(
+var DialogContent = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(DialogPortal, null, /* @__PURE__ */ React33__namespace.createElement(DialogOverlay, null), /* @__PURE__ */ React33__namespace.createElement(
   DialogPrimitive__namespace.Content,
   {
     ref,
@@ -917,13 +914,13 @@ var DialogContent = React3__namespace.forwardRef(({ className, children, ...prop
     ...props
   },
   children,
-  /* @__PURE__ */ React3__namespace.createElement(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ React3__namespace.createElement(lucideReact.X, { className: "h-4 w-4" }), /* @__PURE__ */ React3__namespace.createElement("span", { className: "sr-only" }, "Close"))
+  /* @__PURE__ */ React33__namespace.createElement(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ React33__namespace.createElement(lucideReact.X, { className: "h-4 w-4" }), /* @__PURE__ */ React33__namespace.createElement("span", { className: "sr-only" }, "Close"))
 )));
 DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3__namespace.createElement(
+}) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     className: chunk7Z5LLJ3A_js.cn(
@@ -937,7 +934,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3__namespace.createElement(
+}) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     className: chunk7Z5LLJ3A_js.cn(
@@ -948,7 +945,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var DialogTitle = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -960,7 +957,7 @@ var DialogTitle = React3__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var DialogDescription = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -972,7 +969,7 @@ DialogDescription.displayName = DialogPrimitive__namespace.Description.displayNa
 var AlertDialog = AlertDialogPrimitive__namespace.Root;
 var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var AlertDialogOverlay = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   AlertDialogPrimitive__namespace.Overlay,
   {
     className: chunk7Z5LLJ3A_js.cn(
@@ -984,7 +981,7 @@ var AlertDialogOverlay = React3__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(AlertDialogPortal, null, /* @__PURE__ */ React3__namespace.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React3__namespace.createElement(
+var AlertDialogContent = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(AlertDialogPortal, null, /* @__PURE__ */ React33__namespace.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React33__namespace.createElement(
   AlertDialogPrimitive__namespace.Content,
   {
     ref,
@@ -999,7 +996,7 @@ AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.display
 var AlertDialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3__namespace.createElement(
+}) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     className: chunk7Z5LLJ3A_js.cn(
@@ -1013,7 +1010,7 @@ AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3__namespace.createElement(
+}) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     className: chunk7Z5LLJ3A_js.cn(
@@ -1024,7 +1021,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var AlertDialogTitle = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -1033,7 +1030,7 @@ var AlertDialogTitle = React3__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var AlertDialogDescription = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -1042,7 +1039,7 @@ var AlertDialogDescription = React3__namespace.forwardRef(({ className, ...props
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var AlertDialogAction = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -1051,7 +1048,7 @@ var AlertDialogAction = React3__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var AlertDialogCancel = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -1070,7 +1067,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React3__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var DropdownMenuSubTrigger = React33__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -1082,10 +1079,10 @@ var DropdownMenuSubTrigger = React3__namespace.forwardRef(({ className, inset, c
     ...props
   },
   children,
-  /* @__PURE__ */ React3__namespace.createElement(lucideReact.ChevronRight, { className: "ml-auto" })
+  /* @__PURE__ */ React33__namespace.createElement(lucideReact.ChevronRight, { className: "ml-auto" })
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var DropdownMenuSubContent = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -1097,7 +1094,7 @@ var DropdownMenuSubContent = React3__namespace.forwardRef(({ className, ...props
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React3__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Portal, null, /* @__PURE__ */ React3__namespace.createElement(
+var DropdownMenuContent = React33__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(DropdownMenuPrimitive__namespace.Portal, null, /* @__PURE__ */ React33__namespace.createElement(
   DropdownMenuPrimitive__namespace.Content,
   {
     ref,
@@ -1111,7 +1108,7 @@ var DropdownMenuContent = React3__namespace.forwardRef(({ className, sideOffset
   }
 )));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React3__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var DropdownMenuItem = React33__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -1124,7 +1121,7 @@ var DropdownMenuItem = React3__namespace.forwardRef(({ className, inset, ...prop
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React3__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var DropdownMenuCheckboxItem = React33__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -1135,11 +1132,11 @@ var DropdownMenuCheckboxItem = React3__namespace.forwardRef(({ className, childr
     checked,
     ...props
   },
-  /* @__PURE__ */ React3__namespace.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React3__namespace.createElement(lucideReact.Check, { className: "h-4 w-4" }))),
+  /* @__PURE__ */ React33__namespace.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React33__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React33__namespace.createElement(lucideReact.Check, { className: "h-4 w-4" }))),
   children
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React3__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var DropdownMenuRadioItem = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -1149,11 +1146,11 @@ var DropdownMenuRadioItem = React3__namespace.forwardRef(({ className, children,
     ),
     ...props
   },
-  /* @__PURE__ */ React3__namespace.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React3__namespace.createElement(lucideReact.Circle, { className: "h-2 w-2 fill-current" }))),
+  /* @__PURE__ */ React33__namespace.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React33__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React33__namespace.createElement(lucideReact.Circle, { className: "h-2 w-2 fill-current" }))),
   children
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React3__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var DropdownMenuLabel = React33__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -1166,7 +1163,7 @@ var DropdownMenuLabel = React3__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var DropdownMenuSeparator = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -1179,7 +1176,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React3__namespace.createElement(
+  return /* @__PURE__ */ React33__namespace.createElement(
     "span",
     {
       className: chunk7Z5LLJ3A_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -1191,7 +1188,7 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React3__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(PopoverPrimitive__namespace.Portal, null, /* @__PURE__ */ React3__namespace.createElement(
+var PopoverContent = React33__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(PopoverPrimitive__namespace.Portal, null, /* @__PURE__ */ React33__namespace.createElement(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -1205,7 +1202,7 @@ var PopoverContent = React3__namespace.forwardRef(({ className, align = "center"
   }
 )));
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var Progress = React3__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var Progress = React33__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   ProgressPrimitive__namespace.Root,
   {
     ref,
@@ -1215,7 +1212,7 @@ var Progress = React3__namespace.forwardRef(({ className, value, ...props }, ref
     ),
     ...props
   },
-  /* @__PURE__ */ React3__namespace.createElement(
+  /* @__PURE__ */ React33__namespace.createElement(
     ProgressPrimitive__namespace.Indicator,
     {
       className: "h-full w-full flex-1 bg-primary transition-all",
@@ -1224,19 +1221,19 @@ var Progress = React3__namespace.forwardRef(({ className, value, ...props }, ref
   )
 ));
 Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
-var ScrollArea = React3__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var ScrollArea = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
     className: chunk7Z5LLJ3A_js.cn("relative overflow-hidden", className),
     ...props
   },
-  /* @__PURE__ */ React3__namespace.createElement(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
-  /* @__PURE__ */ React3__namespace.createElement(ScrollBar, null),
-  /* @__PURE__ */ React3__namespace.createElement(ScrollAreaPrimitive__namespace.Corner, null)
+  /* @__PURE__ */ React33__namespace.createElement(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
+  /* @__PURE__ */ React33__namespace.createElement(ScrollBar, null),
+  /* @__PURE__ */ React33__namespace.createElement(ScrollAreaPrimitive__namespace.Corner, null)
 ));
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React3__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var ScrollBar = React33__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -1249,13 +1246,13 @@ var ScrollBar = React3__namespace.forwardRef(({ className, orientation = "vertic
     ),
     ...props
   },
-  /* @__PURE__ */ React3__namespace.createElement(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  /* @__PURE__ */ React33__namespace.createElement(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
 ));
 ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React3__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var SelectTrigger = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -1266,10 +1263,10 @@ var SelectTrigger = React3__namespace.forwardRef(({ className, children, ...prop
     ...props
   },
   children,
-  /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.Icon, { asChild: true }, /* @__PURE__ */ React3__namespace.createElement(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-50" }))
+  /* @__PURE__ */ React33__namespace.createElement(SelectPrimitive__namespace.Icon, { asChild: true }, /* @__PURE__ */ React33__namespace.createElement(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-50" }))
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var SelectScrollUpButton = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -1279,10 +1276,10 @@ var SelectScrollUpButton = React3__namespace.forwardRef(({ className, ...props }
     ),
     ...props
   },
-  /* @__PURE__ */ React3__namespace.createElement(lucideReact.ChevronUp, { className: "h-4 w-4" })
+  /* @__PURE__ */ React33__namespace.createElement(lucideReact.ChevronUp, { className: "h-4 w-4" })
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var SelectScrollDownButton = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -1292,10 +1289,10 @@ var SelectScrollDownButton = React3__namespace.forwardRef(({ className, ...props
     ),
     ...props
   },
-  /* @__PURE__ */ React3__namespace.createElement(lucideReact.ChevronDown, { className: "h-4 w-4" })
+  /* @__PURE__ */ React33__namespace.createElement(lucideReact.ChevronDown, { className: "h-4 w-4" })
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React3__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.Portal, null, /* @__PURE__ */ React3__namespace.createElement(
+var SelectContent = React33__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(SelectPrimitive__namespace.Portal, null, /* @__PURE__ */ React33__namespace.createElement(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -1307,8 +1304,8 @@ var SelectContent = React3__namespace.forwardRef(({ className, children, positio
     position,
     ...props
   },
-  /* @__PURE__ */ React3__namespace.createElement(SelectScrollUpButton, null),
-  /* @__PURE__ */ React3__namespace.createElement(
+  /* @__PURE__ */ React33__namespace.createElement(SelectScrollUpButton, null),
+  /* @__PURE__ */ React33__namespace.createElement(
     SelectPrimitive__namespace.Viewport,
     {
       className: chunk7Z5LLJ3A_js.cn(
@@ -1318,10 +1315,10 @@ var SelectContent = React3__namespace.forwardRef(({ className, children, positio
     },
     children
   ),
-  /* @__PURE__ */ React3__namespace.createElement(SelectScrollDownButton, null)
+  /* @__PURE__ */ React33__namespace.createElement(SelectScrollDownButton, null)
 )));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var SelectLabel = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -1330,7 +1327,7 @@ var SelectLabel = React3__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React3__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var SelectItem = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -1340,11 +1337,11 @@ var SelectItem = React3__namespace.forwardRef(({ className, children, ...props }
     ),
     ...props
   },
-  /* @__PURE__ */ React3__namespace.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React3__namespace.createElement(lucideReact.Check, { className: "h-4 w-4" }))),
-  /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.ItemText, null, children)
+  /* @__PURE__ */ React33__namespace.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React33__namespace.createElement(SelectPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React33__namespace.createElement(lucideReact.Check, { className: "h-4 w-4" }))),
+  /* @__PURE__ */ React33__namespace.createElement(SelectPrimitive__namespace.ItemText, null, children)
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var SelectSeparator = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -1353,8 +1350,8 @@ var SelectSeparator = React3__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
-var Separator3 = React3__namespace.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var Separator3 = React33__namespace.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
     SeparatorPrimitive__namespace.Root,
     {
       ref,
@@ -1374,7 +1371,7 @@ var Sheet = DialogPrimitive__namespace.Root;
 var SheetTrigger = DialogPrimitive__namespace.Trigger;
 var SheetClose = DialogPrimitive__namespace.Close;
 var SheetPortal = DialogPrimitive__namespace.Portal;
-var SheetOverlay = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var SheetOverlay = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DialogPrimitive__namespace.Overlay,
   {
     className: chunk7Z5LLJ3A_js.cn(
@@ -1402,21 +1399,21 @@ var sheetVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SheetContent = React3__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(SheetPortal, null, /* @__PURE__ */ React3__namespace.createElement(SheetOverlay, null), /* @__PURE__ */ React3__namespace.createElement(
+var SheetContent = React33__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(SheetPortal, null, /* @__PURE__ */ React33__namespace.createElement(SheetOverlay, null), /* @__PURE__ */ React33__namespace.createElement(
   DialogPrimitive__namespace.Content,
   {
     ref,
     className: chunk7Z5LLJ3A_js.cn(sheetVariants({ side }), className),
     ...props
   },
-  /* @__PURE__ */ React3__namespace.createElement(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, /* @__PURE__ */ React3__namespace.createElement(lucideReact.X, { className: "h-4 w-4" }), /* @__PURE__ */ React3__namespace.createElement("span", { className: "sr-only" }, "Close")),
+  /* @__PURE__ */ React33__namespace.createElement(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, /* @__PURE__ */ React33__namespace.createElement(lucideReact.X, { className: "h-4 w-4" }), /* @__PURE__ */ React33__namespace.createElement("span", { className: "sr-only" }, "Close")),
   children
 )));
 SheetContent.displayName = DialogPrimitive__namespace.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3__namespace.createElement(
+}) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     className: chunk7Z5LLJ3A_js.cn(
@@ -1430,7 +1427,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3__namespace.createElement(
+}) => /* @__PURE__ */ React33__namespace.createElement(
   "div",
   {
     className: chunk7Z5LLJ3A_js.cn(
@@ -1441,7 +1438,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var SheetTitle = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -1450,7 +1447,7 @@ var SheetTitle = React3__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var SheetDescription = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var SheetDescription = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -1459,8 +1456,8 @@ var SheetDescription = React3__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var Textarea = React3__namespace.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React3__namespace.createElement(
+var Textarea = React33__namespace.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React33__namespace.createElement(
     "textarea",
     {
       className: chunk7Z5LLJ3A_js.cn(
@@ -1476,7 +1473,7 @@ Textarea.displayName = "Textarea";
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
 var Tooltip = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = React3__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(TooltipPrimitive__namespace.Portal, null, /* @__PURE__ */ React3__namespace.createElement(
+var TooltipContent = React33__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(TooltipPrimitive__namespace.Portal, null, /* @__PURE__ */ React33__namespace.createElement(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -1489,7 +1486,7 @@ var TooltipContent = React3__namespace.forwardRef(({ className, sideOffset = 4,
   }
 )));
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
-var Avatar = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var Avatar = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -1501,7 +1498,7 @@ var Avatar = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var AvatarImage = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -1510,7 +1507,7 @@ var AvatarImage = React3__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3__namespace.createElement(
+var AvatarFallback = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -1522,6 +1519,50 @@ var AvatarFallback = React3__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
+function buildGridColsClasses(columns) {
+  return [
+    "grid-cols-1",
+    // 默认单列
+    columns.sm ? `sm:grid-cols-${columns.sm}` : "",
+    columns.md ? `md:grid-cols-${columns.md}` : "md:grid-cols-2",
+    columns.lg ? `lg:grid-cols-${columns.lg}` : "lg:grid-cols-3",
+    columns.xl ? `xl:grid-cols-${columns.xl}` : ""
+  ].filter(Boolean).join(" ");
+}
+function getGapClassName(gap) {
+  const gapClasses = {
+    sm: "gap-3",
+    md: "gap-6",
+    lg: "gap-8",
+    xl: "gap-10"
+  };
+  return gapClasses[gap];
+}
+function Grid({
+  items,
+  renderItem,
+  columns = { md: 2, lg: 3 },
+  gap = "md",
+  className = "",
+  style
+}) {
+  const gridColsClasses = buildGridColsClasses(columns);
+  const gapClass = getGapClassName(gap);
+  return /* @__PURE__ */ React33__namespace.default.createElement(
+    "div",
+    {
+      className: `grid ${gridColsClasses} ${gapClass} ${className}`.trim(),
+      style
+    },
+    items.map((item, index) => /* @__PURE__ */ React33__namespace.default.createElement("div", { key: item.id }, renderItem(item, index)))
+  );
+}
+var Timeline = ({ items = [] }) => {
+  if (!items || items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "absolute left-4 top-0 bottom-0 w-0.5 bg-gray-200" }), items.map((item, index) => /* @__PURE__ */ React33__namespace.default.createElement("div", { key: index, className: "relative pl-12 pb-8" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "absolute left-0 w-8 h-8 rounded-full bg-blue-500 border-4 border-white shadow-md flex items-center justify-center" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "w-2 h-2 rounded-full bg-white" })), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "bg-white rounded-lg p-4 shadow-md" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "text-sm text-gray-500 mb-2" }, item.date), /* @__PURE__ */ React33__namespace.default.createElement("h4", { className: "text-lg font-semibold mb-2" }, item.title), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-gray-600" }, item.description)))));
+};
 var CollisionBalls = ({
   collisionBallsConfig: {
     balls,
@@ -1529,13 +1570,13 @@ var CollisionBalls = ({
     height
   }
 }) => {
-  const canvasRef = React3.useRef(null);
-  const containerRef = React3.useRef(null);
-  const ballsRef = React3.useRef([]);
-  const [isShaking, setIsShaking] = React3.useState(false);
-  const [draggedBall, setDraggedBall] = React3.useState(null);
-  const [mousePos, setMousePos] = React3.useState({ x: 0, y: 0 });
-  const animationRef = React3.useRef(null);
+  const canvasRef = React33.useRef(null);
+  const containerRef = React33.useRef(null);
+  const ballsRef = React33.useRef([]);
+  const [isShaking, setIsShaking] = React33.useState(false);
+  const [draggedBall, setDraggedBall] = React33.useState(null);
+  const [mousePos, setMousePos] = React33.useState({ x: 0, y: 0 });
+  const animationRef = React33.useRef(null);
   const updateCanvasSize = () => {
     const container = containerRef.current;
     const canvas = canvasRef.current;
@@ -1578,7 +1619,7 @@ var CollisionBalls = ({
       isDragging: false
     }));
   };
-  React3.useEffect(() => {
+  React33.useEffect(() => {
     const handleResize = () => {
       console.log("Window resized");
       updateCanvasSize();
@@ -1593,7 +1634,7 @@ var CollisionBalls = ({
       }
     };
   }, []);
-  React3.useEffect(() => {
+  React33.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) {
       console.error("Canvas element not found");
@@ -1783,7 +1824,7 @@ var CollisionBalls = ({
       y: (event.clientY - rect.top) * scaleY
     };
   };
-  return /* @__PURE__ */ React3__namespace.default.createElement("div", { style: { width: "100%", height: "100%", position: "relative", backgroundColor: "#f9fafb", borderRadius: "0.5rem" } }, /* @__PURE__ */ React3__namespace.default.createElement("div", { ref: containerRef, style: { width: "100%", height: "100%", position: "absolute", top: 0, left: 0 } }, /* @__PURE__ */ React3__namespace.default.createElement(
+  return /* @__PURE__ */ React33__namespace.default.createElement("div", { style: { width: "100%", height: "100%", position: "relative", backgroundColor: "#f9fafb", borderRadius: "0.5rem" } }, /* @__PURE__ */ React33__namespace.default.createElement("div", { ref: containerRef, style: { width: "100%", height: "100%", position: "absolute", top: 0, left: 0 } }, /* @__PURE__ */ React33__namespace.default.createElement(
     "canvas",
     {
       ref: canvasRef,
@@ -1798,14 +1839,14 @@ var CollisionBalls = ({
       onMouseUp: handleMouseUp,
       onMouseLeave: handleMouseUp
     }
-  )), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "absolute bottom-4 right-4 flex gap-2" }, /* @__PURE__ */ React3__namespace.default.createElement(
+  )), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "absolute bottom-4 right-4 flex gap-2" }, /* @__PURE__ */ React33__namespace.default.createElement(
     "button",
     {
       onClick: shake,
       className: `px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors ${isShaking ? "animate-pulse" : ""}`
     },
     "\u6447\u4E00\u6447"
-  ), /* @__PURE__ */ React3__namespace.default.createElement(
+  ), /* @__PURE__ */ React33__namespace.default.createElement(
     "button",
     {
       onClick: slowdown,
@@ -1814,135 +1855,14 @@ var CollisionBalls = ({
     "\u51CF\u901F"
   )));
 };
-var CollisionBalls_default = CollisionBalls;
-var Timeline = ({ items = [] }) => {
-  if (!items || items.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "absolute left-4 top-0 bottom-0 w-0.5 bg-gray-200" }), items.map((item, index) => /* @__PURE__ */ React3__namespace.default.createElement("div", { key: index, className: "relative pl-12 pb-8" }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "absolute left-0 w-8 h-8 rounded-full bg-blue-500 border-4 border-white shadow-md flex items-center justify-center" }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "w-2 h-2 rounded-full bg-white" })), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "bg-white rounded-lg p-4 shadow-md" }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "text-sm text-gray-500 mb-2" }, item.date), /* @__PURE__ */ React3__namespace.default.createElement("h4", { className: "text-lg font-semibold mb-2" }, item.title), /* @__PURE__ */ React3__namespace.default.createElement("p", { className: "text-gray-600" }, item.description)))));
-};
-var Timeline_default = Timeline;
-var Modal = ({
-  isOpen,
-  onClose,
-  title,
-  width = 400,
-  height = "auto",
-  maskClosable = true,
-  showCloseButton = true,
-  className = "",
-  contentClassName = "",
-  zIndex = 1e3,
-  children
-}) => {
-  const modalRef = React3.useRef(null);
-  const [mounted, setMounted] = React3.useState(false);
-  React3.useEffect(() => {
-    setMounted(true);
-    return () => {
-      setMounted(false);
-    };
-  }, []);
-  React3.useEffect(() => {
-    const handleEscKey = (event) => {
-      if (event.key === "Escape" && isOpen) {
-        onClose();
-      }
-    };
-    if (isOpen && typeof document !== "undefined" && document.body) {
-      document.body.style.overflow = "hidden";
-      document.addEventListener("keydown", handleEscKey);
-    }
-    return () => {
-      try {
-        if (typeof document !== "undefined" && document.body) {
-          document.body.style.overflow = "";
-          document.removeEventListener("keydown", handleEscKey);
-        }
-      } catch (error) {
-        console.warn("\u6E05\u7406Modal\u4E8B\u4EF6\u76D1\u542C\u5668\u65F6\u51FA\u9519:", error);
-      }
-    };
-  }, [isOpen, onClose]);
-  const handleMaskClick = (e) => {
-    if (maskClosable && e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-  const modalStyle = {
-    width: typeof width === "number" ? `${width}px` : width,
-    height: typeof height === "number" ? `${height}px` : height,
-    zIndex
-  };
-  if (!mounted || !isOpen) return null;
-  if (typeof document === "undefined" || !document.body) {
-    return null;
-  }
-  try {
-    return ReactDOM__default.default.createPortal(
-      /* @__PURE__ */ React3__namespace.default.createElement(
-        "div",
-        {
-          className: "fixed inset-0 bg-black/50 flex items-center justify-center z-[1000] animate-fade-in",
-          onClick: handleMaskClick
-        },
-        /* @__PURE__ */ React3__namespace.default.createElement(
-          "div",
-          {
-            className: chunk7Z5LLJ3A_js.cn(
-              "bg-white rounded-lg shadow-[0_4px_20px_rgba(0,0,0,0.15)] max-w-[90vw] max-h-[90vh] overflow-hidden flex flex-col animate-slide-up",
-              className
-            ),
-            style: modalStyle,
-            ref: modalRef
-          },
-          (title || showCloseButton) && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex justify-between items-center px-5 py-4 border-b border-gray-100" }, title && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "text-lg font-semibold text-gray-800 m-0" }, title), showCloseButton && /* @__PURE__ */ React3__namespace.default.createElement(
-            "button",
-            {
-              className: "bg-transparent border-none text-2xl leading-none text-gray-400 cursor-pointer p-0 m-0 w-6 h-6 flex items-center justify-center transition-colors hover:text-gray-800",
-              onClick: onClose
-            },
-            "\xD7"
-          )),
-          /* @__PURE__ */ React3__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("p-5 overflow-y-auto", contentClassName) }, children)
-        )
-      ),
-      document.body
-    );
-  } catch (error) {
-    console.error("Portal\u521B\u5EFA\u5931\u8D25:", error);
-    return null;
-  }
-};
-var Modal_default = Modal;
-var Avatar2 = ({
-  src,
-  alt,
-  size = 80,
-  borderColor,
-  className = ""
-}) => {
-  return /* @__PURE__ */ React3__namespace.default.createElement(
-    "div",
-    {
-      className: chunk7Z5LLJ3A_js.cn("rounded-full overflow-hidden border-[3px] border-transparent", className),
-      style: {
-        width: `${size}px`,
-        height: `${size}px`,
-        borderColor: borderColor || "transparent"
-      }
-    },
-    /* @__PURE__ */ React3__namespace.default.createElement("img", { src, alt, className: "w-full h-full object-cover" })
-  );
-};
-
-// src/components/popover/ProfileModal.tsx
 var themeStyles = {
   light: "",
-  dark: "bg-[#222] text-[#eee]",
-  blue: "bg-[#f0f8ff]"
+  dark: "bg-[#222] text-[#eee] border-[#444]",
+  blue: "bg-[#f0f8ff] border-[#1890ff]/20"
 };
 var ProfileModal = ({
+  isOpen,
+  onClose,
   data,
   showAvatar = true,
   showContacts = true,
@@ -1953,16 +1873,19 @@ var ProfileModal = ({
   onSocialLinkClick,
   onContactClick,
   themeName = "light",
-  ...modalProps
+  className
 }) => {
   const renderSocialLinks = () => {
     if (!data.socialLinks || data.socialLinks.length === 0) return null;
-    return /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex gap-3 mt-2" }, data.socialLinks.map((link, index) => /* @__PURE__ */ React3__namespace.default.createElement(
+    return /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex gap-3 mt-2" }, data.socialLinks.map((link, index) => /* @__PURE__ */ React33__namespace.default.createElement(
       "a",
       {
         key: index,
         href: link.url,
-        className: "w-8 h-8 flex items-center justify-center bg-gray-100 rounded-full text-gray-800 no-underline transition-all hover:bg-gray-200 hover:-translate-y-0.5",
+        className: chunk7Z5LLJ3A_js.cn(
+          "w-8 h-8 flex items-center justify-center rounded-full no-underline transition-all hover:-translate-y-0.5",
+          themeName === "dark" ? "bg-gray-800 text-gray-200 hover:bg-gray-700" : "bg-gray-100 text-gray-800 hover:bg-gray-200"
+        ),
         title: link.type,
         target: "_blank",
         rel: "noopener noreferrer",
@@ -1973,84 +1896,72 @@ var ProfileModal = ({
           }
         }
       },
-      link.icon ? /* @__PURE__ */ React3__namespace.default.createElement("span", { className: "text-base" }, link.icon) : /* @__PURE__ */ React3__namespace.default.createElement("span", { className: "text-[10px] font-semibold" }, link.type)
+      link.icon ? /* @__PURE__ */ React33__namespace.default.createElement("span", { className: "text-base" }, link.icon) : /* @__PURE__ */ React33__namespace.default.createElement("span", { className: "text-[10px] font-semibold" }, link.type)
     )));
   };
   const renderContacts = () => {
     if (!data.contacts || Object.keys(data.contacts).length === 0) return null;
-    return /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "mt-4 border-t border-gray-100 pt-4" }, Object.entries(data.contacts).map(([type, value], index) => /* @__PURE__ */ React3__namespace.default.createElement(
+    return /* @__PURE__ */ React33__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn(
+      "mt-4 border-t pt-4",
+      themeName === "dark" ? "border-gray-800" : "border-gray-100"
+    ) }, Object.entries(data.contacts).map(([type, value], index) => /* @__PURE__ */ React33__namespace.default.createElement(
       "div",
       {
         key: index,
-        className: "flex mb-2 cursor-pointer py-1.5 hover:bg-gray-50 transition-colors",
+        className: chunk7Z5LLJ3A_js.cn(
+          "flex mb-2 cursor-pointer py-1.5 px-2 rounded transition-colors",
+          themeName === "dark" ? "hover:bg-gray-800" : "hover:bg-gray-50"
+        ),
         onClick: () => onContactClick && onContactClick(type, value)
       },
-      /* @__PURE__ */ React3__namespace.default.createElement("span", { className: "font-medium text-gray-500 w-[70px] shrink-0" }, type, ":"),
-      /* @__PURE__ */ React3__namespace.default.createElement("span", { className: "text-gray-800" }, value)
+      /* @__PURE__ */ React33__namespace.default.createElement("span", { className: chunk7Z5LLJ3A_js.cn(
+        "font-medium w-[70px] shrink-0",
+        themeName === "dark" ? "text-gray-400" : "text-gray-500"
+      ) }, type, ":"),
+      /* @__PURE__ */ React33__namespace.default.createElement("span", { className: themeName === "dark" ? "text-gray-200" : "text-gray-800" }, value)
     )));
   };
-  return /* @__PURE__ */ React3__namespace.default.createElement(
-    Modal_default,
+  return /* @__PURE__ */ React33__namespace.default.createElement(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose() }, /* @__PURE__ */ React33__namespace.default.createElement(DialogContent, { className: chunk7Z5LLJ3A_js.cn(
+    "sm:max-w-[500px] p-0 overflow-hidden border-none shadow-2xl",
+    themeStyles[themeName] || "",
+    className
+  ) }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex gap-5 mb-5" }, showAvatar && /* @__PURE__ */ React33__namespace.default.createElement(
+    "div",
     {
-      ...modalProps,
-      title: "",
-      className: chunk7Z5LLJ3A_js.cn("w-[500px]", themeStyles[themeName] || "")
+      className: "shrink-0",
+      onClick: onAvatarClick,
+      style: { cursor: onAvatarClick ? "pointer" : "default" }
     },
-    /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex gap-5 mb-5" }, showAvatar && data.avatar && /* @__PURE__ */ React3__namespace.default.createElement(
-      "div",
-      {
-        className: "shrink-0",
-        onClick: onAvatarClick,
-        style: { cursor: onAvatarClick ? "pointer" : "default" }
-      },
-      /* @__PURE__ */ React3__namespace.default.createElement(
-        Avatar2,
-        {
-          src: data.avatar,
-          alt: data.name,
-          size: avatarSize
-        }
-      )
-    ), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React3__namespace.default.createElement("h2", { className: "text-2xl font-semibold m-0 mb-1 text-gray-800" }, data.name), data.title && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "text-sm text-gray-500 mb-2" }, data.title), showSocial && renderSocialLinks())),
-    showBio && data.bio && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "mb-5 leading-relaxed text-gray-600" }, /* @__PURE__ */ React3__namespace.default.createElement("p", null, data.bio)),
-    showContacts && renderContacts(),
-    data.customContent && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "mt-5" }, data.customContent)
-  );
+    /* @__PURE__ */ React33__namespace.default.createElement(Avatar, { className: "border-2 border-primary/10 shadow-sm", style: { width: avatarSize, height: avatarSize } }, data.avatar && /* @__PURE__ */ React33__namespace.default.createElement(AvatarImage, { src: data.avatar, alt: data.name, className: "object-cover" }), /* @__PURE__ */ React33__namespace.default.createElement(AvatarFallback, { className: "text-xl" }, data.name.substring(0, 2).toUpperCase()))
+  ), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex-1 min-w-0 flex flex-col justify-center" }, /* @__PURE__ */ React33__namespace.default.createElement("h2", { className: chunk7Z5LLJ3A_js.cn(
+    "text-2xl font-bold m-0 mb-1",
+    themeName === "dark" ? "text-white" : "text-gray-900"
+  ) }, data.name), data.title && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn(
+    "text-sm mb-2",
+    themeName === "dark" ? "text-gray-400" : "text-gray-500"
+  ) }, data.title), showSocial && renderSocialLinks())), showBio && data.bio && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn(
+    "mb-5 leading-relaxed text-sm",
+    themeName === "dark" ? "text-gray-300" : "text-gray-600"
+  ) }, /* @__PURE__ */ React33__namespace.default.createElement("p", null, data.bio)), showContacts && renderContacts(), data.customContent && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "mt-5" }, data.customContent))));
 };
 var ProfileModal_default = ProfileModal;
-
-// src/components/popover/internal/Badge.tsx
-var badgeTypeStyles = {
-  default: "bg-gray-100 text-gray-600",
-  primary: "bg-blue-50 text-blue-600",
-  success: "bg-green-50 text-green-600",
-  warning: "bg-yellow-50 text-yellow-600",
-  danger: "bg-red-50 text-red-600",
-  info: "bg-blue-50 text-blue-600"
-};
-var Badge2 = ({
-  label,
-  type = "default",
-  icon,
-  className = ""
-}) => {
-  return /* @__PURE__ */ React.createElement("span", { className: chunk7Z5LLJ3A_js.cn(
-    "inline-flex items-center px-2 py-1 rounded text-xs font-medium",
-    badgeTypeStyles[type] || badgeTypeStyles.default,
-    className
-  ) }, icon && /* @__PURE__ */ React.createElement("span", { className: "mr-1 flex items-center" }, icon), /* @__PURE__ */ React.createElement("span", null, label));
-};
-
-// src/components/popover/internal/BadgeList.tsx
 var BadgeList = ({
   badges,
   className = ""
 }) => {
   if (!badges || badges.length === 0) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex flex-wrap gap-2 mt-4", className) }, badges.map((badge, index) => /* @__PURE__ */ React.createElement(Badge2, { key: index, ...badge })));
+  return /* @__PURE__ */ React33__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex flex-wrap gap-2 mt-4", className) }, badges.map((badge, index) => /* @__PURE__ */ React33__namespace.default.createElement(
+    Badge,
+    {
+      key: index,
+      variant: badge.type === "default" ? "default" : badge.type
+    },
+    badge.icon && /* @__PURE__ */ React33__namespace.default.createElement("span", { className: "mr-1" }, badge.icon),
+    badge.label
+  )));
 };
 
-// src/components/popover/internal/Stat.tsx
+// src/features/profile/internal/Stat.tsx
 var Stat = ({
   label,
   value,
@@ -2060,7 +1971,7 @@ var Stat = ({
   return /* @__PURE__ */ React.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex flex-col items-center flex-1 text-center", className) }, icon && /* @__PURE__ */ React.createElement("span", { className: "mb-2 text-2xl text-gray-400" }, icon), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-lg font-semibold text-gray-800" }, value), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400 mt-1" }, label)));
 };
 
-// src/components/popover/internal/StatList.tsx
+// src/features/profile/internal/StatList.tsx
 var StatList = ({
   stats,
   className = ""
@@ -2069,7 +1980,7 @@ var StatList = ({
   return /* @__PURE__ */ React.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex justify-between mt-4 pt-4 border-t border-gray-100", className) }, stats.map((stat, index) => /* @__PURE__ */ React.createElement(Stat, { key: index, ...stat })));
 };
 
-// src/components/popover/ProfileButton.tsx
+// src/features/profile/ProfileButton.tsx
 var exampleProfileData = {
   name: "\u5F20\u4E09",
   avatar: "https://randomuser.me/api/portraits/men/32.jpg",
@@ -2096,15 +2007,17 @@ var exampleProfileData = {
     { label: "\u7C89\u4E1D", value: 1024 },
     { label: "\u8BC4\u5206", value: "4.9" }
   ],
-  customContent: /* @__PURE__ */ React3__namespace.default.createElement("div", { style: { marginTop: 20, borderTop: "1px solid #eee", paddingTop: 15 } }, /* @__PURE__ */ React3__namespace.default.createElement("h3", { style: { fontSize: 16, marginBottom: 10 } }, "\u4E13\u4E1A\u6280\u80FD"), /* @__PURE__ */ React3__namespace.default.createElement("p", { style: { margin: 0, lineHeight: 1.6 } }, "\u7CBE\u901AReact\u3001Vue\u3001Angular\u7B49\u524D\u7AEF\u6846\u67B6\uFF0C\u719F\u6089TypeScript\u3001JavaScript\u3001CSS3\u3001HTML5\u7B49\u524D\u7AEF\u6280\u672F\u3002 \u6709\u4E30\u5BCC\u7684\u5927\u578B\u9879\u76EE\u5F00\u53D1\u7ECF\u9A8C\uFF0C\u80FD\u72EC\u7ACB\u8D1F\u8D23\u524D\u7AEF\u67B6\u6784\u8BBE\u8BA1\u3002"))
+  customContent: /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "mt-5 border-t border-gray-100 pt-4" }, /* @__PURE__ */ React33__namespace.default.createElement("h3", { className: "text-sm font-semibold mb-2" }, "\u4E13\u4E1A\u6280\u80FD"), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-sm text-gray-600 leading-relaxed" }, "\u7CBE\u901AReact\u3001Vue\u3001Angular\u7B49\u524D\u7AEF\u6846\u67B6\uFF0C\u719F\u6089TypeScript\u3001JavaScript\u3001CSS3\u3001HTML5\u7B49\u524D\u7AEF\u6280\u672F\u3002 \u6709\u4E30\u5BCC\u7684\u5927\u578B\u9879\u76EE\u5F00\u53D1\u7ECF\u9A8C\uFF0C\u80FD\u72EC\u7ACB\u8D1F\u8D23\u524D\u7AEF\u67B6\u6784\u8BBE\u8BA1\u3002"))
 };
 var ProfileButton = ({
   data = exampleProfileData,
   buttonText = "\u67E5\u770B\u4E2A\u4EBA\u4FE1\u606F",
-  buttonClassName = "",
+  variant = "default",
+  size = "default",
+  className = "",
   modalTheme = "light"
 }) => {
-  const [isModalOpen, setIsModalOpen] = React3.useState(false);
+  const [isModalOpen, setIsModalOpen] = React33.useState(false);
   const openModal = () => setIsModalOpen(true);
   const closeModal = () => setIsModalOpen(false);
   const handleContactClick = (type, value) => {
@@ -2114,7 +2027,16 @@ var ProfileButton = ({
       window.open(`tel:${value}`);
     }
   };
-  return /* @__PURE__ */ React3__namespace.default.createElement(React3__namespace.default.Fragment, null, /* @__PURE__ */ React3__namespace.default.createElement("button", { onClick: openModal, className: buttonClassName }, buttonText), /* @__PURE__ */ React3__namespace.default.createElement(
+  return /* @__PURE__ */ React33__namespace.default.createElement(React33__namespace.default.Fragment, null, /* @__PURE__ */ React33__namespace.default.createElement(
+    Button,
+    {
+      variant,
+      size,
+      onClick: openModal,
+      className
+    },
+    buttonText
+  ), /* @__PURE__ */ React33__namespace.default.createElement(
     ProfileModal_default,
     {
       isOpen: isModalOpen,
@@ -2125,11 +2047,10 @@ var ProfileButton = ({
       onSocialLinkClick: (url) => window.open(url, "_blank")
     },
     data.customContent,
-    data.badges && /* @__PURE__ */ React3__namespace.default.createElement(BadgeList, { badges: data.badges }),
-    data.stats && /* @__PURE__ */ React3__namespace.default.createElement(StatList, { stats: data.stats })
+    data.badges && /* @__PURE__ */ React33__namespace.default.createElement(BadgeList, { badges: data.badges }),
+    data.stats && /* @__PURE__ */ React33__namespace.default.createElement(StatList, { stats: data.stats })
   ));
 };
-var ProfileButton_default = ProfileButton;
 var AutoOpenModal = ({
   data,
   delay = 500,
@@ -2137,8 +2058,8 @@ var AutoOpenModal = ({
   themeName = "light",
   onClose
 }) => {
-  const [isModalOpen, setIsModalOpen] = React3.useState(false);
-  React3.useEffect(() => {
+  const [isModalOpen, setIsModalOpen] = React33.useState(false);
+  React33.useEffect(() => {
     const timer = setTimeout(() => {
       setIsModalOpen(true);
     }, delay);
@@ -2157,7 +2078,7 @@ var AutoOpenModal = ({
       window.open(`tel:${value}`);
     }
   };
-  return /* @__PURE__ */ React3__namespace.default.createElement(
+  return /* @__PURE__ */ React33__namespace.default.createElement(
     ProfileModal_default,
     {
       isOpen: isModalOpen,
@@ -2167,11 +2088,126 @@ var AutoOpenModal = ({
       onContactClick: handleContactClick,
       onSocialLinkClick: (url) => window.open(url, "_blank")
     },
-    data.badges && /* @__PURE__ */ React3__namespace.default.createElement(BadgeList, { badges: data.badges }),
-    data.stats && /* @__PURE__ */ React3__namespace.default.createElement(StatList, { stats: data.stats })
+    data.badges && /* @__PURE__ */ React33__namespace.default.createElement(BadgeList, { badges: data.badges }),
+    data.stats && /* @__PURE__ */ React33__namespace.default.createElement(StatList, { stats: data.stats })
   );
 };
-var AutoOpenModal_default = AutoOpenModal;
+var sizeMap = {
+  small: "h-8 w-8",
+  medium: "h-12 w-12",
+  large: "h-16 w-16"
+};
+var moodColors = {
+  online: "bg-green-500",
+  offline: "bg-gray-500",
+  away: "bg-yellow-500"
+};
+var EnhancedAvatar = ({
+  src,
+  name,
+  size = "medium",
+  mood = "online",
+  statusText,
+  onClick,
+  className
+}) => {
+  const sizeClass = typeof size === "string" ? sizeMap[size] : "";
+  const customSizeStyle = typeof size === "number" ? { width: size, height: size } : {};
+  return /* @__PURE__ */ React33__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("relative inline-block", className), onClick }, /* @__PURE__ */ React33__namespace.default.createElement(Avatar, { className: chunk7Z5LLJ3A_js.cn(sizeClass, onClick && "cursor-pointer hover:ring-2 hover:ring-blue-500 transition-all"), style: customSizeStyle }, src && /* @__PURE__ */ React33__namespace.default.createElement(AvatarImage, { src, alt: name || "Avatar", className: "object-cover" }), /* @__PURE__ */ React33__namespace.default.createElement(AvatarFallback, { className: "bg-primary/10 text-primary-foreground" }, name ? name.substring(0, 2).toUpperCase() : "??")), mood && /* @__PURE__ */ React33__namespace.default.createElement(
+    "div",
+    {
+      className: chunk7Z5LLJ3A_js.cn(
+        "absolute bottom-0 right-0 rounded-full border-2 border-white",
+        moodColors[mood],
+        typeof size === "number" ? size > 60 ? "h-4 w-4" : "h-3 w-3" : size === "large" ? "h-4 w-4" : "h-3 w-3"
+      )
+    }
+  ), statusText && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "absolute -bottom-6 left-1/2 transform -translate-x-1/2 whitespace-nowrap" }, /* @__PURE__ */ React33__namespace.default.createElement("span", { className: "text-xs text-muted-foreground" }, statusText)));
+};
+var About = ({
+  timelineConfig,
+  collisionBallsConfig
+}) => {
+  return /* @__PURE__ */ React33__namespace.default.createElement("section", { id: "about", className: "py-16 bg-white" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React33__namespace.default.createElement("h2", { className: "text-3xl font-bold text-center mb-12" }, "\u5173\u4E8E\u6211"), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React33__namespace.default.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u4E2A\u4EBA\u7ECF\u5386"), /* @__PURE__ */ React33__namespace.default.createElement(Timeline, { items: timelineConfig.items })), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React33__namespace.default.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u6280\u80FD\u5C55\u793A"), /* @__PURE__ */ React33__namespace.default.createElement("div", { style: { height: "400px", position: "relative" } }, /* @__PURE__ */ React33__namespace.default.createElement(CollisionBalls, { collisionBallsConfig }))))));
+};
+var About_default = About;
+var Contact = () => {
+  const [formData, setFormData] = React33.useState({
+    name: "",
+    email: "",
+    message: ""
+  });
+  const [isSubmitting, setIsSubmitting] = React33.useState(false);
+  const [submitStatus, setSubmitStatus] = React33.useState("idle");
+  const handleChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+    setSubmitStatus("idle");
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 1e3));
+      setSubmitStatus("success");
+      setFormData({ name: "", email: "", message: "" });
+    } catch (error) {
+      setSubmitStatus("error");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ React33__namespace.default.createElement("section", { id: "contact", className: "py-16 bg-gray-50" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "text-center mb-12" }, /* @__PURE__ */ React33__namespace.default.createElement("h2", { className: "text-3xl font-bold text-gray-900 sm:text-4xl" }, "\u8054\u7CFB\u6211"), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "mt-4 text-lg text-gray-600" }, "\u6709\u4EFB\u4F55\u95EE\u9898\u6216\u5EFA\u8BAE\uFF1F\u8BF7\u968F\u65F6\u8054\u7CFB\u6211")), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-xl p-6 sm:p-8" }, /* @__PURE__ */ React33__namespace.default.createElement("form", { onSubmit: handleSubmit, className: "space-y-6" }, /* @__PURE__ */ React33__namespace.default.createElement("div", null, /* @__PURE__ */ React33__namespace.default.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700" }, "\u59D3\u540D"), /* @__PURE__ */ React33__namespace.default.createElement(
+    "input",
+    {
+      type: "text",
+      name: "name",
+      id: "name",
+      value: formData.name,
+      onChange: handleChange,
+      required: true,
+      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
+      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u59D3\u540D"
+    }
+  )), /* @__PURE__ */ React33__namespace.default.createElement("div", null, /* @__PURE__ */ React33__namespace.default.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700" }, "\u90AE\u7BB1"), /* @__PURE__ */ React33__namespace.default.createElement(
+    "input",
+    {
+      type: "email",
+      name: "email",
+      id: "email",
+      value: formData.email,
+      onChange: handleChange,
+      required: true,
+      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
+      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u90AE\u7BB1"
+    }
+  )), /* @__PURE__ */ React33__namespace.default.createElement("div", null, /* @__PURE__ */ React33__namespace.default.createElement("label", { htmlFor: "message", className: "block text-sm font-medium text-gray-700" }, "\u6D88\u606F"), /* @__PURE__ */ React33__namespace.default.createElement(
+    "textarea",
+    {
+      name: "message",
+      id: "message",
+      rows: 4,
+      value: formData.message,
+      onChange: handleChange,
+      required: true,
+      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
+      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u6D88\u606F"
+    }
+  )), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex items-center justify-end" }, /* @__PURE__ */ React33__namespace.default.createElement(
+    "button",
+    {
+      type: "submit",
+      disabled: isSubmitting,
+      className: `inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white 
+                  ${isSubmitting ? "bg-blue-400 cursor-not-allowed" : "bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"}`
+    },
+    isSubmitting ? "\u53D1\u9001\u4E2D..." : "\u53D1\u9001\u6D88\u606F"
+  )), submitStatus === "success" && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "rounded-md bg-green-50 p-4" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React33__namespace.default.createElement("svg", { className: "h-5 w-5 text-green-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React33__namespace.default.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }))), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-sm font-medium text-green-800" }, "\u6D88\u606F\u5DF2\u6210\u529F\u53D1\u9001\uFF01")))), submitStatus === "error" && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "rounded-md bg-red-50 p-4" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React33__namespace.default.createElement("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React33__namespace.default.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }))), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "text-sm font-medium text-red-800" }, "\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5")))))), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "mt-12 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React33__namespace.default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React33__namespace.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }))), /* @__PURE__ */ React33__namespace.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u90AE\u7BB1"), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "mt-2 text-gray-600" }, "your.email@example.com")), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React33__namespace.default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React33__namespace.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" }))), /* @__PURE__ */ React33__namespace.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u7535\u8BDD"), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "mt-2 text-gray-600" }, "+86 123 4567 8900")), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React33__namespace.default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React33__namespace.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }), /* @__PURE__ */ React33__namespace.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" }))), /* @__PURE__ */ React33__namespace.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u5730\u5740"), /* @__PURE__ */ React33__namespace.default.createElement("p", { className: "mt-2 text-gray-600" }, "\u4E2D\u56FD\uFF0C\u5317\u4EAC")))));
+};
+var Contact_default = Contact;
 var NavigationItemComponent = ({
   item,
   direction,
@@ -2193,7 +2229,7 @@ var NavigationItemComponent = ({
     const stateClasses = isActive ? "bg-blue-500 text-white shadow-lg" : item.isExternal ? "text-gray-700 hover:bg-purple-50 hover:text-purple-600 border border-purple-200" : "text-gray-700 hover:bg-blue-50 hover:text-blue-600";
     return `${baseClasses} ${directionClasses} ${stateClasses}`;
   };
-  return /* @__PURE__ */ React3__namespace.default.createElement(
+  return /* @__PURE__ */ React33__namespace.default.createElement(
     "a",
     {
       href: item.href,
@@ -2202,9 +2238,9 @@ var NavigationItemComponent = ({
       rel: item.isExternal ? "noopener noreferrer" : void 0,
       className: getItemClasses()
     },
-    item.icon && /* @__PURE__ */ React3__namespace.default.createElement("span", { className: "flex-shrink-0" }, item.icon),
-    /* @__PURE__ */ React3__namespace.default.createElement("span", { className: `font-medium ${direction === "vertical" ? "text-sm" : "text-xs"}` }, item.label),
-    item.isExternal && /* @__PURE__ */ React3__namespace.default.createElement(
+    item.icon && /* @__PURE__ */ React33__namespace.default.createElement("span", { className: "flex-shrink-0" }, item.icon),
+    /* @__PURE__ */ React33__namespace.default.createElement("span", { className: `font-medium ${direction === "vertical" ? "text-sm" : "text-xs"}` }, item.label),
+    item.isExternal && /* @__PURE__ */ React33__namespace.default.createElement(
       "svg",
       {
         className: "w-3 h-3 opacity-60 group-hover:opacity-100 transition-opacity",
@@ -2212,7 +2248,7 @@ var NavigationItemComponent = ({
         stroke: "currentColor",
         viewBox: "0 0 24 24"
       },
-      /* @__PURE__ */ React3__namespace.default.createElement(
+      /* @__PURE__ */ React33__namespace.default.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -2222,12 +2258,12 @@ var NavigationItemComponent = ({
         }
       )
     ),
-    direction === "vertical" && isActive && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "absolute left-1 top-1/2 transform -translate-y-1/2 w-1 h-6 bg-white rounded-full" })
+    direction === "vertical" && isActive && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "absolute left-1 top-1/2 transform -translate-y-1/2 w-1 h-6 bg-white rounded-full" })
   );
 };
 var NavigationItem_default = NavigationItemComponent;
 
-// src/components/navigation/Navigation.tsx
+// src/features/navigation/Navigation.tsx
 var Navigation = ({
   config,
   isOpen,
@@ -2282,14 +2318,14 @@ var Navigation = ({
     onItemClick?.(item);
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ React3__namespace.default.createElement("nav", { className: `${getContainerClasses()} ${className}` }, /* @__PURE__ */ React3__namespace.default.createElement("div", { className: getContentClasses() }, logo && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React3__namespace.default.createElement(
+  return /* @__PURE__ */ React33__namespace.default.createElement("nav", { className: `${getContainerClasses()} ${className}` }, /* @__PURE__ */ React33__namespace.default.createElement("div", { className: getContentClasses() }, logo && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React33__namespace.default.createElement(
     "img",
     {
       src: logo.src,
       alt: logo.alt || "Logo",
       className: "h-8 w-auto"
     }
-  )), direction === "vertical" && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "h-12 flex-shrink-0" }), /* @__PURE__ */ React3__namespace.default.createElement("div", { className: getItemsListClasses() }, items.map((item) => /* @__PURE__ */ React3__namespace.default.createElement(
+  )), direction === "vertical" && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "h-12 flex-shrink-0" }), /* @__PURE__ */ React33__namespace.default.createElement("div", { className: getItemsListClasses() }, items.map((item) => /* @__PURE__ */ React33__namespace.default.createElement(
     NavigationItem_default,
     {
       key: item.id,
@@ -2298,14 +2334,14 @@ var Navigation = ({
       isActive: activeItemId === item.id,
       onClick: handleItemClick
     }
-  ))), avatar && direction === "vertical" && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex items-center justify-center mt-auto pt-4" }, /* @__PURE__ */ React3__namespace.default.createElement(
+  ))), avatar && direction === "vertical" && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex items-center justify-center mt-auto pt-4" }, /* @__PURE__ */ React33__namespace.default.createElement(
     "img",
     {
       src: avatar.src,
       alt: avatar.alt || "Avatar",
       className: "w-10 h-10 rounded-full border-2 border-gray-200"
     }
-  )), avatar && direction === "horizontal" && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React3__namespace.default.createElement(
+  )), avatar && direction === "horizontal" && /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React33__namespace.default.createElement(
     "img",
     {
       src: avatar.src,
@@ -2334,7 +2370,7 @@ var NavigationToggle = ({
         return "top-4 left-4";
     }
   };
-  return /* @__PURE__ */ React3__namespace.default.createElement(
+  return /* @__PURE__ */ React33__namespace.default.createElement(
     "button",
     {
       onClick,
@@ -2350,7 +2386,7 @@ var NavigationToggle = ({
       `,
       "aria-label": isOpen ? "\u5173\u95ED\u5BFC\u822A\u680F" : "\u6253\u5F00\u5BFC\u822A\u680F"
     },
-    /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "w-5 h-5 flex flex-col justify-center items-center" }, /* @__PURE__ */ React3__namespace.default.createElement(
+    /* @__PURE__ */ React33__namespace.default.createElement("div", { className: "w-5 h-5 flex flex-col justify-center items-center" }, /* @__PURE__ */ React33__namespace.default.createElement(
       "span",
       {
         className: `
@@ -2359,7 +2395,7 @@ var NavigationToggle = ({
             ${isOpen ? "rotate-45 translate-y-0.5" : ""}
           `
       }
-    ), /* @__PURE__ */ React3__namespace.default.createElement(
+    ), /* @__PURE__ */ React33__namespace.default.createElement(
       "span",
       {
         className: `
@@ -2368,7 +2404,7 @@ var NavigationToggle = ({
             ${isOpen ? "opacity-0 scale-0" : "opacity-100 scale-100"}
           `
       }
-    ), /* @__PURE__ */ React3__namespace.default.createElement(
+    ), /* @__PURE__ */ React33__namespace.default.createElement(
       "span",
       {
         className: `
@@ -2391,21 +2427,21 @@ var FloatingMenu = ({
   triggerClassName = "",
   zIndex = 1e3
 }) => {
-  const [position, setPosition] = React3.useState(initialPosition);
-  const [isMenuOpen, setIsMenuOpen] = React3.useState(defaultOpen);
-  const [menuDirection, setMenuDirection] = React3.useState("right");
-  const [isDragging, setIsDragging] = React3.useState(false);
-  const [dragOffset, setDragOffset] = React3.useState({ x: 0, y: 0 });
-  const containerRef = React3.useRef(null);
-  const [mounted, setMounted] = React3.useState(false);
-  const [hasDragged, setHasDragged] = React3.useState(false);
-  const dragTimerRef = React3.useRef(null);
-  const mouseDownPosRef = React3.useRef(null);
-  React3.useEffect(() => {
+  const [position, setPosition] = React33.useState(initialPosition);
+  const [isMenuOpen, setIsMenuOpen] = React33.useState(defaultOpen);
+  const [menuDirection, setMenuDirection] = React33.useState("right");
+  const [isDragging, setIsDragging] = React33.useState(false);
+  const [dragOffset, setDragOffset] = React33.useState({ x: 0, y: 0 });
+  const containerRef = React33.useRef(null);
+  const [mounted, setMounted] = React33.useState(false);
+  const [hasDragged, setHasDragged] = React33.useState(false);
+  const dragTimerRef = React33.useRef(null);
+  const mouseDownPosRef = React33.useRef(null);
+  React33.useEffect(() => {
     setMounted(true);
     return () => setMounted(false);
   }, []);
-  React3.useEffect(() => {
+  React33.useEffect(() => {
     if (!mounted || !containerRef.current) return;
     const updateMenuDirection = () => {
       const rect = containerRef.current?.getBoundingClientRect();
@@ -2434,7 +2470,7 @@ var FloatingMenu = ({
     setHasDragged(false);
     setIsDragging(true);
   };
-  React3.useEffect(() => {
+  React33.useEffect(() => {
     if (!isDragging) return;
     const handleMouseMove = (e) => {
       if (mouseDownPosRef.current) {
@@ -2470,7 +2506,7 @@ var FloatingMenu = ({
       document.removeEventListener("mouseup", handleMouseUp);
     };
   }, [isDragging, dragOffset]);
-  React3.useEffect(() => {
+  React33.useEffect(() => {
     return () => {
       if (dragTimerRef.current) {
         window.clearTimeout(dragTimerRef.current);
@@ -2484,7 +2520,7 @@ var FloatingMenu = ({
     }
     setIsMenuOpen(!isMenuOpen);
   };
-  React3.useEffect(() => {
+  React33.useEffect(() => {
     if (!isMenuOpen) return;
     const handleClickOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -2496,7 +2532,7 @@ var FloatingMenu = ({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isMenuOpen]);
-  React3.useEffect(() => {
+  React33.useEffect(() => {
     if (!mounted) return;
     const checkBoundaries = () => {
       const windowWidth = window.innerWidth;
@@ -2516,8 +2552,8 @@ var FloatingMenu = ({
     };
   }, [mounted]);
   if (!mounted) return null;
-  return ReactDOM.createPortal(
-    /* @__PURE__ */ React3__namespace.default.createElement(
+  return reactDom.createPortal(
+    /* @__PURE__ */ React33__namespace.default.createElement(
       "div",
       {
         ref: containerRef,
@@ -2528,7 +2564,7 @@ var FloatingMenu = ({
           zIndex
         }
       },
-      /* @__PURE__ */ React3__namespace.default.createElement(
+      /* @__PURE__ */ React33__namespace.default.createElement(
         "div",
         {
           className: `
@@ -2546,7 +2582,7 @@ var FloatingMenu = ({
         },
         trigger
       ),
-      isMenuOpen && /* @__PURE__ */ React3__namespace.default.createElement(
+      isMenuOpen && /* @__PURE__ */ React33__namespace.default.createElement(
         "div",
         {
           className: `
@@ -2575,80 +2611,10 @@ var FloatingMenu = ({
   );
 };
 var FloatingMenu_default = FloatingMenu;
-function buildGridColsClasses(columns) {
-  return [
-    "grid-cols-1",
-    // 默认单列
-    columns.sm ? `sm:grid-cols-${columns.sm}` : "",
-    columns.md ? `md:grid-cols-${columns.md}` : "md:grid-cols-2",
-    columns.lg ? `lg:grid-cols-${columns.lg}` : "lg:grid-cols-3",
-    columns.xl ? `xl:grid-cols-${columns.xl}` : ""
-  ].filter(Boolean).join(" ");
-}
-function getGapClassName(gap) {
-  const gapClasses = {
-    sm: "gap-3",
-    md: "gap-6",
-    lg: "gap-8",
-    xl: "gap-10"
-  };
-  return gapClasses[gap];
-}
-function Grid({
-  items,
-  renderItem,
-  columns = { md: 2, lg: 3 },
-  gap = "md",
-  className = "",
-  style
-}) {
-  const gridColsClasses = buildGridColsClasses(columns);
-  const gapClass = getGapClassName(gap);
-  return /* @__PURE__ */ React3__namespace.default.createElement(
-    "div",
-    {
-      className: `grid ${gridColsClasses} ${gapClass} ${className}`.trim(),
-      style
-    },
-    items.map((item, index) => /* @__PURE__ */ React3__namespace.default.createElement("div", { key: item.id }, renderItem(item, index)))
-  );
-}
-var Avatar3 = ({
-  src,
-  size = "medium",
-  mood = "online",
-  statusText,
-  onClick
-}) => {
-  const sizeClasses = {
-    small: "w-8 h-8",
-    medium: "w-12 h-12",
-    large: "w-16 h-16"
-  };
-  const moodColors = {
-    online: "bg-green-500",
-    offline: "bg-gray-500",
-    away: "bg-yellow-500"
-  };
-  return /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "relative inline-block", onClick }, /* @__PURE__ */ React3__namespace.default.createElement(
-    "img",
-    {
-      src: src || "/images/avatar.jpg",
-      alt: "User Avatar",
-      className: `${sizeClasses[size]} rounded-full object-cover border-2 border-white shadow-md cursor-pointer hover:ring-2 hover:ring-blue-500 transition-all duration-200`
-    }
-  ), /* @__PURE__ */ React3__namespace.default.createElement(
-    "div",
-    {
-      className: `absolute bottom-0 right-0 w-3 h-3 rounded-full border-2 border-white ${moodColors[mood]}`
-    }
-  ), statusText && /* @__PURE__ */ React3__namespace.default.createElement("div", { className: "absolute -bottom-6 left-1/2 transform -translate-x-1/2 whitespace-nowrap" }, /* @__PURE__ */ React3__namespace.default.createElement("span", { className: "text-xs text-gray-600" }, statusText)));
-};
-var Avatar_default = Avatar3;
 
 Object.defineProperty(exports, "SearchBox", {
   enumerable: true,
-  get: function () { return chunkNRYHBGU6_js.SearchBox; }
+  get: function () { return chunkIEA55H3G_js.SearchBox; }
 });
 Object.defineProperty(exports, "arrayUtils", {
   enumerable: true,
@@ -2726,6 +2692,7 @@ Object.defineProperty(exports, "logger", {
   enumerable: true,
   get: function () { return chunk6PRFP5EG_js.logger; }
 });
+exports.About = About_default;
 exports.AlertDialog = AlertDialog;
 exports.AlertDialogAction = AlertDialogAction;
 exports.AlertDialogCancel = AlertDialogCancel;
@@ -2737,8 +2704,8 @@ exports.AlertDialogOverlay = AlertDialogOverlay;
 exports.AlertDialogPortal = AlertDialogPortal;
 exports.AlertDialogTitle = AlertDialogTitle;
 exports.AlertDialogTrigger = AlertDialogTrigger;
-exports.AutoOpenModal = AutoOpenModal_default;
-exports.Avatar = Avatar_default;
+exports.AutoOpenModal = AutoOpenModal;
+exports.Avatar = Avatar;
 exports.AvatarFallback = AvatarFallback;
 exports.AvatarImage = AvatarImage;
 exports.BackgroundRemover = BackgroundRemover;
@@ -2750,7 +2717,8 @@ exports.CardDescription = CardDescription;
 exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;
-exports.CollisionBalls = CollisionBalls_default;
+exports.CollisionBalls = CollisionBalls;
+exports.Contact = Contact_default;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
@@ -2776,6 +2744,7 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.EnhancedAvatar = EnhancedAvatar;
 exports.FloatingMenu = FloatingMenu_default;
 exports.Grid = Grid;
 exports.Input = Input;
@@ -2788,8 +2757,8 @@ exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
-exports.ProfileButton = ProfileButton_default;
-exports.ProfileModal = ProfileModal_default;
+exports.ProfileButton = ProfileButton;
+exports.ProfileModal = ProfileModal;
 exports.Progress = Progress;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
@@ -2821,15 +2790,13 @@ exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
 exports.Textarea = Textarea;
-exports.Timeline = Timeline_default;
+exports.Timeline = Timeline;
 exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
 exports.badgeVariants = badgeVariants;
-exports.buildGridColsClasses = buildGridColsClasses;
 exports.buttonVariants = buttonVariants;
-exports.getGapClassName = getGapClassName;
 exports.useBackgroundRemoval = useBackgroundRemoval;
 exports.useOCR = useOCR;
 exports.useSentimentAnalysis = useSentimentAnalysis;