@soroush.tech/design-system 2.0.0-rc.3 → 2.0.0-rc.5

package/dist/{Icon-D-EWsBVg.cjs → Icon-C5Iz5ekp.cjs}

@@ -1,10 +1,10 @@
-const require_src = require("./src-DU81aGy9.cjs");
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-BxXuXRgQ.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
-//#region src/Icon/icons/AccountTree.tsx
+// src/Icon/icons/AccountTree.tsx
 const SvgAccountTree = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "currentColor",
@@ -12,8 +12,7 @@ const SvgAccountTree = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("sv
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M604-120v-125H450v-410h-93v130H80v-315h277v125h247v-125h276v315H604v-130h-94v350h94v-130h276v315H604ZM140-780v195-195Zm524 405v195-195Zm0-405v195-195Zm0 195h156v-195H664v195Zm0 405h156v-195H664v195ZM140-585h157v-195H140v195Z" })
 });
-//#endregion
-//#region src/Icon/icons/Add.tsx
+// src/Icon/icons/Add.tsx
 const SvgAdd = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -21,8 +20,15 @@ const SvgAdd = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" })
 });
-//#endregion
-//#region src/Icon/icons/AdsClick.tsx
+// src/Icon/icons/AddCircle.tsx
+const SvgAddCircle = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" })
+});
+// src/Icon/icons/AdsClick.tsx
 const SvgAdsClick = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -30,8 +36,7 @@ const SvgAdsClick = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M11.7 18q-2.4-.125-4.05-1.85T6 12q0-2.5 1.75-4.25T12 6q2.425 0 4.15 1.65T18 11.7l-2.1-.625q-.325-1.35-1.4-2.212T12 8q-1.65 0-2.825 1.175T8 12q0 1.425.863 2.5t2.212 1.4zm1.2 3.95q-.225.05-.45.05H12q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12v.45q0 .225-.05.45L20 12.3V12q0-3.35-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20h.3zm7.625.55l-4.275-4.275L15 22l-3-10l10 3l-3.775 1.25l4.275 4.275z" })
 });
-//#endregion
-//#region src/Icon/icons/Analytics.tsx
+// src/Icon/icons/Analytics.tsx
 const SvgAnalytics = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -39,8 +44,7 @@ const SvgAnalytics = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg"
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M280-280h80v-200h-80v200Zm320 0h80v-400h-80v400Zm-160 0h80v-120h-80v120Zm0-200h80v-80h-80v80ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z" })
 });
-//#endregion
-//#region src/Icon/icons/Architecture.tsx
+// src/Icon/icons/Architecture.tsx
 const SvgArchitecture = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -48,8 +52,7 @@ const SvgArchitecture = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("s
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 3L2 8h20L12 3z M5 9h2v10H5V9z M11 9h2v10h-2V9z M17 9h2v10h-2V9z M3 20h18v2H3V20z" })
 });
-//#endregion
-//#region src/Icon/icons/ArrowBack.tsx
+// src/Icon/icons/ArrowBack.tsx
 const SvgArrowBack = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -57,8 +60,7 @@ const SvgArrowBack = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg"
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.4-1.45L7.83 13H20z" })
 });
-//#endregion
-//#region src/Icon/icons/ArrowForward.tsx
+// src/Icon/icons/ArrowForward.tsx
 const SvgArrowForward = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -66,8 +68,7 @@ const SvgArrowForward = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("s
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m12 20l-1.4-1.45L16.15 13H4v-2h12.15L10.6 5.45L12 4l8 8z" })
 });
-//#endregion
-//#region src/Icon/icons/ArrowUpward.tsx
+// src/Icon/icons/ArrowUpward.tsx
 const SvgArrowUpward = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -75,8 +76,15 @@ const SvgArrowUpward = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("sv
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.58L20 12l-8-8z" })
 });
-//#endregion
-//#region src/Icon/icons/Check.tsx
+// src/Icon/icons/Article.tsx
+const SvgArticle = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z" })
+});
+// src/Icon/icons/Check.tsx
 const SvgCheck = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -84,8 +92,15 @@ const SvgCheck = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" })
 });
-//#endregion
-//#region src/Icon/icons/ChevronLeft.tsx
+// src/Icon/icons/CheckCircle.tsx
+const SvgCheckCircle = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
+});
+// src/Icon/icons/ChevronLeft.tsx
 const SvgChevronLeft = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -93,8 +108,7 @@ const SvgChevronLeft = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("sv
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" })
 });
-//#endregion
-//#region src/Icon/icons/ChevronRight.tsx
+// src/Icon/icons/ChevronRight.tsx
 const SvgChevronRight = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -102,8 +116,7 @@ const SvgChevronRight = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("s
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" })
 });
-//#endregion
-//#region src/Icon/icons/Checklist.tsx
+// src/Icon/icons/Checklist.tsx
 const SvgChecklist = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
@@ -140,8 +153,7 @@ const SvgChecklist = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg
 		})
 	]
 });
-//#endregion
-//#region src/Icon/icons/CloudDone.tsx
+// src/Icon/icons/CloudDone.tsx
 const SvgCloudDone = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -149,8 +161,7 @@ const SvgCloudDone = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg"
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m412-279 230-230-40-40-189 189-100-100-41 41 140 140ZM251-160q-88 0-149.5-61.5T40-371q0-78 50-137t127-71q20-97 94-158.5T482-799q112 0 189 81.5T748-522v24q72-2 122 46.5T920-329q0 69-50 119t-119 50H251Zm0-60h500q45 0 77-32t32-77q0-45-32-77t-77-32h-63v-84q0-91-61-154t-149-63q-88 0-149.5 63T267-522h-19q-62 0-105 43.5T100-371q0 63 44 107t107 44Zm229-260Z" })
 });
-//#endregion
-//#region src/Icon/icons/Close.tsx
+// src/Icon/icons/Close.tsx
 const SvgClose = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -158,8 +169,7 @@ const SvgClose = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z" })
 });
-//#endregion
-//#region src/Icon/icons/Code.tsx
+// src/Icon/icons/Code.tsx
 const SvgCode = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -167,8 +177,7 @@ const SvgCode = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M320-242 80-482l242-242 43 43-199 199 197 197-43 43Zm318 2-43-43 199-199-197-197 43-43 240 240-242 242Z" })
 });
-//#endregion
-//#region src/Icon/icons/ContentCopy.tsx
+// src/Icon/icons/ContentCopy.tsx
 const SvgContentCopy = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -176,8 +185,7 @@ const SvgContentCopy = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("sv
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z" })
 });
-//#endregion
-//#region src/Icon/icons/Cookie.tsx
+// src/Icon/icons/Cookie.tsx
 const SvgCookie = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -185,8 +193,15 @@ const SvgCookie = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 2a10 10 0 0 0-10 10 10 10 0 0 0 10 10 10 10 0 0 0 10-10c0-.5 0-.94-.13-1.41a3.5 3.5 0 0 1-2.37.91 3.5 3.5 0 0 1-3.5-3.5c0-.5.13-1 .31-1.44a3.49 3.49 0 0 1-2.81-3.43c0-.45.08-.89.25-1.29C13.46 2.27 12.74 2 12 2M8.5 8A1.5 1.5 0 0 1 10 9.5 1.5 1.5 0 0 1 8.5 11 1.5 1.5 0 0 1 7 9.5 1.5 1.5 0 0 1 8.5 8M14 12a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m-5 3a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 9 18a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 9 15Z" })
 });
-//#endregion
-//#region src/Icon/icons/Database.tsx
+// src/Icon/icons/DarkMode.tsx
+const SvgDarkMode = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26 5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z" })
+});
+// src/Icon/icons/Database.tsx
 const SvgDatabase = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -194,8 +209,7 @@ const SvgDatabase = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M18.375 9.825Q21 8.65 21 7t-2.625-2.825T12 3T5.625 4.175T3 7t2.625 2.825T12 11t6.375-1.175m-3.812 3.463q1.537-.213 2.962-.688t2.45-1.237T21 9.5V12q0 1.1-1.025 1.863t-2.45 1.237t-2.962.688T12 16t-2.562-.213t-2.963-.687t-2.45-1.237T3 12V9.5q0 1.1 1.025 1.863t2.45 1.237t2.963.688T12 13.5t2.563-.213m0 5q1.537-.212 2.962-.687t2.45-1.237T21 14.5V17q0 1.1-1.025 1.863t-2.45 1.237t-2.962.688T12 21t-2.562-.213t-2.963-.687t-2.45-1.237T3 17v-2.5q0 1.1 1.025 1.863t2.45 1.237t2.963.688T12 18.5t2.563-.213" })
 });
-//#endregion
-//#region src/Icon/icons/DesktopWindows.tsx
+// src/Icon/icons/DesktopWindows.tsx
 const SvgDesktopWindows = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -203,8 +217,7 @@ const SvgDesktopWindows = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 21v-2h2v-2H4q-.825 0-1.412-.587T2 15V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v10q0 .825-.587 1.413T20 17h-6v2h2v2z" })
 });
-//#endregion
-//#region src/Icon/icons/Dns.tsx
+// src/Icon/icons/Dns.tsx
 const SvgDns = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#ffffff",
@@ -212,8 +225,7 @@ const SvgDns = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19 15H5c-1.1 0-2 .9-2 2v4h18v-4c0-1.1-.9-2-2-2zM7 20H5v-2h2v2zm12 0h-2v-2h2v2zM19 5H5C3.9 5 3 5.9 3 7v4h18V7c0-1.1-.9-2-2-2zM7 10H5V8h2v2zm12 0h-2V8h2v2z" })
 });
-//#endregion
-//#region src/Icon/icons/EditNote.tsx
+// src/Icon/icons/EditNote.tsx
 const SvgEditNote = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -221,8 +233,15 @@ const SvgEditNote = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M120-400v-60h300v60H120Zm0-165v-60h470v60H120Zm0-165v-60h470v60H120Zm400 610v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q9 9 13 20t4 22q0 11-4.5 22.5T862-340L642-120H520Zm300-263-37-37 37 37ZM580-180h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z" })
 });
-//#endregion
-//#region src/Icon/icons/ExpandLess.tsx
+// src/Icon/icons/ErrorCircle.tsx
+const SvgErrorCircle = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" })
+});
+// src/Icon/icons/ExpandLess.tsx
 const SvgExpandLess = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -230,8 +249,7 @@ const SvgExpandLess = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" })
 });
-//#endregion
-//#region src/Icon/icons/ExpandMore.tsx
+// src/Icon/icons/ExpandMore.tsx
 const SvgExpandMore = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -239,8 +257,7 @@ const SvgExpandMore = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" })
 });
-//#endregion
-//#region src/Icon/icons/ExternalLink.tsx
+// src/Icon/icons/ExternalLink.tsx
 const SvgExternalLink = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
@@ -267,8 +284,7 @@ const SvgExternalLink = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("
 		})
 	]
 });
-//#endregion
-//#region src/Icon/icons/FirstPage.tsx
+// src/Icon/icons/FirstPage.tsx
 const SvgFirstPage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -276,8 +292,7 @@ const SvgFirstPage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg"
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M18.41 16.59 13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z" })
 });
-//#endregion
-//#region src/Icon/icons/Folder.tsx
+// src/Icon/icons/Folder.tsx
 const SvgFolder = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -285,8 +300,7 @@ const SvgFolder = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M140-160q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h240l80 80h360q24 0 42 18t18 42v440q0 24-18 42t-42 18H140Zm0-60h680v-440H435l-80-80H140v520Zm0 0v-520 520Z" })
 });
-//#endregion
-//#region src/Icon/icons/FormatListBulleted.tsx
+// src/Icon/icons/FormatListBulleted.tsx
 const SvgFormatListBulleted = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
@@ -335,8 +349,7 @@ const SvgFormatListBulleted = (props) => /* @__PURE__ */ (0, react_jsx_runtime.j
 		})
 	]
 });
-//#endregion
-//#region src/Icon/icons/FormatListNumbered.tsx
+// src/Icon/icons/FormatListNumbered.tsx
 const SvgFormatListNumbered = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
@@ -379,8 +392,7 @@ const SvgFormatListNumbered = (props) => /* @__PURE__ */ (0, react_jsx_runtime.j
 		})
 	]
 });
-//#endregion
-//#region src/Icon/icons/FormatQuote.tsx
+// src/Icon/icons/FormatQuote.tsx
 const SvgFormatQuote = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
@@ -409,8 +421,7 @@ const SvgFormatQuote = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("s
 		})
 	]
 });
-//#endregion
-//#region src/Icon/icons/Fullscreen.tsx
+// src/Icon/icons/Fullscreen.tsx
 const SvgFullscreen = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -418,8 +429,7 @@ const SvgFullscreen = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zM14 5v2h3v3h2V5z" })
 });
-//#endregion
-//#region src/Icon/icons/GridView.tsx
+// src/Icon/icons/GridView.tsx
 const SvgGridView = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#ffffff",
@@ -427,8 +437,7 @@ const SvgGridView = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8z" })
 });
-//#endregion
-//#region src/Icon/icons/Groups.tsx
+// src/Icon/icons/Groups.tsx
 const SvgGroups = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -436,8 +445,7 @@ const SvgGroups = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z" })
 });
-//#endregion
-//#region src/Icon/icons/History.tsx
+// src/Icon/icons/History.tsx
 const SvgHistory = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -445,8 +453,15 @@ const SvgHistory = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M480-120q-138 0-240.5-91.5T122-440h62q13 106 92.5 173T480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v60H150v-210h60v106q48-62 119-99t151-37q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120Zm112-192L450-454v-226h60v202l124 124-42 42Z" })
 });
-//#endregion
-//#region src/Icon/icons/Hub.tsx
+// src/Icon/icons/Home.tsx
+const SvgHome = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" })
+});
+// src/Icon/icons/Hub.tsx
 const SvgHub = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -454,8 +469,7 @@ const SvgHub = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3.875 22.125Q3 21.25 3 20t.875-2.125T6 17q.35 0 .65.075t.575.2L8.65 15.5q-.7-.775-.975-1.75T7.55 11.8l-2.025-.675q-.425.625-1.075 1T3 12.5q-1.25 0-2.125-.875T0 9.5t.875-2.125T3 6.5t2.125.875T6 9.5v.2l2.025.7q.5-.9 1.338-1.525t1.887-.8V5.9q-.975-.275-1.612-1.063T9 3q0-1.25.875-2.125T12 0t2.125.875T15 3q0 1.05-.65 1.838T12.75 5.9v2.175q1.05.175 1.888.8t1.337 1.525L18 9.7v-.2q0-1.25.875-2.125T21 6.5t2.125.875T24 9.5t-.875 2.125T21 12.5q-.8 0-1.463-.375t-1.062-1l-2.025.675q.15.975-.125 1.938T15.35 15.5l1.425 1.75q.275-.125.575-.187T18 17q1.25 0 2.125.875T21 20t-.875 2.125T18 23t-2.125-.875T15 20q0-.5.163-.962t.437-.838l-1.425-1.775Q13.15 17 11.988 17T9.8 16.425L8.4 18.2q.275.375.438.838T9 20q0 1.25-.875 2.125T6 23t-2.125-.875" })
 });
-//#endregion
-//#region src/Icon/icons/Image.tsx
+// src/Icon/icons/Image.tsx
 const SvgImage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
@@ -487,8 +501,23 @@ const SvgImage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		})
 	]
 });
-//#endregion
-//#region src/Icon/icons/Language.tsx
+// src/Icon/icons/Info.tsx
+const SvgInfo = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" })
+});
+// src/Icon/icons/Inventory2.tsx
+const SvgInventory2 = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M20 2H4c-1 0-2 .9-2 2v3.01c0 .72.43 1.34 1 1.69V20c0 1.1 1.1 2 2 2h14c.9 0 2-.9 2-2V8.7c.57-.35 1-.97 1-1.69V4c0-1.1-1-2-2-2zm-1 18H5V9h14v11zm1-13H4V4h16v3zM9 12h6v2H9z" })
+});
+// src/Icon/icons/Language.tsx
 const SvgLanguage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -496,8 +525,7 @@ const SvgLanguage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M12 19.95q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8" })
 });
-//#endregion
-//#region src/Icon/icons/LastPage.tsx
+// src/Icon/icons/LastPage.tsx
 const SvgLastPage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -505,8 +533,15 @@ const SvgLastPage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.59 7.41 10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z" })
 });
-//#endregion
-//#region src/Icon/icons/Link.tsx
+// src/Icon/icons/LightMode.tsx
+const SvgLightMode = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z" })
+});
+// src/Icon/icons/Link.tsx
 const SvgLink = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
@@ -524,8 +559,7 @@ const SvgLink = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
 	})]
 });
-//#endregion
-//#region src/Icon/icons/Lock.tsx
+// src/Icon/icons/Lock.tsx
 const SvgLock = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 -960 960 960",
@@ -534,8 +568,7 @@ const SvgLock = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm296.5-143.5Q560-327 560-360t-23.5-56.5Q513-440 480-440t-56.5 23.5Q400-393 400-360t23.5 56.5Q447-280 480-280t56.5-23.5ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z" })
 });
-//#endregion
-//#region src/Icon/icons/Menu.tsx
+// src/Icon/icons/Menu.tsx
 const SvgMenu = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -543,8 +576,15 @@ const SvgMenu = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z" })
 });
-//#endregion
-//#region src/Icon/icons/MoreHoriz.tsx
+// src/Icon/icons/MenuBook.tsx
+const SvgMenuBook = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z" })
+});
+// src/Icon/icons/MoreHoriz.tsx
 const SvgMoreHoriz = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -552,8 +592,7 @@ const SvgMoreHoriz = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg"
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" })
 });
-//#endregion
-//#region src/Icon/icons/Neurology.tsx
+// src/Icon/icons/Neurology.tsx
 const SvgNeurology = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "currentColor",
@@ -561,8 +600,15 @@ const SvgNeurology = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg"
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M385-120q-51 0-86.5-38T258-244q-59-5-98.5-49.5T120-402q0-22 5.5-42.5T142-484q-11-18-16.5-38t-5.5-43q0-60 41.5-103t98.5-50q2-51 38.5-86.5T386-840q29 0 51.5 10.5T480-799q20-20 42-30.5t51-10.5q50 0 86 35.5t39 86.5q58 5 100 48.5T840-565q0 23-6 43.5T817-483q11 20 17 42t6 43q0 64-39.5 106.5T702-244q-5 48-41 86t-86 38q-30 0-52-10t-43-30q-21 20-43 30t-52 10Zm125-600v480q0 25 19.5 42.5T576-180q26 0 45-23t21-47q-23-8-43-21.5T565-305q-8-11-6-22.5t13-19.5q11-8 22.5-6t19.5 13q13 18 32 27.5t42 9.5q38 0 65-26t27-69q0-9-2-18.5t-4-19.5q-18 13-39.5 19.5T690-410q-13 0-21.5-8.5T660-440q0-13 8.5-21.5T690-470q38 0 64-28t26-67q0-38-28-65t-64-29q-10 24-28.5 42.5T617-589q-12 5-23-.5T579-607q-4-12 1-23.5t17-15.5q18-6 29.5-24t11.5-41q0-29-19-49t-45-20q-26 0-45 17.5T510-720Zm-60 480v-480q0-25-18.5-42.5T386-780q-26 0-45.5 20T321-711q0 23 11 40.5t29 23.5q12 4 17.5 15.5T380-609q-5 12-16.5 18t-23.5 1q-24-8-42-26.5T270-659q-35 3-62.5 29.5T180-565q0 39 26 67t64 28q13 0 21.5 8.5T300-440q0 13-8.5 21.5T270-410q-23 0-44.5-7T186-436q-3 8-4.5 17t-1.5 18q0 43 26.5 70.5T271-303q22 0 41.5-10t32.5-27q8-10 20-12.5t22 5.5q10 8 12.5 20t-5.5 22q-14 20-33.5 33.5T318-250q2 24 21 47t46 23q27 0 46-17.5t19-42.5Zm30-240Z" })
 });
-//#endregion
-//#region src/Icon/icons/Psychology.tsx
+// src/Icon/icons/Palette.tsx
+const SvgPalette = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 3a9 9 0 0 0 0 18c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" })
+});
+// src/Icon/icons/Psychology.tsx
 const SvgPsychology = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -570,8 +616,7 @@ const SvgPsychology = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17h8v-2.3c1.8-1.2 3-3.3 3-5.7 0-3.9-3.1-7-7-7z" })
 });
-//#endregion
-//#region src/Icon/icons/RebaseEdit.tsx
+// src/Icon/icons/RebaseEdit.tsx
 const SvgRebaseEdit = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -579,8 +624,7 @@ const SvgRebaseEdit = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M392-80v-170l302-302q9-9 20.5-13t22.5-4q11 0 21.96 4.5Q769.93-560 779-551l84 84q9 9 13 20.5t4 22.69q0 11.18-4 22Q872-391 863-382L562-80H392Zm428-345-84-84 84 84ZM452-140h85l173-173-43-42-43-42-172 171v86Zm215-215-43-42 43 42 43 42-43-42ZM430-605l-42-42 83-83H316q-8 32-31 55t-55 31v328q39 10 64.5 42t25.5 74q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-41.76 25.5-73.88T170-316v-328q-39-10-64.5-42T80-760q0-50 35-85t85-35q42 0 74 25.5t42 64.5h155l-83-83 42-42 156 155-156 155Zm415-240q35 35 35 85t-35 85q-35 35-85 35t-85-35q-35-35-35-85t35-85q35-35 85-35t85 35ZM200-140q25.5 0 42.75-17.25T260-200q0-25.5-17.25-42.75T200-260q-25.5 0-42.75 17.25T140-200q0 25.5 17.25 42.75T200-140Zm0-560q25.5 0 42.75-17.25T260-760q0-25.5-17.25-42.75T200-820q-25.5 0-42.75 17.25T140-760q0 25.5 17.25 42.75T200-700Zm560 0q25.5 0 42.75-17.25T820-760q0-25.5-17.25-42.75T760-820q-25.5 0-42.75 17.25T700-760q0 25.5 17.25 42.75T760-700ZM200-200Zm0-560Zm560 0Z" })
 });
-//#endregion
-//#region src/Icon/icons/Refresh.tsx
+// src/Icon/icons/Refresh.tsx
 const SvgRefresh = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -588,8 +632,7 @@ const SvgRefresh = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" })
 });
-//#endregion
-//#region src/Icon/icons/Remove.tsx
+// src/Icon/icons/Remove.tsx
 const SvgRemove = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -597,8 +640,7 @@ const SvgRemove = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19 13H5v-2h14v2z" })
 });
-//#endregion
-//#region src/Icon/icons/Schema.tsx
+// src/Icon/icons/Schema.tsx
 const SvgSchema = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "currentColor",
@@ -606,8 +648,15 @@ const SvgSchema = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M160-40v-220h100v-110H160v-220h100v-110H160v-220h260v220H320v110h100v80h160v-80h260v220H580v-80H420v80H320v110h100v220H160Zm60-60h140v-100H220v100Zm0-330h140v-100H220v100Zm420 0h140v-100H640v100ZM220-760h140v-100H220v100Zm70-50Zm0 330Zm420 0ZM290-150Z" })
 });
-//#endregion
-//#region src/Icon/icons/Security.tsx
+// src/Icon/icons/Search.tsx
+const SvgSearch = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })
+});
+// src/Icon/icons/Security.tsx
 const SvgSecurity = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -615,8 +664,7 @@ const SvgSecurity = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 22q-3.475-.875-5.738-3.988T4 11.1V5l8-3l8 3v6.1q0 3.8-2.262 6.913T12 22m0-2.1q2.425-.75 4.05-2.963T17.95 12H12V4.125l-6 2.25v5.175q0 .175.05.45H12z" })
 });
-//#endregion
-//#region src/Icon/icons/SettingsInputComponent.tsx
+// src/Icon/icons/SettingsInputComponent.tsx
 const SvgSettingsInputComponent = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -624,8 +672,7 @@ const SvgSettingsInputComponent = (props) => /* @__PURE__ */ (0, react_jsx_runti
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 23v-4.2q-.875-.3-1.437-1.062T1 16v-2h6v2q0 .975-.562 1.738T5 18.8V23zm8 0v-4.2q-.875-.3-1.437-1.062T9 16v-2h6v2q0 .975-.562 1.738T13 18.8V23zm8 0v-4.2q-.875-.3-1.437-1.062T17 16v-2h6v2q0 .975-.562 1.738T21 18.8V23zM1 12V6h2V2q0-.425.288-.712T4 1t.713.288T5 2v4h2v6zm8 0V6h2V2q0-.425.288-.712T12 1t.713.288T13 2v4h2v6zm8 0V6h2V2q0-.425.288-.712T20 1t.713.288T21 2v4h2v6z" })
 });
-//#endregion
-//#region src/Icon/icons/SmartToy.tsx
+// src/Icon/icons/SmartToy.tsx
 const SvgSmartToy = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -633,8 +680,7 @@ const SvgSmartToy = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M20 9V7c0-1.1-.9-2-2-2h-3c0-1.66-1.34-3-3-3S9 3.34 9 5H6c-1.1 0-2 .9-2 2v2c-1.66 0-3 1.34-3 3s1.34 3 3 3v4c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-4c1.66 0 3-1.34 3-3s-1.34-3-3-3zm-2 11H6V7h12v13zm-9-6c-.83 0-1.5-.67-1.5-1.5S8.17 11 9 11s1.5.67 1.5 1.5S9.83 14 9 14zm6 0c-.83 0-1.5-.67-1.5-1.5S14.17 11 15 11s1.5.67 1.5 1.5S15.83 14 15 14zm-3 3c-1.48 0-2.75-.81-3.45-2h6.9c-.7 1.19-1.97 2-3.45 2z" })
 });
-//#endregion
-//#region src/Icon/icons/Smartphone.tsx
+// src/Icon/icons/Smartphone.tsx
 const SvgSmartphone = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -642,8 +688,7 @@ const SvgSmartphone = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M280-40q-33 0-56.5-23.5T200-120v-720q0-33 23.5-56.5T280-920h400q33 0 56.5 23.5T760-840v720q0 33-23.5 56.5T680-40H280Zm0-120v40h400v-40H280Zm0-80h400v-480H280v480Zm0-560h400v-40H280v40Zm0 0v-40 40Zm0 640v40-40Z" })
 });
-//#endregion
-//#region src/Icon/icons/Speed.tsx
+// src/Icon/icons/Speed.tsx
 const SvgSpeed = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -651,8 +696,7 @@ const SvgSpeed = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.45 15.5q.625.625 1.575.588T13.4 15.4L19 7l-8.4 5.6q-.65.45-.712 1.362t.562 1.538M5.1 20q-.55 0-1.012-.238t-.738-.712q-.65-1.175-1-2.437T2 14q0-2.075.788-3.9t2.137-3.175T8.1 4.788T12 4q2.05 0 3.85.775T19 6.888t2.15 3.125t.825 3.837q.025 1.375-.312 2.688t-1.038 2.512q-.275.475-.737.713T18.874 20z" })
 });
-//#endregion
-//#region src/Icon/icons/Stacks.tsx
+// src/Icon/icons/Stacks.tsx
 const SvgStacks = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -660,8 +704,7 @@ const SvgStacks = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 14L1 8l11-6l11 6zm0 4L1.575 12.325l2.1-1.15L12 15.725l8.325-4.55l2.1 1.15zm0 4L1.575 16.325l2.1-1.15L12 19.725l8.325-4.55l2.1 1.15z" })
 });
-//#endregion
-//#region src/Icon/icons/Star.tsx
+// src/Icon/icons/Star.tsx
 const SvgStar = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -669,8 +712,7 @@ const SvgStar = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
 });
-//#endregion
-//#region src/Icon/icons/StarBorder.tsx
+// src/Icon/icons/StarBorder.tsx
 const SvgStarBorder = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -678,8 +720,7 @@ const SvgStarBorder = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z" })
 });
-//#endregion
-//#region src/Icon/icons/Table.tsx
+// src/Icon/icons/Table.tsx
 const SvgTable = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
@@ -712,8 +753,7 @@ const SvgTable = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		})
 	]
 });
-//#endregion
-//#region src/Icon/icons/Terminal.tsx
+// src/Icon/icons/Terminal.tsx
 const SvgTerminal = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -721,8 +761,7 @@ const SvgTerminal = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M140-160q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v520q0 24-18 42t-42 18H140Zm0-60h680v-436H140v436Zm160-72-42-42 103-104-104-104 43-42 146 146-146 146Zm190 4v-60h220v60H490Z" })
 });
-//#endregion
-//#region src/Icon/icons/Visibility.tsx
+// src/Icon/icons/Visibility.tsx
 const SvgVisibility = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -730,8 +769,7 @@ const SvgVisibility = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.188 14.688Q16.5 13.375 16.5 11.5t-1.312-3.187T12 7T8.813 8.313T7.5 11.5t1.313 3.188T12 16t3.188-1.312m-5.1-1.276Q9.3 12.625 9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2t-1.912-.787m-4.738 3.55Q2.35 14.925 1 11.5q1.35-3.425 4.35-5.462T12 4t6.65 2.038T23 11.5q-1.35 3.425-4.35 5.463T12 19t-6.65-2.037" })
 });
-//#endregion
-//#region src/Icon/icons/Warning.tsx
+// src/Icon/icons/Warning.tsx
 const SvgWarning = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
 	fill: "#ffffff",
@@ -739,8 +777,7 @@ const SvgWarning = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M109-120q-11 0-20-5.5T75-140q-5-9-5.5-19.5T75-180l371-640q6-10 15.5-15t19.5-5q10 0 19.5 5t15.5 15l371 640q6 10 5.5 20.5T886-140q-5 9-14 14.5t-20 5.5H109Zm52-60h638L480-720 161-180Zm319-99q13 0 21.5-8.5T510-309q0-13-8.5-21.5T480-339q-13 0-21.5 8.5T450-309q0 13 8.5 21.5T480-279Zm0-90q13 0 21.5-8.5T510-399v-150q0-13-8.5-21.5T480-579q-13 0-21.5 8.5T450-549v150q0 13 8.5 21.5T480-369Z" })
 });
-//#endregion
-//#region src/Icon/icons/WebAsset.tsx
+// src/Icon/icons/WebAsset.tsx
 const SvgWebAsset = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#ffffff",
@@ -748,8 +785,7 @@ const SvgWebAsset = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19 4H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H5V8h14v10z" })
 });
-//#endregion
-//#region src/Icon/icons/ZoomIn.tsx
+// src/Icon/icons/ZoomIn.tsx
 const SvgZoomIn = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -757,8 +793,7 @@ const SvgZoomIn = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2z" })
 });
-//#endregion
-//#region src/Icon/icons/ZoomOut.tsx
+// src/Icon/icons/ZoomOut.tsx
 const SvgZoomOut = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	fill: "#9cff93",
@@ -766,11 +801,11 @@ const SvgZoomOut = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z" })
 });
-//#endregion
-//#region src/Icon/icons.ts
+// src/Icon/icons.ts
 /** Registry of available icons, keyed by their asset file name. */
 const icons = {
 	account_tree: SvgAccountTree,
+	add_circle: SvgAddCircle,
 	add: SvgAdd,
 	ads_click: SvgAdsClick,
 	analytics: SvgAnalytics,
@@ -778,7 +813,9 @@ const icons = {
 	arrow_back: SvgArrowBack,
 	arrow_forward: SvgArrowForward,
 	arrow_upward: SvgArrowUpward,
+	article: SvgArticle,
 	check: SvgCheck,
+	check_circle: SvgCheckCircle,
 	chevron_left: SvgChevronLeft,
 	chevron_right: SvgChevronRight,
 	checklist: SvgChecklist,
@@ -787,10 +824,12 @@ const icons = {
 	code: SvgCode,
 	content_copy: SvgContentCopy,
 	cookie: SvgCookie,
+	dark_mode: SvgDarkMode,
 	database: SvgDatabase,
 	desktop_windows: SvgDesktopWindows,
 	dns: SvgDns,
 	edit_note: SvgEditNote,
+	error: SvgErrorCircle,
 	expand_less: SvgExpandLess,
 	expand_more: SvgExpandMore,
 	external_link: SvgExternalLink,
@@ -803,20 +842,27 @@ const icons = {
 	grid_view: SvgGridView,
 	groups: SvgGroups,
 	history: SvgHistory,
+	home: SvgHome,
 	hub: SvgHub,
 	image: SvgImage,
+	info: SvgInfo,
+	inventory_2: SvgInventory2,
 	language: SvgLanguage,
 	last_page: SvgLastPage,
+	light_mode: SvgLightMode,
 	link: SvgLink,
 	lock: SvgLock,
+	menu_book: SvgMenuBook,
 	menu: SvgMenu,
 	more_horiz: SvgMoreHoriz,
 	neurology: SvgNeurology,
+	palette: SvgPalette,
 	psychology: SvgPsychology,
 	rebase_edit: SvgRebaseEdit,
 	refresh: SvgRefresh,
 	remove: SvgRemove,
 	schema: SvgSchema,
+	search: SvgSearch,
 	security: SvgSecurity,
 	settings_input_component: SvgSettingsInputComponent,
 	smart_toy: SvgSmartToy,
@@ -833,8 +879,7 @@ const icons = {
 	zoom_in: SvgZoomIn,
 	zoom_out: SvgZoomOut
 };
-//#endregion
-//#region src/Icon/Icon.tsx
+// src/Icon/Icon.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props]);
 const colorSystem = (0, require_src.src_exports.system)({ color: {
 	property: "color",
@@ -862,7 +907,6 @@ function Icon({ name, color, size, ...rest }) {
 		...rest
 	});
 }
-//#endregion
 Object.defineProperty(exports, "Icon", {
 	enumerable: true,
 	get: function() {