sa2kit 1.6.3 → 1.6.6

package/dist/index.js

@@ -1,34 +1,78 @@
 'use strict';
 
-var chunkNMF4ANIC_js = require('./chunk-NMF4ANIC.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 React2 = require('react');
+var React33 = require('react');
 var tesseract_js = require('tesseract.js');
 var lucideReact = require('lucide-react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var LabelPrimitive = require('@radix-ui/react-label');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
+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 }; }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-var React2__default = /*#__PURE__*/_interopDefault(React2);
+var React33__namespace = /*#__PURE__*/_interopNamespace(React33);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
+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 useOCR = (options = {}) => {
-  const [state, setState] = React2.useState({
+  const [state, setState] = React33.useState({
     isProcessing: false,
     progress: 0,
     status: "idle",
     error: null,
     result: null
   });
-  const workerRef = React2.useRef(null);
-  const cleanup = React2.useCallback(async () => {
+  const workerRef = React33.useRef(null);
+  const cleanup = React33.useCallback(async () => {
     if (workerRef.current) {
       await workerRef.current.terminate();
       workerRef.current = null;
     }
   }, []);
-  const recognize = React2.useCallback(
+  const recognize = React33.useCallback(
     async (image) => {
       setState((prev) => ({
         ...prev,
@@ -87,7 +131,7 @@ var useOCR = (options = {}) => {
     },
     [options]
   );
-  React2.useEffect(() => {
+  React33.useEffect(() => {
     return () => {
       cleanup();
     };
@@ -103,8 +147,8 @@ var OCRScanner = ({
   className = "",
   language = "eng"
 }) => {
-  const [imagePreview, setImagePreview] = React2.useState(null);
-  const fileInputRef = React2.useRef(null);
+  const [imagePreview, setImagePreview] = React33.useState(null);
+  const fileInputRef = React33.useRef(null);
   const { recognize, isProcessing, progress, status, result, error } = useOCR({
     language
   });
@@ -140,43 +184,43 @@ var OCRScanner = ({
       handleFileChange(mockEvent);
     }
   };
-  return /* @__PURE__ */ React2__default.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__ */ React2__default.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__ */ React2__default.default.createElement("div", { className: "p-4 bg-blue-50 rounded-full text-blue-500" }, /* @__PURE__ */ React2__default.default.createElement(lucideReact.Upload, { size: 32 })),
-      /* @__PURE__ */ React2__default.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React2__default.default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u70B9\u51FB\u6216\u62D6\u62FD\u56FE\u7247\u8FDB\u884C OCR \u8BC6\u522B"), /* @__PURE__ */ React2__default.default.createElement("p", { className: "text-sm text-gray-500" }, "\u652F\u6301 JPG, PNG, WebP"))
-    ) : /* @__PURE__ */ React2__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React2__default.default.createElement("div", { className: "relative group rounded-lg overflow-hidden border border-gray-200" }, /* @__PURE__ */ React2__default.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__ */ React2__default.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__ */ React2__default.default.createElement(lucideReact.X, { size: 18 })
-    ), isProcessing && /* @__PURE__ */ React2__default.default.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-black/5" }, /* @__PURE__ */ React2__default.default.createElement(lucideReact.Loader2, { className: "animate-spin text-blue-500 mb-2", size: 32 }), /* @__PURE__ */ React2__default.default.createElement("div", { className: "w-48 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React2__default.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__ */ React2__default.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__ */ React2__default.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__ */ React2__default.default.createElement("div", { className: "flex items-center gap-2 mb-2 text-gray-600 font-medium" }, /* @__PURE__ */ React2__default.default.createElement(lucideReact.FileText, { size: 18 }), /* @__PURE__ */ React2__default.default.createElement("span", null, "\u8BC6\u522B\u7ED3\u679C (\u7F6E\u4FE1\u5EA6: ", Math.round(result.confidence), "%)")), /* @__PURE__ */ React2__default.default.createElement("pre", { className: "text-sm text-gray-800 whitespace-pre-wrap font-sans" }, result.text)), error && /* @__PURE__ */ React2__default.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__ */ React2__default.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",
@@ -190,7 +234,7 @@ var OCRScanner = ({
   );
 };
 var useBackgroundRemoval = (options = {}) => {
-  const [state, setState] = React2.useState({
+  const [state, setState] = React33.useState({
     isProcessing: false,
     progress: 0,
     status: "idle",
@@ -198,7 +242,7 @@ var useBackgroundRemoval = (options = {}) => {
     resultBlob: null,
     resultUrl: null
   });
-  const remove = React2.useCallback(async (image) => {
+  const remove = React33.useCallback(async (image) => {
     setState((prev) => ({
       ...prev,
       isProcessing: true,
@@ -277,12 +321,12 @@ var useBackgroundRemoval = (options = {}) => {
       throw err;
     }
   }, [options]);
-  const cleanup = React2.useCallback(() => {
+  const cleanup = React33.useCallback(() => {
     if (state.resultUrl) {
       URL.revokeObjectURL(state.resultUrl);
     }
   }, [state.resultUrl]);
-  React2.useEffect(() => {
+  React33.useEffect(() => {
     return () => cleanup();
   }, [cleanup]);
   return {
@@ -295,8 +339,8 @@ var BackgroundRemover = ({
   onResult,
   className = ""
 }) => {
-  const [imagePreview, setImagePreview] = React2.useState(null);
-  const fileInputRef = React2.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];
@@ -324,37 +368,37 @@ var BackgroundRemover = ({
     a.download = "removed_background.png";
     a.click();
   };
-  return /* @__PURE__ */ React2__default.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__ */ React2__default.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__ */ React2__default.default.createElement("div", { className: "p-4 bg-purple-50 rounded-full text-purple-500" }, /* @__PURE__ */ React2__default.default.createElement(lucideReact.Eraser, { size: 32 })),
-    /* @__PURE__ */ React2__default.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React2__default.default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u4E0A\u4F20\u56FE\u7247\u79FB\u9664\u80CC\u666F"), /* @__PURE__ */ React2__default.default.createElement("p", { className: "text-sm text-gray-500" }, "\u5EFA\u8BAE\u4F7F\u7528\u4E3B\u4F53\u660E\u786E\u7684\u56FE\u7247"))
-  ) : /* @__PURE__ */ React2__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React2__default.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React2__default.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React2__default.default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u539F\u56FE"), /* @__PURE__ */ React2__default.default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-gray-50" }, /* @__PURE__ */ React2__default.default.createElement("img", { src: imagePreview, alt: "Original", className: "max-h-64 mx-auto object-contain" }))), /* @__PURE__ */ React2__default.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React2__default.default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5904\u7406\u7ED3\u679C"), /* @__PURE__ */ React2__default.default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-grid-slate-100 bg-[size:20px_20px]" }, resultUrl ? /* @__PURE__ */ React2__default.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__ */ React2__default.default.createElement("div", { className: "h-64 flex flex-col items-center justify-center text-gray-400" }, isProcessing ? /* @__PURE__ */ React2__default.default.createElement(React2__default.default.Fragment, null, /* @__PURE__ */ React2__default.default.createElement(lucideReact.Loader2, { className: "animate-spin text-purple-500 mb-2", size: 32 }), /* @__PURE__ */ React2__default.default.createElement("div", { className: "w-32 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React2__default.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__ */ React2__default.default.createElement("p", { className: "text-[10px] mt-2 font-mono uppercase" }, status.replace(/-/g, " "))) : /* @__PURE__ */ React2__default.default.createElement("span", { className: "text-sm italic" }, "\u7B49\u5F85\u5904\u7406..."))))), /* @__PURE__ */ React2__default.default.createElement("div", { className: "flex justify-between items-center pt-2" }, !isProcessing && /* @__PURE__ */ React2__default.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__ */ React2__default.default.createElement(lucideReact.X, { size: 16 }),
+    /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.X, { size: 16 }),
     "\u91CD\u65B0\u5F00\u59CB"
-  ), resultUrl && !isProcessing && /* @__PURE__ */ React2__default.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__ */ React2__default.default.createElement(lucideReact.Download, { size: 16 }),
+    /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Download, { size: 16 }),
     "\u4E0B\u8F7D PNG"
-  )), error && /* @__PURE__ */ React2__default.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__ */ React2__default.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",
@@ -367,14 +411,14 @@ var BackgroundRemover = ({
   ));
 };
 var useSentimentAnalysis = (options = {}) => {
-  const [state, setState] = React2.useState({
+  const [state, setState] = React33.useState({
     isProcessing: false,
     status: "idle",
     error: null,
     result: null
   });
-  const pipelineRef = React2.useRef(null);
-  const analyze = React2.useCallback(async (text) => {
+  const pipelineRef = React33.useRef(null);
+  const analyze = React33.useCallback(async (text) => {
     setState((prev) => ({
       ...prev,
       isProcessing: true,
@@ -458,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] = React2.useState("");
+  const [text, setText] = React33.useState("");
   const { analyze, isProcessing, status, result, error } = useSentimentAnalysis();
   const handleAnalyze = async () => {
     if (!text.trim() || isProcessing) return;
@@ -473,11 +517,11 @@ var SentimentAnalyzer = ({
     if (!result) return null;
     switch (result.sentiment) {
       case "positive":
-        return /* @__PURE__ */ React2__default.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__ */ React2__default.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__ */ React2__default.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 = () => {
@@ -491,7 +535,7 @@ var SentimentAnalyzer = ({
         return "bg-yellow-50 border-yellow-200 text-yellow-700";
     }
   };
-  return /* @__PURE__ */ React2__default.default.createElement("div", { className: `p-6 border rounded-xl bg-white dark:bg-gray-800 shadow-sm ${className}` }, /* @__PURE__ */ React2__default.default.createElement("div", { className: "flex items-center gap-2 mb-4 text-gray-700 dark:text-gray-300 font-medium" }, /* @__PURE__ */ React2__default.default.createElement(lucideReact.MessageSquare, { size: 20 }), /* @__PURE__ */ React2__default.default.createElement("span", null, "\u6587\u672C\u60C5\u611F\u5206\u6790")), /* @__PURE__ */ React2__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React2__default.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,
@@ -500,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__ */ React2__default.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__ */ React2__default.default.createElement(lucideReact.Loader2, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React2__default.default.createElement(lucideReact.Send, { size: 18 })
-  )), isProcessing && /* @__PURE__ */ React2__default.default.createElement("div", { className: "mt-4 flex items-center gap-2 text-sm text-blue-600 animate-pulse" }, /* @__PURE__ */ React2__default.default.createElement(lucideReact.Loader2, { size: 14, className: "animate-spin" }), /* @__PURE__ */ React2__default.default.createElement("span", null, "\u6B63\u5728\u5206\u6790 (\u9996\u6B21\u8FD0\u884C\u5C06\u52A0\u8F7D\u6A21\u578B\u8D44\u6E90)...")), result && !isProcessing && /* @__PURE__ */ React2__default.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__ */ React2__default.default.createElement("div", { className: "p-2 bg-white rounded-full shadow-sm" }, getSentimentIcon()), /* @__PURE__ */ React2__default.default.createElement("div", null, /* @__PURE__ */ React2__default.default.createElement("p", { className: "font-bold text-lg capitalize" }, result.sentiment), /* @__PURE__ */ React2__default.default.createElement("p", { className: "text-sm opacity-80" }, "\u7F6E\u4FE1\u5EA6: ", (result.score * 100).toFixed(1), "% (", result.label, ")"))), error && /* @__PURE__ */ React2__default.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] = React2.useState({
+  const [state, setState] = React33.useState({
     isProcessing: false,
     status: "idle",
     error: null,
     result: null
   });
-  const pipelineRef = React2.useRef(null);
-  const generate = React2.useCallback(async (prompt) => {
+  const pipelineRef = React33.useRef(null);
+  const generate = React33.useCallback(async (prompt) => {
     console.log("[AI] Generating for prompt:", prompt);
     setState((prev) => ({
       ...prev,
@@ -600,11 +644,11 @@ var useTextGeneration = (options = {}) => {
   return { ...state, generate };
 };
 var SmartAssistant = ({ className = "" }) => {
-  const [input, setInput] = React2.useState("");
-  const [chatHistory, setChatHistory] = React2.useState([]);
-  const scrollRef = React2.useRef(null);
+  const [input, setInput] = React33.useState("");
+  const [chatHistory, setChatHistory] = React33.useState([]);
+  const scrollRef = React33.useRef(null);
   const { generate, isProcessing: isGenerating, status: genStatus } = useTextGeneration();
-  React2.useEffect(() => {
+  React33.useEffect(() => {
     if (scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -648,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__ */ React2__default.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__ */ React2__default.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__ */ React2__default.default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-gray-400 space-y-2" }, /* @__PURE__ */ React2__default.default.createElement(lucideReact.Bot, { size: 48, className: "opacity-20" }), /* @__PURE__ */ React2__default.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__ */ React2__default.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__ */ React2__default.default.createElement("div", { key: i, className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"} animate-in fade-in slide-in-from-bottom-2` }, /* @__PURE__ */ React2__default.default.createElement("div", { className: `flex gap-3 max-w-[85%] ${msg.role === "user" ? "flex-row-reverse" : ""}` }, /* @__PURE__ */ React2__default.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__ */ React2__default.default.createElement(lucideReact.User, { size: 18 }) : /* @__PURE__ */ React2__default.default.createElement(lucideReact.Bot, { size: 18 })), /* @__PURE__ */ React2__default.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__ */ React2__default.default.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React2__default.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__ */ React2__default.default.createElement(lucideReact.Loader2, { className: "animate-spin text-blue-500", size: 16 }), /* @__PURE__ */ React2__default.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React2__default.default.createElement("span", { className: "text-xs text-gray-500 font-medium" }, "\u601D\u8003\u4E2D..."), /* @__PURE__ */ React2__default.default.createElement("span", { className: "text-[10px] text-blue-400 font-mono tracking-tighter" }, genStatus))))), /* @__PURE__ */ React2__default.default.createElement("div", { className: "p-4 bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React2__default.default.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React2__default.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",
@@ -659,48 +703,1954 @@ 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__ */ React2__default.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__ */ React2__default.default.createElement(lucideReact.Send, { size: 18 })
+    /* @__PURE__ */ React33__namespace.default.createElement(lucideReact.Send, { size: 18 })
+  ))));
+};
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React33__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ React33__namespace.createElement(
+      Comp,
+      {
+        className: chunk7Z5LLJ3A_js.cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Card = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  "div",
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  "div",
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  "div",
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  "div",
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+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 = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  "div",
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ React33__namespace.createElement("div", { className: chunk7Z5LLJ3A_js.cn(badgeVariants({ variant }), className), ...props });
+}
+var Input = React33__namespace.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ React33__namespace.createElement(
+      "input",
+      {
+        type,
+        className: chunk7Z5LLJ3A_js.cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var labelVariants = classVarianceAuthority.cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  LabelPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive__namespace.Root.displayName;
+var Tabs = TabsPrimitive__namespace.Root;
+var TabsList = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  TabsPrimitive__namespace.List,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive__namespace.List.displayName;
+var TabsTrigger = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  TabsPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
+var TabsContent = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  TabsPrimitive__namespace.Content,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
+var Dialog = DialogPrimitive__namespace.Root;
+var DialogTrigger = DialogPrimitive__namespace.Trigger;
+var DialogPortal = DialogPrimitive__namespace.Portal;
+var DialogClose = DialogPrimitive__namespace.Close;
+var DialogOverlay = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
+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,
+    className: chunk7Z5LLJ3A_js.cn(
+      "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__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__ */ React33__namespace.createElement(
+  "div",
+  {
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React33__namespace.createElement(
+  "div",
+  {
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+var DialogDescription = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+var AlertDialog = AlertDialogPrimitive__namespace.Root;
+var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
+var AlertDialogOverlay = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  AlertDialogPrimitive__namespace.Overlay,
+  {
+    className: chunk7Z5LLJ3A_js.cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
+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,
+    className: chunk7Z5LLJ3A_js.cn(
+      "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+      className
+    ),
+    ...props
+  }
+)));
+AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React33__namespace.createElement(
+  "div",
+  {
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React33__namespace.createElement(
+  "div",
+  {
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  AlertDialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
+var AlertDialogDescription = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  AlertDialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
+var AlertDialogAction = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  AlertDialogPrimitive__namespace.Action,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
+var AlertDialogCancel = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  AlertDialogPrimitive__namespace.Cancel,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
+var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+var DropdownMenuSubTrigger = React33__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DropdownMenuPrimitive__namespace.SubTrigger,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React33__namespace.createElement(lucideReact.ChevronRight, { className: "ml-auto" })
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
+var DropdownMenuSubContent = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DropdownMenuPrimitive__namespace.SubContent,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
+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,
+    sideOffset,
+    className: chunk7Z5LLJ3A_js.cn(
+      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+)));
+DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
+var DropdownMenuItem = React33__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DropdownMenuPrimitive__namespace.Item,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
+var DropdownMenuCheckboxItem = React33__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DropdownMenuPrimitive__namespace.CheckboxItem,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props
+  },
+  /* @__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 = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DropdownMenuPrimitive__namespace.RadioItem,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props
+  },
+  /* @__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 = React33__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DropdownMenuPrimitive__namespace.Label,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
+var DropdownMenuSeparator = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DropdownMenuPrimitive__namespace.Separator,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ React33__namespace.createElement(
+    "span",
+    {
+      className: chunk7Z5LLJ3A_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var Popover = PopoverPrimitive__namespace.Root;
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
+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,
+    align,
+    sideOffset,
+    className: chunk7Z5LLJ3A_js.cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+)));
+PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
+var Progress = React33__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  ProgressPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React33__namespace.createElement(
+    ProgressPrimitive__namespace.Indicator,
+    {
+      className: "h-full w-full flex-1 bg-primary transition-all",
+      style: { transform: `translateX(-${100 - (value || 0)}%)` }
+    }
+  )
+));
+Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
+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__ */ 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 = React33__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props
+  },
+  /* @__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 = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  SelectPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__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 = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  SelectPrimitive__namespace.ScrollUpButton,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React33__namespace.createElement(lucideReact.ChevronUp, { className: "h-4 w-4" })
+));
+SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
+var SelectScrollDownButton = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  SelectPrimitive__namespace.ScrollDownButton,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React33__namespace.createElement(lucideReact.ChevronDown, { className: "h-4 w-4" })
+));
+SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
+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,
+    className: chunk7Z5LLJ3A_js.cn(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props
+  },
+  /* @__PURE__ */ React33__namespace.createElement(SelectScrollUpButton, null),
+  /* @__PURE__ */ React33__namespace.createElement(
+    SelectPrimitive__namespace.Viewport,
+    {
+      className: chunk7Z5LLJ3A_js.cn(
+        "p-1",
+        position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+      )
+    },
+    children
+  ),
+  /* @__PURE__ */ React33__namespace.createElement(SelectScrollDownButton, null)
+)));
+SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
+var SelectLabel = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  SelectPrimitive__namespace.Label,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("px-2 py-1.5 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
+var SelectItem = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  SelectPrimitive__namespace.Item,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props
+  },
+  /* @__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 = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  SelectPrimitive__namespace.Separator,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
+var Separator3 = React33__namespace.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+    SeparatorPrimitive__namespace.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: chunk7Z5LLJ3A_js.cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator3.displayName = SeparatorPrimitive__namespace.Root.displayName;
+var Sheet = DialogPrimitive__namespace.Root;
+var SheetTrigger = DialogPrimitive__namespace.Trigger;
+var SheetClose = DialogPrimitive__namespace.Close;
+var SheetPortal = DialogPrimitive__namespace.Portal;
+var SheetOverlay = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DialogPrimitive__namespace.Overlay,
+  {
+    className: chunk7Z5LLJ3A_js.cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
+var sheetVariants = classVarianceAuthority.cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+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__ */ 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__ */ React33__namespace.createElement(
+  "div",
+  {
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React33__namespace.createElement(
+  "div",
+  {
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+var SheetDescription = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+var Textarea = React33__namespace.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React33__namespace.createElement(
+    "textarea",
+    {
+      className: chunk7Z5LLJ3A_js.cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+var TooltipProvider = TooltipPrimitive__namespace.Provider;
+var Tooltip = TooltipPrimitive__namespace.Root;
+var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+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,
+    sideOffset,
+    className: chunk7Z5LLJ3A_js.cn(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+)));
+TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
+var Avatar = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  AvatarPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
+var AvatarImage = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  AvatarPrimitive__namespace.Image,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
+var AvatarFallback = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33__namespace.createElement(
+  AvatarPrimitive__namespace.Fallback,
+  {
+    ref,
+    className: chunk7Z5LLJ3A_js.cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+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,
+    width,
+    height
+  }
+}) => {
+  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;
+    if (!container || !canvas) {
+      console.error("Container or canvas not found");
+      return;
+    }
+    const containerWidth = container.clientWidth;
+    const containerHeight = container.clientHeight;
+    console.log("Container size:", { containerWidth, containerHeight });
+    canvas.width = containerWidth;
+    canvas.height = containerHeight;
+    canvas.style.width = `${containerWidth}px`;
+    canvas.style.height = `${containerHeight}px`;
+    console.log("Canvas size updated:", {
+      width: canvas.width,
+      height: canvas.height,
+      containerWidth,
+      containerHeight
+    });
+  };
+  const initBalls = () => {
+    const canvas = canvasRef.current;
+    if (!canvas) {
+      console.error("Canvas not found during ball initialization");
+      return [];
+    }
+    console.log("Initializing balls with canvas size:", {
+      width: canvas.width,
+      height: canvas.height
+    });
+    return balls.map((ballConfig) => ({
+      x: Math.random() * (canvas.width - 100) + 50,
+      y: Math.random() * (canvas.height - 100) + 50,
+      vx: (Math.random() - 0.5) * 4,
+      vy: (Math.random() - 0.5) * 4,
+      radius: ballConfig.size,
+      color: ballConfig.color,
+      text: ballConfig.label,
+      isDragging: false
+    }));
+  };
+  React33.useEffect(() => {
+    const handleResize = () => {
+      console.log("Window resized");
+      updateCanvasSize();
+    };
+    if (typeof window !== "undefined") {
+      window.addEventListener("resize", handleResize);
+      updateCanvasSize();
+    }
+    return () => {
+      if (typeof window !== "undefined") {
+        window.removeEventListener("resize", handleResize);
+      }
+    };
+  }, []);
+  React33.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) {
+      console.error("Canvas element not found");
+      return;
+    }
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      console.error("Failed to get canvas context");
+      return;
+    }
+    console.log("Starting animation setup...");
+    updateCanvasSize();
+    ballsRef.current = initBalls();
+    console.log("Balls initialized:", ballsRef.current);
+    let lastTime = performance.now();
+    let frameCount = 0;
+    const animate = (currentTime) => {
+      try {
+        frameCount++;
+        if (currentTime - lastTime >= 1e3) {
+          console.log(`FPS: ${frameCount}`);
+          frameCount = 0;
+          lastTime = currentTime;
+        }
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        ballsRef.current.forEach((ball) => {
+          if (!ball.isDragging) {
+            updatePosition(ball, canvas.width, canvas.height);
+          }
+          for (let i = 0; i < ballsRef.current.length; i++) {
+            for (let j = i + 1; j < ballsRef.current.length; j++) {
+              const ball1 = ballsRef.current[i];
+              const ball2 = ballsRef.current[j];
+              if (ball1 && ball2) {
+                checkCollision(ball1, ball2);
+              }
+            }
+          }
+          draw(ctx, ball);
+        });
+        animationRef.current = requestAnimationFrame(animate);
+      } catch (error) {
+        console.error("Animation error:", error);
+      }
+    };
+    console.log("Starting animation loop...");
+    animationRef.current = requestAnimationFrame(animate);
+    return () => {
+      console.log("Cleaning up animation...");
+      if (animationRef.current) {
+        cancelAnimationFrame(animationRef.current);
+        animationRef.current = null;
+      }
+    };
+  }, []);
+  const shake = () => {
+    setIsShaking(true);
+    ballsRef.current.forEach((ball) => {
+      ball.vx = (Math.random() - 0.5) * 10;
+      ball.vy = (Math.random() - 0.5) * 10;
+    });
+    setTimeout(() => setIsShaking(false), 200);
+  };
+  const slowdown = () => {
+    setIsShaking(true);
+    ballsRef.current.forEach((ball) => {
+      ball.vx = ball.vx * 0.5;
+      ball.vy = ball.vy * 0.5;
+    });
+    setTimeout(() => setIsShaking(false), 200);
+  };
+  const checkCollision = (ball1, ball2) => {
+    const dx = ball2.x - ball1.x;
+    const dy = ball2.y - ball1.y;
+    const distance = Math.sqrt(dx * dx + dy * dy);
+    if (distance < ball1.radius + ball2.radius) {
+      const angle = Math.atan2(dy, dx);
+      const overlap = (ball1.radius + ball2.radius - distance) / 2;
+      if (ball1.isDragging || ball2.isDragging) {
+        const draggedBall2 = ball1.isDragging ? ball1 : ball2;
+        const otherBall = ball1.isDragging ? ball2 : ball1;
+        otherBall.x += (draggedBall2 === ball1 ? 1 : -1) * overlap * Math.cos(angle);
+        otherBall.y += (draggedBall2 === ball1 ? 1 : -1) * overlap * Math.sin(angle);
+        const pushForce = 2;
+        otherBall.vx = (draggedBall2 === ball1 ? -1 : 1) * Math.cos(angle) * pushForce;
+        otherBall.vy = (draggedBall2 === ball1 ? -1 : 1) * Math.sin(angle) * pushForce;
+        return;
+      }
+      const sin = Math.sin(angle);
+      const cos = Math.cos(angle);
+      const vx1 = ball1.vx * cos + ball1.vy * sin;
+      const vy1 = ball1.vy * cos - ball1.vx * sin;
+      const vx2 = ball2.vx * cos + ball2.vy * sin;
+      const vy2 = ball2.vy * cos - ball2.vx * sin;
+      const newVx1 = vx2;
+      const newVx2 = vx1;
+      ball1.vx = newVx1 * cos - vy1 * sin;
+      ball1.vy = vy1 * cos + newVx1 * sin;
+      ball2.vx = newVx2 * cos - vy2 * sin;
+      ball2.vy = vy2 * cos + newVx2 * sin;
+      ball1.x -= overlap * Math.cos(angle);
+      ball1.y -= overlap * Math.sin(angle);
+      ball2.x += overlap * Math.cos(angle);
+      ball2.y += overlap * Math.sin(angle);
+    }
+  };
+  const updatePosition = (ball, width2, height2) => {
+    const handleBoundaryCollision = (velocity, position, boundary, radius) => {
+      let newVelocity = velocity;
+      let newPosition = position;
+      if (position - radius < 0) {
+        newPosition = radius;
+        newVelocity = Math.abs(velocity);
+      } else if (position + radius > boundary) {
+        newPosition = boundary - radius;
+        newVelocity = -Math.abs(velocity);
+      }
+      return [newVelocity, newPosition];
+    };
+    const [newVx, newX] = handleBoundaryCollision(
+      ball.vx,
+      ball.x,
+      width2,
+      ball.radius
+    );
+    const [newVy, newY] = handleBoundaryCollision(
+      ball.vy,
+      ball.y,
+      height2,
+      ball.radius
+    );
+    ball.vx = newVx;
+    ball.vy = newVy;
+    ball.x = newX;
+    ball.y = newY;
+  };
+  const draw = (ctx, ball) => {
+    ctx.beginPath();
+    ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
+    ctx.fillStyle = ball.color;
+    ctx.fill();
+    ctx.closePath();
+    if (ball.text) {
+      ctx.font = "14px Arial";
+      ctx.fillStyle = "#fff";
+      ctx.textAlign = "center";
+      ctx.textBaseline = "middle";
+      ctx.fillText(ball.text, ball.x, ball.y);
+    }
+  };
+  const handleMouseDown = (event) => {
+    const mousePos2 = getMousePos(event);
+    const ball = ballsRef.current.find((b) => {
+      const dx = b.x - mousePos2.x;
+      const dy = b.y - mousePos2.y;
+      return Math.sqrt(dx * dx + dy * dy) < b.radius;
+    });
+    if (ball) {
+      ball.isDragging = true;
+      setDraggedBall(ball);
+    }
+  };
+  const handleMouseMove = (event) => {
+    const mousePos2 = getMousePos(event);
+    setMousePos(mousePos2);
+    if (draggedBall) {
+      draggedBall.x = mousePos2.x;
+      draggedBall.y = mousePos2.y;
+      draggedBall.vx = 0;
+      draggedBall.vy = 0;
+    }
+  };
+  const handleMouseUp = () => {
+    if (draggedBall) {
+      draggedBall.isDragging = false;
+      setDraggedBall(null);
+    }
+  };
+  const getMousePos = (event) => {
+    const canvas = canvasRef.current;
+    if (!canvas) return { x: 0, y: 0 };
+    const rect = canvas.getBoundingClientRect();
+    const scaleX = canvas.width / rect.width;
+    const scaleY = canvas.height / rect.height;
+    return {
+      x: (event.clientX - rect.left) * scaleX,
+      y: (event.clientY - rect.top) * scaleY
+    };
+  };
+  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,
+      style: {
+        width: "100%",
+        height: "100%",
+        display: "block"
+        // 确保canvas正确显示
+      },
+      onMouseDown: handleMouseDown,
+      onMouseMove: handleMouseMove,
+      onMouseUp: handleMouseUp,
+      onMouseLeave: handleMouseUp
+    }
+  )), /* @__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__ */ React33__namespace.default.createElement(
+    "button",
+    {
+      onClick: slowdown,
+      className: `px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors ${isShaking ? "animate-pulse" : ""}`
+    },
+    "\u51CF\u901F"
+  )));
+};
+var themeStyles = {
+  light: "",
+  dark: "bg-[#222] text-[#eee] border-[#444]",
+  blue: "bg-[#f0f8ff] border-[#1890ff]/20"
+};
+var ProfileModal = ({
+  isOpen,
+  onClose,
+  data,
+  showAvatar = true,
+  showContacts = true,
+  showSocial = true,
+  showBio = true,
+  avatarSize = 80,
+  onAvatarClick,
+  onSocialLinkClick,
+  onContactClick,
+  themeName = "light",
+  className
+}) => {
+  const renderSocialLinks = () => {
+    if (!data.socialLinks || data.socialLinks.length === 0) return null;
+    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: 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",
+        onClick: (e) => {
+          if (onSocialLinkClick) {
+            e.preventDefault();
+            onSocialLinkClick(link.url, 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__ */ 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: 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__ */ 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__ */ 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",
+    {
+      className: "shrink-0",
+      onClick: onAvatarClick,
+      style: { cursor: onAvatarClick ? "pointer" : "default" }
+    },
+    /* @__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;
+var BadgeList = ({
+  badges,
+  className = ""
+}) => {
+  if (!badges || badges.length === 0) return null;
+  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/features/profile/internal/Stat.tsx
+var Stat = ({
+  label,
+  value,
+  icon,
+  className = ""
+}) => {
+  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/features/profile/internal/StatList.tsx
+var StatList = ({
+  stats,
+  className = ""
+}) => {
+  if (!stats || stats.length === 0) return null;
+  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/features/profile/ProfileButton.tsx
+var exampleProfileData = {
+  name: "\u5F20\u4E09",
+  avatar: "https://randomuser.me/api/portraits/men/32.jpg",
+  title: "\u9AD8\u7EA7\u524D\u7AEF\u5DE5\u7A0B\u5E08",
+  bio: "\u4E13\u6CE8\u4E8EReact\u548CNext.js\u5F00\u53D1\u7684\u524D\u7AEF\u5DE5\u7A0B\u5E08\uFF0C\u67095\u5E74\u5DE5\u4F5C\u7ECF\u9A8C\u3002\u70ED\u7231\u5F00\u6E90\uFF0C\u559C\u6B22\u5206\u4EAB\u6280\u672F\u7ECF\u9A8C\u3002",
+  contacts: {
+    "\u90AE\u7BB1": "zhangsan@example.com",
+    "\u7535\u8BDD": "138-8888-8888",
+    "\u5730\u5740": "\u4E0A\u6D77\u5E02\u6D66\u4E1C\u65B0\u533A"
+  },
+  socialLinks: [
+    { type: "GitHub", url: "https://github.com/zhangsan", icon: "\u2605" },
+    { type: "Twitter", url: "https://twitter.com/zhangsan", icon: "\u2726" },
+    { type: "LinkedIn", url: "https://linkedin.com/in/zhangsan", icon: "\u272A" }
+  ],
+  badges: [
+    { label: "React", type: "primary" },
+    { label: "Next.js", type: "success" },
+    { label: "TypeScript", type: "info" },
+    { label: "CSS", type: "default" }
+  ],
+  stats: [
+    { label: "\u9879\u76EE", value: 42 },
+    { label: "\u7C89\u4E1D", value: 1024 },
+    { label: "\u8BC4\u5206", value: "4.9" }
+  ],
+  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",
+  variant = "default",
+  size = "default",
+  className = "",
+  modalTheme = "light"
+}) => {
+  const [isModalOpen, setIsModalOpen] = React33.useState(false);
+  const openModal = () => setIsModalOpen(true);
+  const closeModal = () => setIsModalOpen(false);
+  const handleContactClick = (type, value) => {
+    if (type === "\u90AE\u7BB1") {
+      window.open(`mailto:${value}`);
+    } else if (type === "\u7535\u8BDD") {
+      window.open(`tel:${value}`);
+    }
+  };
+  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,
+      onClose: closeModal,
+      data,
+      themeName: modalTheme,
+      onContactClick: handleContactClick,
+      onSocialLinkClick: (url) => window.open(url, "_blank")
+    },
+    data.customContent,
+    data.badges && /* @__PURE__ */ React33__namespace.default.createElement(BadgeList, { badges: data.badges }),
+    data.stats && /* @__PURE__ */ React33__namespace.default.createElement(StatList, { stats: data.stats })
+  ));
+};
+var AutoOpenModal = ({
+  data,
+  delay = 500,
+  // 默认延迟500毫秒
+  themeName = "light",
+  onClose
+}) => {
+  const [isModalOpen, setIsModalOpen] = React33.useState(false);
+  React33.useEffect(() => {
+    const timer = setTimeout(() => {
+      setIsModalOpen(true);
+    }, delay);
+    return () => clearTimeout(timer);
+  }, [delay]);
+  const handleClose = () => {
+    setIsModalOpen(false);
+    if (onClose) {
+      onClose();
+    }
+  };
+  const handleContactClick = (type, value) => {
+    if (type === "\u90AE\u7BB1") {
+      window.open(`mailto:${value}`);
+    } else if (type === "\u7535\u8BDD") {
+      window.open(`tel:${value}`);
+    }
+  };
+  return /* @__PURE__ */ React33__namespace.default.createElement(
+    ProfileModal_default,
+    {
+      isOpen: isModalOpen,
+      onClose: handleClose,
+      data,
+      themeName,
+      onContactClick: handleContactClick,
+      onSocialLinkClick: (url) => window.open(url, "_blank")
+    },
+    data.badges && /* @__PURE__ */ React33__namespace.default.createElement(BadgeList, { badges: data.badges }),
+    data.stats && /* @__PURE__ */ React33__namespace.default.createElement(StatList, { stats: data.stats })
+  );
+};
+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,
+  isActive,
+  onClick
+}) => {
+  const handleClick = (e) => {
+    e.preventDefault();
+    onClick(item);
+  };
+  const getItemClasses = () => {
+    const baseClasses = `
+      group relative flex items-center gap-3
+      transition-all duration-300 ease-in-out
+      focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50
+      rounded-lg
+    `;
+    const directionClasses = direction === "vertical" ? "px-4 py-3 w-full justify-start" : "px-3 py-2 justify-center";
+    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__ */ React33__namespace.default.createElement(
+    "a",
+    {
+      href: item.href,
+      onClick: handleClick,
+      target: item.target,
+      rel: item.isExternal ? "noopener noreferrer" : void 0,
+      className: getItemClasses()
+    },
+    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",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24"
+      },
+      /* @__PURE__ */ React33__namespace.default.createElement(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+        }
+      )
+    ),
+    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/features/navigation/Navigation.tsx
+var Navigation = ({
+  config,
+  isOpen,
+  activeItemId,
+  onItemClick,
+  className = ""
+}) => {
+  const { direction, position, items, avatar, logo } = config;
+  const getContainerClasses = () => {
+    const baseClasses = `
+      fixed z-[90]
+      bg-white/95 backdrop-blur-lg
+      border border-gray-200/50
+      shadow-2xl
+      transition-all duration-500 ease-in-out
+    `;
+    if (direction === "vertical") {
+      const verticalClasses = "h-screen w-64 flex flex-col";
+      const positionClasses = position === "left" ? `left-0 top-0 ${isOpen ? "translate-x-0" : "-translate-x-full"}` : `right-0 top-0 ${isOpen ? "translate-x-0" : "translate-x-full"}`;
+      return `${baseClasses} ${verticalClasses} ${positionClasses}`;
+    } else {
+      const horizontalClasses = "w-full h-16 flex items-center";
+      const positionClasses = position === "top" ? `top-0 left-0 right-0 ${isOpen ? "translate-y-0" : "-translate-y-full"}` : `bottom-0 left-0 right-0 ${isOpen ? "translate-y-0" : "translate-y-full"}`;
+      return `${baseClasses} ${horizontalClasses} ${positionClasses}`;
+    }
+  };
+  const getContentClasses = () => {
+    if (direction === "vertical") {
+      return "flex flex-col h-full p-4";
+    } else {
+      return "flex items-center justify-between w-full px-6";
+    }
+  };
+  const getItemsListClasses = () => {
+    if (direction === "vertical") {
+      return "flex flex-col gap-2 flex-1 overflow-y-auto mt-4";
+    } else {
+      return "flex items-center gap-4";
+    }
+  };
+  const handleItemClick = (item) => {
+    if (item.isExternal) {
+      window.open(item.href, item.target || "_blank");
+    } else if (item.href.startsWith("#")) {
+      const element = document.getElementById(item.id);
+      if (element) {
+        element.scrollIntoView({ behavior: "smooth" });
+      }
+    } else {
+      window.location.href = item.href;
+    }
+    onItemClick?.(item);
+  };
+  if (!isOpen) return null;
+  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__ */ 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,
+      item,
+      direction,
+      isActive: activeItemId === item.id,
+      onClick: handleItemClick
+    }
+  ))), 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__ */ React33__namespace.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React33__namespace.default.createElement(
+    "img",
+    {
+      src: avatar.src,
+      alt: avatar.alt || "Avatar",
+      className: "w-8 h-8 rounded-full border-2 border-gray-200"
+    }
   ))));
 };
+var Navigation_default = Navigation;
+var NavigationToggle = ({
+  isOpen,
+  onClick,
+  position
+}) => {
+  const getPositionClasses = () => {
+    switch (position) {
+      case "top":
+        return "top-4 left-4";
+      case "bottom":
+        return "bottom-4 left-4";
+      case "left":
+        return "top-4 left-4";
+      case "right":
+        return "top-4 right-4";
+      default:
+        return "top-4 left-4";
+    }
+  };
+  return /* @__PURE__ */ React33__namespace.default.createElement(
+    "button",
+    {
+      onClick,
+      className: `
+        fixed ${getPositionClasses()} z-[100]
+        p-3 rounded-xl
+        bg-white/90 backdrop-blur-md
+        shadow-lg hover:shadow-xl
+        border border-gray-200/50
+        transition-all duration-300 ease-in-out
+        hover:scale-105 active:scale-95
+        focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50
+      `,
+      "aria-label": isOpen ? "\u5173\u95ED\u5BFC\u822A\u680F" : "\u6253\u5F00\u5BFC\u822A\u680F"
+    },
+    /* @__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: `
+            block w-5 h-0.5 bg-gray-600 rounded-full
+            transform transition-all duration-300 ease-in-out
+            ${isOpen ? "rotate-45 translate-y-0.5" : ""}
+          `
+      }
+    ), /* @__PURE__ */ React33__namespace.default.createElement(
+      "span",
+      {
+        className: `
+            block w-5 h-0.5 bg-gray-600 rounded-full
+            transform transition-all duration-300 ease-in-out mt-1
+            ${isOpen ? "opacity-0 scale-0" : "opacity-100 scale-100"}
+          `
+      }
+    ), /* @__PURE__ */ React33__namespace.default.createElement(
+      "span",
+      {
+        className: `
+            block w-5 h-0.5 bg-gray-600 rounded-full
+            transform transition-all duration-300 ease-in-out mt-1
+            ${isOpen ? "-rotate-45 -translate-y-2.5" : ""}
+          `
+      }
+    ))
+  );
+};
+var NavigationToggle_default = NavigationToggle;
+var FloatingMenu = ({
+  trigger,
+  menu,
+  initialPosition = { x: 20, y: 20 },
+  defaultOpen = false,
+  className = "",
+  menuClassName = "",
+  triggerClassName = "",
+  zIndex = 1e3
+}) => {
+  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);
+  }, []);
+  React33.useEffect(() => {
+    if (!mounted || !containerRef.current) return;
+    const updateMenuDirection = () => {
+      const rect = containerRef.current?.getBoundingClientRect();
+      if (!rect) return;
+      const windowWidth = window.innerWidth;
+      const middlePoint = windowWidth / 2;
+      setMenuDirection(rect.left < middlePoint ? "right" : "left");
+    };
+    updateMenuDirection();
+    window.addEventListener("resize", updateMenuDirection);
+    window.addEventListener("scroll", updateMenuDirection);
+    return () => {
+      window.removeEventListener("resize", updateMenuDirection);
+      window.removeEventListener("scroll", updateMenuDirection);
+    };
+  }, [mounted]);
+  const handleMouseDown = (e) => {
+    if (!containerRef.current) return;
+    e.stopPropagation();
+    mouseDownPosRef.current = { x: e.clientX, y: e.clientY };
+    const rect = containerRef.current.getBoundingClientRect();
+    setDragOffset({
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top
+    });
+    setHasDragged(false);
+    setIsDragging(true);
+  };
+  React33.useEffect(() => {
+    if (!isDragging) return;
+    const handleMouseMove = (e) => {
+      if (mouseDownPosRef.current) {
+        const dx = Math.abs(e.clientX - mouseDownPosRef.current.x);
+        const dy = Math.abs(e.clientY - mouseDownPosRef.current.y);
+        if (dx > 3 || dy > 3) {
+          setHasDragged(true);
+        }
+      }
+      const newX = e.clientX - dragOffset.x;
+      const newY = e.clientY - dragOffset.y;
+      const windowWidth = window.innerWidth;
+      const windowHeight = window.innerHeight;
+      setPosition({
+        x: Math.min(Math.max(newX, 0), windowWidth - 50),
+        y: Math.min(Math.max(newY, 0), windowHeight - 50)
+      });
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+      mouseDownPosRef.current = null;
+      if (dragTimerRef.current) {
+        window.clearTimeout(dragTimerRef.current);
+      }
+      dragTimerRef.current = window.setTimeout(() => {
+        setHasDragged(false);
+      }, 300);
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [isDragging, dragOffset]);
+  React33.useEffect(() => {
+    return () => {
+      if (dragTimerRef.current) {
+        window.clearTimeout(dragTimerRef.current);
+      }
+    };
+  }, []);
+  const toggleMenu = (e) => {
+    e.stopPropagation();
+    if (hasDragged) {
+      return;
+    }
+    setIsMenuOpen(!isMenuOpen);
+  };
+  React33.useEffect(() => {
+    if (!isMenuOpen) return;
+    const handleClickOutside = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setIsMenuOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isMenuOpen]);
+  React33.useEffect(() => {
+    if (!mounted) return;
+    const checkBoundaries = () => {
+      const windowWidth = window.innerWidth;
+      const windowHeight = window.innerHeight;
+      setPosition((prev) => {
+        const newX = Math.min(Math.max(prev.x, 0), windowWidth - 50);
+        const newY = Math.min(Math.max(prev.y, 0), windowHeight - 50);
+        if (newX !== prev.x || newY !== prev.y) {
+          return { x: newX, y: newY };
+        }
+        return prev;
+      });
+    };
+    window.addEventListener("resize", checkBoundaries);
+    return () => {
+      window.removeEventListener("resize", checkBoundaries);
+    };
+  }, [mounted]);
+  if (!mounted) return null;
+  return reactDom.createPortal(
+    /* @__PURE__ */ React33__namespace.default.createElement(
+      "div",
+      {
+        ref: containerRef,
+        className: `fixed select-none box-border ${className}`,
+        style: {
+          left: `${position.x}px`,
+          top: `${position.y}px`,
+          zIndex
+        }
+      },
+      /* @__PURE__ */ React33__namespace.default.createElement(
+        "div",
+        {
+          className: `
+          flex items-center justify-center 
+          w-12 h-12 md:w-12 md:h-12 
+          bg-white rounded-full 
+          shadow-md hover:shadow-lg 
+          cursor-grab active:cursor-grabbing 
+          transition-all duration-200 
+          hover:scale-105 active:scale-95
+          ${triggerClassName}
+        `,
+          onMouseDown: handleMouseDown,
+          onClick: toggleMenu
+        },
+        trigger
+      ),
+      isMenuOpen && /* @__PURE__ */ React33__namespace.default.createElement(
+        "div",
+        {
+          className: `
+            absolute top-0
+            bg-white rounded-lg shadow-xl 
+            p-3 min-w-[200px] md:min-w-[200px] max-w-[300px]
+            z-[1000] 
+            transition-all duration-200
+            ${isMenuOpen ? "opacity-100 scale-100" : "opacity-0 scale-95"}
+            ${menuDirection === "left" ? "right-[calc(100%+10px)]" : "left-[calc(100%+10px)]"}
+            ${menuClassName}
+          `,
+          onClick: (e) => e.stopPropagation(),
+          onMouseDown: (e) => e.stopPropagation(),
+          onMouseUp: (e) => e.stopPropagation(),
+          onTouchStart: (e) => e.stopPropagation(),
+          onTouchMove: (e) => e.stopPropagation(),
+          onTouchEnd: (e) => e.stopPropagation(),
+          onPointerDown: (e) => e.stopPropagation(),
+          onPointerUp: (e) => e.stopPropagation()
+        },
+        menu
+      )
+    ),
+    document.body
+  );
+};
+var FloatingMenu_default = FloatingMenu;
 
+Object.defineProperty(exports, "SearchBox", {
+  enumerable: true,
+  get: function () { return chunkIEA55H3G_js.SearchBox; }
+});
 Object.defineProperty(exports, "arrayUtils", {
   enumerable: true,
-  get: function () { return chunkNMF4ANIC_js.arrayUtils; }
+  get: function () { return chunk7Z5LLJ3A_js.arrayUtils; }
+});
+Object.defineProperty(exports, "cn", {
+  enumerable: true,
+  get: function () { return chunk7Z5LLJ3A_js.cn; }
 });
 Object.defineProperty(exports, "debugUtils", {
   enumerable: true,
-  get: function () { return chunkNMF4ANIC_js.debugUtils; }
+  get: function () { return chunk7Z5LLJ3A_js.debugUtils; }
 });
 Object.defineProperty(exports, "errorUtils", {
   enumerable: true,
-  get: function () { return chunkNMF4ANIC_js.errorUtils; }
+  get: function () { return chunk7Z5LLJ3A_js.errorUtils; }
 });
 Object.defineProperty(exports, "fileUtils", {
   enumerable: true,
-  get: function () { return chunkNMF4ANIC_js.fileUtils; }
+  get: function () { return chunk7Z5LLJ3A_js.fileUtils; }
 });
 Object.defineProperty(exports, "formatTime", {
   enumerable: true,
-  get: function () { return chunkNMF4ANIC_js.formatTime; }
+  get: function () { return chunk7Z5LLJ3A_js.formatTime; }
 });
 Object.defineProperty(exports, "japaneseUtils", {
   enumerable: true,
-  get: function () { return chunkNMF4ANIC_js.japaneseUtils; }
+  get: function () { return chunk7Z5LLJ3A_js.japaneseUtils; }
 });
 Object.defineProperty(exports, "stringUtils", {
   enumerable: true,
-  get: function () { return chunkNMF4ANIC_js.stringUtils; }
+  get: function () { return chunk7Z5LLJ3A_js.stringUtils; }
 });
 Object.defineProperty(exports, "validators", {
   enumerable: true,
-  get: function () { return chunkNMF4ANIC_js.validators; }
+  get: function () { return chunk7Z5LLJ3A_js.validators; }
 });
 Object.defineProperty(exports, "useAsyncStorage", {
   enumerable: true,
@@ -742,10 +2692,111 @@ 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;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.AutoOpenModal = AutoOpenModal;
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
 exports.BackgroundRemover = BackgroundRemover;
+exports.Badge = Badge;
+exports.Button = Button;
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+exports.CollisionBalls = CollisionBalls;
+exports.Contact = Contact_default;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+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;
+exports.Label = Label;
+exports.Navigation = Navigation_default;
+exports.NavigationItem = NavigationItem_default;
+exports.NavigationToggle = NavigationToggle_default;
 exports.OCRScanner = OCRScanner;
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.ProfileButton = ProfileButton;
+exports.ProfileModal = ProfileModal;
+exports.Progress = Progress;
+exports.ScrollArea = ScrollArea;
+exports.ScrollBar = ScrollBar;
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
 exports.SentimentAnalyzer = SentimentAnalyzer;
+exports.Separator = Separator3;
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetOverlay = SheetOverlay;
+exports.SheetPortal = SheetPortal;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
 exports.SmartAssistant = SmartAssistant;
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.Textarea = Textarea;
+exports.Timeline = Timeline;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+exports.badgeVariants = badgeVariants;
+exports.buttonVariants = buttonVariants;
 exports.useBackgroundRemoval = useBackgroundRemoval;
 exports.useOCR = useOCR;
 exports.useSentimentAnalysis = useSentimentAnalysis;