@blocklet/discuss-kit-ux 2.4.38 → 2.4.40

package/dist/components/auto-translate/auto-translate-button.mjs

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AddonButton } from "@arcblock/ux/lib/Header/addon-button";
-import LanguageIcon from "virtual:icons/tabler/language";
-import SettingsIcon from "virtual:icons/tabler/settings";
+import { Icon } from "@iconify/react";
+import LanguageIcon from "@iconify/icons-tabler/language";
+import SettingsIcon from "@iconify/icons-tabler/settings";
 import { Box, Link, Tooltip, Typography } from "@mui/material";
 import { useAutoTranslateStore, useTargetLanguage } from "./store.mjs";
 import { useEditorStoreAdapter } from "./editor-store-adaptor.mjs";
@@ -26,7 +27,7 @@ function InternalAutoTranslateHeaderAddon({ ...rest }) {
       /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
         "Target language: ",
         targetLanguageName,
-        !!session?.user && /* @__PURE__ */ jsx(Link, { href: "/.well-known/service/user/settings", sx: { lineHeight: 1 }, children: /* @__PURE__ */ jsx(Box, { component: SettingsIcon, sx: { fontSize: 12 } }) })
+        !!session?.user && /* @__PURE__ */ jsx(Link, { href: "/.well-known/service/user/settings", sx: { lineHeight: 1 }, children: /* @__PURE__ */ jsx(Box, { component: Icon, icon: SettingsIcon, sx: { fontSize: 12 } }) })
       ] })
     ] }) });
   };
@@ -38,7 +39,7 @@ function InternalAutoTranslateHeaderAddon({ ...rest }) {
         variant: "contained",
         sx: { color: "primary.contrastText" }
       },
-      icon: /* @__PURE__ */ jsx(LanguageIcon, {}),
+      icon: /* @__PURE__ */ jsx(Icon, { icon: LanguageIcon }),
       ...rest,
       onClick: () => autoTranslate ? disableAutoTranslate() : enableAutoTranslate()
     }

package/dist/components/blog/cover-image.mjs

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, IconButton, Skeleton } from "@mui/material";
-import UploadIcon from "virtual:icons/material-symbols/upload";
+import { Icon } from "@iconify/react";
+import UploadIcon from "@iconify/icons-material-symbols/upload";
 import { useState } from "react";
 import { DeleteOutlineOutlined as DeleteOutlineOutlinedIcon } from "@mui/icons-material";
 import { UploaderTrigger, getUploadedImageUrl } from "../uploader/index.mjs";
@@ -123,7 +124,7 @@ export function CoverImageUpload({ url, onChange, width, ...rest }) {
                   transform: "translate(-50%, -50%)",
                   color: "grey.500"
                 },
-                children: /* @__PURE__ */ jsx(UploadIcon, { style: { fontSize: 24 } })
+                children: /* @__PURE__ */ jsx(Icon, { icon: UploadIcon, style: { fontSize: 24 } })
               }
             )
           }

package/dist/components/chat/channel-group.mjs

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
 import { amber } from "@mui/material/colors";
-import UsersGroupIcon from "virtual:icons/tabler/users-group";
+import { Icon } from "@iconify/react";
+import UsersGroupIcon from "@iconify/icons-tabler/users-group";
 export default function ChannelGroup({ size = "normal", chat, children, ...rest }) {
   const sm = size === "sm";
   const iconSize = sm ? 40 : 48;
@@ -20,7 +21,7 @@ export default function ChannelGroup({ size = "normal", chat, children, ...rest
           p: 0.8,
           borderRadius: "100%"
         },
-        children: /* @__PURE__ */ jsx(Box, { component: UsersGroupIcon, sx: { fontSize: 16, color: amber[700], width: iconSize } })
+        children: /* @__PURE__ */ jsx(Box, { component: Icon, icon: UsersGroupIcon, sx: { fontSize: 16, color: amber[700], width: iconSize } })
       }
     ),
     /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", height: "100%", justifyContent: "space-between" }, children: [

package/dist/components/chat/chat-header-addon.mjs

@@ -2,7 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { Link } from "react-router-dom";
 import { Badge } from "@mui/material";
 import { AddonButton } from "@arcblock/ux/lib/Header/addon-button";
-import MessageCircleIcon from "virtual:icons/tabler/message-circle";
+import { Icon } from "@iconify/react";
+import MessageCircleIcon from "@iconify/icons-tabler/message-circle";
 import { useUnreadNotification } from "./unread-notification.mjs";
 import preferences from "../../preferences.mjs";
 export default function ChatHeaderAddon({ ...rest }) {
@@ -16,7 +17,7 @@ export default function ChatHeaderAddon({ ...rest }) {
       AddonButton,
       {
         size: "medium",
-        icon: /* @__PURE__ */ jsx(Badge, { color: "error", invisible: !unread, badgeContent: unreadMessageCount, children: /* @__PURE__ */ jsx(MessageCircleIcon, {}) }),
+        icon: /* @__PURE__ */ jsx(Badge, { color: "error", invisible: !unread, badgeContent: unreadMessageCount, children: /* @__PURE__ */ jsx(Icon, { icon: MessageCircleIcon }) }),
         ...rest,
         component: Link,
         to: "/chat"

package/dist/components/chat/chat-in-wallet.mjs

@@ -4,7 +4,8 @@ import { useParams } from "react-router-dom";
 import { Backdrop, useMediaQuery } from "@mui/material";
 import Box from "@mui/material/Box";
 import CircularProgress from "@mui/material/CircularProgress";
-import ChatBubbleEmptyIcon from "virtual:icons/iconoir/chat-bubble-empty";
+import { Icon } from "@iconify/react";
+import ChatBubbleEmptyIcon from "@iconify/icons-iconoir/chat-bubble-empty";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import ChatRoom from "./chat-room.mjs";
 import { useChatContext } from "./context.mjs";
@@ -22,7 +23,7 @@ function Empty({ sx }) {
     ...Array.isArray(sx) ? sx : [sx]
   ];
   return /* @__PURE__ */ jsxs(Box, { sx: mergedSx, children: [
-    /* @__PURE__ */ jsx(ChatBubbleEmptyIcon, { style: { fontSize: 32 } }),
+    /* @__PURE__ */ jsx(Icon, { icon: ChatBubbleEmptyIcon, style: { fontSize: 32 } }),
     /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: 14, fontWeight: 500 }, children: t("chat.noChats") })
   ] });
 }

package/dist/components/chat/chat-input.mjs

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Button, CircularProgress } from "@mui/material";
-import SendIcon from "virtual:icons/tabler/send";
-import LetterCaseIcon from "virtual:icons/tabler/letter-case";
+import { Icon } from "@iconify/react";
+import SendIcon from "@iconify/icons-tabler/send";
+import LetterCaseIcon from "@iconify/icons-tabler/letter-case";
 import { useIsFocused } from "@blocklet/editor/lib/main/hooks/useIsFocused";
 import { BusyPlugin } from "@blocklet/editor/lib/ext/BusyPlugin";
 import { useEffect, useState } from "react";
@@ -201,7 +202,7 @@ export function ChatInput({ initialContent, send, onContentChange, onFocusChange
                     bgcolor: "grey.300",
                     borderRadius: "100%"
                   },
-                  children: /* @__PURE__ */ jsx(Box, { component: SendIcon, sx: { fontSize: 13, color: "text.secondary" } })
+                  children: /* @__PURE__ */ jsx(Box, { component: Icon, icon: SendIcon, sx: { fontSize: 13, color: "text.secondary" } })
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -263,7 +264,7 @@ export function ChatInput({ initialContent, send, onContentChange, onFocusChange
                   color: "primary",
                   variant: "text",
                   onMouseDown: onToolbarBtnMouseDown,
-                  startIcon: /* @__PURE__ */ jsx(Box, { component: LetterCaseIcon, sx: { fontSize: "14px !important" } }),
+                  startIcon: /* @__PURE__ */ jsx(Box, { component: Icon, icon: LetterCaseIcon, sx: { fontSize: "14px !important" } }),
                   sx: {
                     width: 32,
                     height: 28,
@@ -281,7 +282,7 @@ export function ChatInput({ initialContent, send, onContentChange, onFocusChange
                   variant: "contained",
                   disabled: !content || editorBusy,
                   onMouseDown: onSendBtnMouseDown,
-                  startIcon: editorBusy ? /* @__PURE__ */ jsx(CircularProgress, { size: 12 }) : /* @__PURE__ */ jsx(Box, { component: SendIcon, sx: { fontSize: "14px !important" } }),
+                  startIcon: editorBusy ? /* @__PURE__ */ jsx(CircularProgress, { size: 12 }) : /* @__PURE__ */ jsx(Box, { component: Icon, icon: SendIcon, sx: { fontSize: "14px !important" } }),
                   sx: { height: 28 },
                   children: t("chat.send")
                 }

package/dist/components/chat/chat-list-in-wallet.mjs

@@ -2,7 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Backdrop, Divider } from "@mui/material";
 import Box from "@mui/material/Box";
 import CircularProgress from "@mui/material/CircularProgress";
-import ChatBubbleEmptyIcon from "virtual:icons/iconoir/chat-bubble-empty";
+import { Icon } from "@iconify/react";
+import ChatBubbleEmptyIcon from "@iconify/icons-iconoir/chat-bubble-empty";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import { useEffect } from "react";
 import bridge from "@arcblock/bridge";
@@ -28,7 +29,7 @@ function Empty({ sx }) {
     ...Array.isArray(sx) ? sx : [sx]
   ];
   return /* @__PURE__ */ jsxs(Box, { sx: mergedSx, children: [
-    /* @__PURE__ */ jsx(ChatBubbleEmptyIcon, { style: { fontSize: 32 } }),
+    /* @__PURE__ */ jsx(Icon, { icon: ChatBubbleEmptyIcon, style: { fontSize: 32 } }),
     /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: 14, fontWeight: 500 }, children: t("chat.noChats") })
   ] });
 }

package/dist/components/chat/chat-room.mjs

@@ -6,7 +6,8 @@ import CircularProgress from "@mui/material/CircularProgress";
 import { Backdrop, Stack, useMediaQuery } from "@mui/material";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import { useTheme } from "@mui/material/styles";
-import UsersPlusIcon from "virtual:icons/tabler/users-plus";
+import { Icon } from "@iconify/react";
+import UsersPlusIcon from "@iconify/icons-tabler/users-plus";
 import { useLocalStorageState } from "ahooks";
 import { EditorConfigProvider } from "@blocklet/editor";
 import MessageList from "./message-list.mjs";
@@ -124,7 +125,7 @@ export default function ChatRoom({ chat, inWallet, ...rest }) {
               variant: "contained",
               color: "primary",
               onClick: () => joinChannel(chat.id),
-              startIcon: /* @__PURE__ */ jsx(Box, { component: UsersPlusIcon, sx: { fontSize: "16px!important" } }),
+              startIcon: /* @__PURE__ */ jsx(Box, { component: Icon, icon: UsersPlusIcon, sx: { fontSize: "16px!important" } }),
               children: t("chat.joinChannel")
             }
           ),

package/dist/components/chat/chat.mjs

@@ -4,7 +4,8 @@ import { Backdrop, useMediaQuery } from "@mui/material";
 import Box from "@mui/material/Box";
 import IconButton from "@mui/material/IconButton";
 import CircularProgress from "@mui/material/CircularProgress";
-import ChatBubbleEmptyIcon from "virtual:icons/iconoir/chat-bubble-empty";
+import { Icon } from "@iconify/react";
+import ChatBubbleEmptyIcon from "@iconify/icons-iconoir/chat-bubble-empty";
 import { Add as AddIcon } from "@mui/icons-material";
 import { Helmet } from "react-helmet";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
@@ -27,7 +28,7 @@ function Empty({ sx }) {
     ...Array.isArray(sx) ? sx : [sx]
   ];
   return /* @__PURE__ */ jsxs(Box, { sx: mergedSx, children: [
-    /* @__PURE__ */ jsx(ChatBubbleEmptyIcon, { style: { fontSize: 32 } }),
+    /* @__PURE__ */ jsx(Icon, { icon: ChatBubbleEmptyIcon, style: { fontSize: 32 } }),
     /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: 14, fontWeight: 500 }, children: t("chat.noChats") })
   ] });
 }

package/dist/components/chat/user-search.mjs

@@ -4,7 +4,8 @@ import { Autocomplete, Backdrop, Box, InputAdornment, TextField, Typography } fr
 import { useState } from "react";
 import { useRequest } from "ahooks";
 import DID from "@arcblock/ux/lib/DID";
-import SearchIcon from "virtual:icons/tabler/search";
+import { Icon } from "@iconify/react";
+import SearchIcon from "@iconify/icons-tabler/search";
 import { useNavigate } from "react-router-dom";
 import ReactDOM from "react-dom";
 import { mergeSx } from "../utils.mjs";
@@ -126,7 +127,7 @@ export function UserSearch({ sx, inputSx, ...rest }) {
                 ...params.InputProps,
                 type: "search",
                 sx: inputSx,
-                startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(Box, { component: SearchIcon, sx: { fontSize: 14 } }) })
+                startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(Box, { component: Icon, icon: SearchIcon, sx: { fontSize: 14 } }) })
               }
             }
           }

package/dist/components/input/comment-input.mjs

@@ -6,7 +6,8 @@ import Alert from "@mui/material/Alert";
 import Box from "@mui/material/Box";
 import isBoolean from "lodash/isBoolean";
 import { useContext } from "react";
-import LanguageMarkdownIcon from "virtual:icons/mdi/language-markdown";
+import { Icon } from "@iconify/react";
+import LanguageMarkdownIcon from "@iconify/icons-mdi/language-markdown";
 import Input from "./input.mjs";
 export default function CommentInput({
   disabledSend,
@@ -53,7 +54,7 @@ export default function CommentInput({
                   component: "span",
                   sx: { display: "inline-flex", alignItems: "center", mr: 0.5, lineHeight: 1 },
                   title: "Styling with Markdown is supported",
-                  children: /* @__PURE__ */ jsx(LanguageMarkdownIcon, { style: { fontSize: 16 } })
+                  children: /* @__PURE__ */ jsx(Icon, { icon: LanguageMarkdownIcon, style: { fontSize: 16 } })
                 }
               )
             }

package/dist/components/label-picker.mjs

@@ -2,7 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Link } from "react-router-dom";
 import Box from "@mui/material/Box";
 import { LabelPicker as InnerLabelPicker } from "@blocklet/labels";
-import EditOutlineIcon from "virtual:icons/material-symbols/edit-outline";
+import { Icon } from "@iconify/react";
+import EditOutlineIcon from "@iconify/icons-material-symbols/edit-outline";
 import { AccessControl, useAuthzContext } from "./authz/index.mjs";
 export function SecureLabelPicker(props) {
   const { isAdmin } = useAuthzContext();
@@ -31,7 +32,7 @@ export function SecureLabelPicker(props) {
           textDecoration: "none"
         },
         children: [
-          /* @__PURE__ */ jsx(EditOutlineIcon, {}),
+          /* @__PURE__ */ jsx(Icon, { icon: EditOutlineIcon }),
           /* @__PURE__ */ jsx("span", { children: "Edit labels" })
         ]
       }

package/dist/components/posts/comment.mjs

@@ -7,9 +7,9 @@ import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import { red } from "@mui/material/colors";
 import MuiMenuItem from "@mui/material/MenuItem";
-import { Icon } from "@iconify/react";
 import { Suspense, useState } from "react";
-import PinnedIcon from "virtual:icons/tabler/pinned";
+import { Icon } from "@iconify/react";
+import PinnedIcon from "@iconify/icons-tabler/pinned";
 import preferences from "../../preferences.mjs";
 import { useConfirm } from "../confirm.mjs";
 import { useSessionContext } from "../hooks/index.mjs";
@@ -79,7 +79,7 @@ export default function Comment({
             py: 0.25
           },
           children: [
-            /* @__PURE__ */ jsx(Box, { component: PinnedIcon, sx: { fontSize: 12 } }),
+            /* @__PURE__ */ jsx(Box, { component: Icon, icon: PinnedIcon, sx: { fontSize: 12 } }),
             t("pinned")
           ]
         }

package/dist/components/posts/post.mjs

@@ -6,7 +6,8 @@ import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import MuiMenuItem from "@mui/material/MenuItem";
 import clsx from "clsx";
 import { useInViewport } from "ahooks";
-import ArrowForwardUpIcon from "virtual:icons/tabler/arrow-forward-up";
+import { Icon } from "@iconify/react";
+import ArrowForwardUpIcon from "@iconify/icons-tabler/arrow-forward-up";
 import { Stack } from "@mui/material";
 import RelativeTime from "../shared/relative-time.mjs";
 import { AuthorInfo } from "../avatars/index.mjs";
@@ -151,7 +152,7 @@ export default function PostComponent({
                   ".did-address-text": { color: "primary.light" }
                 },
                 children: [
-                  /* @__PURE__ */ jsx(Box, { component: ArrowForwardUpIcon }),
+                  /* @__PURE__ */ jsx(Box, { component: Icon, icon: ArrowForwardUpIcon }),
                   /* @__PURE__ */ jsx("span", { children: "Reply to" }),
                   /* @__PURE__ */ jsx(Box, { component: "span", children: post.replyTo.fullName })
                 ]

package/dist/components/rating/binary-thumb.mjs

@@ -3,7 +3,8 @@ import { useMemo, useState } from "react";
 import { styled } from "@arcblock/ux/lib/Theme";
 import Box from "@mui/material/Box";
 import clsx from "clsx";
-import ThumbUpIcon from "virtual:icons/iconoir/thumbs-up";
+import { Icon } from "@iconify/react";
+import ThumbUpIcon from "@iconify/icons-iconoir/thumbs-up";
 import RaterList from "./rater-list.mjs";
 import Rating from "./rating.mjs";
 import { useSessionContext } from "../hooks/index.mjs";
@@ -34,7 +35,11 @@ export default function BinaryThumb({ data = [], variant = "default", size = "sm
       setLoading(false);
     };
     return /* @__PURE__ */ jsx(Root, { children: options.map((option) => {
-      const icon = option.value === "-1" ? /* @__PURE__ */ jsx(ThumbUpIcon, { style: { transform: "rotate(180deg)" } }) : /* @__PURE__ */ jsx(ThumbUpIcon, {});
+      const iconStyle = {};
+      if (option.value === "-1") {
+        iconStyle.transform = "rotate(180deg)";
+      }
+      const icon = /* @__PURE__ */ jsx(Icon, { icon: ThumbUpIcon, style: iconStyle });
       return /* @__PURE__ */ jsxs("div", { className: "reaction-item", children: [
         /* @__PURE__ */ jsx(
           IconButton,

package/dist/components/rating/github-reaction.mjs

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Box, Chip, ClickAwayListener, Tooltip, alpha } from "@mui/material";
-import MoodPlusIcon from "virtual:icons/tabler/mood-plus";
+import { Icon } from "@iconify/react";
+import MoodPlusIcon from "@iconify/icons-tabler/mood-plus";
 import { useSessionContext } from "../hooks/index.mjs";
 import { IconButton } from "../icon-button.mjs";
 const emojiFont = {
@@ -85,7 +86,7 @@ export default function GithubReaction({
   };
   const mergedSx = [{ position: "relative", ...hasReaction && { mt: 2.5 } }, ...Array.isArray(sx) ? sx : [sx]];
   return /* @__PURE__ */ jsxs(IconButton, { onClick: handleOpen, sx: mergedSx, ...rest, children: [
-    /* @__PURE__ */ jsx(Box, { component: MoodPlusIcon }),
+    /* @__PURE__ */ jsx(Box, { component: Icon, icon: MoodPlusIcon }),
     hasReaction && /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top: -24, left: 5, display: "flex", gap: 1 }, children: options.map((option) => {
       if (!countPerValue[option.value]) {
         return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.4.38",
+  "version": "2.4.40",
   "files": [
     "dist"
   ],
@@ -19,17 +19,20 @@
     "@arcblock/react-hooks": "^3.1.5",
     "@arcblock/ws": "^1.21.2",
     "@blocklet/js-sdk": "^1.16.48",
-    "@blocklet/uploader": "^0.2.6",
+    "@blocklet/uploader": "^0.2.7",
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
+    "@iconify/icons-iconoir": "^1.2.30",
+    "@iconify/icons-material-symbols": "^1.2.58",
+    "@iconify/icons-mdi": "^1.2.48",
+    "@iconify/icons-tabler": "^1.2.95",
     "@iconify/react": "^4.1.1",
     "@lexical/react": "^0.30.0",
     "@lexical/text": "^0.30.0",
     "ahooks": "^3.8.1",
     "axios": "^0.27.2",
     "dayjs": "^1.11.13",
-    "franc-min": "^6.2.0",
     "js-cookie": "^3.0.5",
     "lexical": "^0.30.0",
     "lottie-react": "^2.4.0",
@@ -44,12 +47,12 @@
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/editor": "2.4.38",
-    "@blocklet/labels": "2.4.38"
+    "@blocklet/editor": "2.4.40",
+    "@blocklet/labels": "2.4.40"
   },
   "peerDependencies": {
-    "@arcblock/did-connect-react": "^3.1.4",
-    "@arcblock/ux": "^3.1.4",
+    "@arcblock/did-connect-react": "^3.1.5",
+    "@arcblock/ux": "^3.1.5",
     "@mui/icons-material": "^7.1.2",
     "@mui/lab": "^7.0.0-beta.14",
     "@mui/material": "^7.1.2",
@@ -62,10 +65,6 @@
   "devDependencies": {
     "@arcblock/eslint-config-ts": "^0.3.3",
     "@babel/core": "^7.25.2",
-    "@blocklet/sdk": "^1.16.48",
-    "@iconify-json/iconoir": "^1.2.1",
-    "@iconify-json/material-symbols": "^1.2.1",
-    "@iconify-json/mdi": "^1.2.0",
     "@storybook/addon-actions": "^6.5.16",
     "@storybook/addon-essentials": "^6.5.16",
     "@storybook/addon-interactions": "^6.5.16",
@@ -82,13 +81,10 @@
     "babel-loader": "^8.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "rollup-plugin-node-externals": "^7.1.3",
     "typescript": "^4.9.5",
     "unbuild": "^3.6.0",
-    "unplugin-icons": "^0.14.15",
     "vite": "^7.0.0",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-libcss": "^1.1.2"
+    "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
     "build": "unbuild",