diff --git a/.changeset/cuddly-waves-grin.md b/.changeset/cuddly-waves-grin.md
new file mode 100644
index 00000000..3e58b9ce
--- /dev/null
+++ b/.changeset/cuddly-waves-grin.md
@@ -0,0 +1,5 @@
+---
+"@devup-ui/wasm": patch
+---
+
+Add selector order
diff --git a/.changeset/poor-frogs-swim.md b/.changeset/poor-frogs-swim.md
new file mode 100644
index 00000000..aa3c7683
--- /dev/null
+++ b/.changeset/poor-frogs-swim.md
@@ -0,0 +1,5 @@
+---
+"@devup-ui/react": patch
+---
+
+Add typograhpy to props
diff --git a/apps/landing/devup.json b/apps/landing/devup.json
index e7680c3a..7a14c7f3 100644
--- a/apps/landing/devup.json
+++ b/apps/landing/devup.json
@@ -1,471 +1 @@
-{
-  "theme": {
-    "colors": {
-      "default": {
-        "primary": "#6159D4",
-        "secondary": "#85A5F2",
-        "link": "#006BFF",
-        "text": "#2F2F2F",
-        "background": "#FFFFFF",
-        "containerBackground": "#FFFFFF",
-        "border": "#E0E0E0",
-        "success": "#4CAF50",
-        "warning": "#FF9800",
-        "error": "#F44336",
-        "info": "#2196F3",
-        "base": "#FFFFFF",
-        "negativeBase": "#000000",
-        "title": "#1A1A1A",
-        "caption": "#A9A8B4",
-        "shadow": "#87878740",
-        "codeBg": "#3E3B41",
-        "cardBg": "#F8F8F8",
-        "buttonBlue": "#266CCD",
-        "joinBg": "#CDE2FA",
-        "third": "#918AE9",
-        "buttonBlueHover": "#1453AC",
-        "buttonBlueActive": "#19498B",
-        "textReverse": "#FFFFFF",
-        "footerTitle": "#A3A4B4",
-        "footerBg": "#E6E7ED",
-        "footerText": "#51575F",
-        "menuHover": "#F6F4FF",
-        "menuActive": "#EAE8FC",
-        "captionBold": "#878594",
-        "search": "#9C50FF"
-      },
-      "dark": {
-        "primary": "#737FE4",
-        "secondary": "#2A4586",
-        "link": "#006BFF",
-        "text": "#EDEDED",
-        "background": "#131313",
-        "containerBackground": "#1E1E1E",
-        "border": "#333333",
-        "success": "#4CAF50",
-        "warning": "#FF9800",
-        "error": "#F44336",
-        "info": "#2196F3",
-        "base": "#000000",
-        "negativeBase": "#FFFFFF",
-        "title": "#FAFAFA",
-        "caption": "#A9A8B4",
-        "shadow": "#62626240",
-        "codeBg": "#2E303C",
-        "cardBg": "#28272B",
-        "buttonBlue": "#0867AF",
-        "joinBg": "#2F363E",
-        "third": "#737FE4",
-        "buttonBlueHover": "#1453AC",
-        "buttonBlueActive": "#19498B",
-        "textReverse": "#2F2F2F",
-        "footerTitle": "#A3A4B4",
-        "footerBg": "#2E303C",
-        "footerText": "#FFFFFF",
-        "menuHover": "#3C404B",
-        "menuActive": "#283259",
-        "captionBold": "#878594",
-        "search": "#6FA4FF"
-      }
-    },
-    "typography": {
-      "body": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "14px",
-          "fontWeight": "500",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.42px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "16px",
-          "fontWeight": "500",
-          "lineHeight": "150%",
-          "letterSpacing": "-0.48px"
-        }
-      ],
-      "bodyReg": {
-        "fontFamily": "Pretendard",
-        "fontSize": "16px",
-        "fontWeight": "400",
-        "lineHeight": "150%",
-        "letterSpacing": "-0.48px"
-      },
-      "buttonL": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "17px",
-          "fontWeight": "800",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.51px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "20px",
-          "fontWeight": "800",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.6px"
-        }
-      ],
-      "buttonLbold": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "17px",
-          "fontWeight": "700",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.51px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "18px",
-          "fontWeight": "700",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.54px"
-        }
-      ],
-      "buttonLsemiB": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "17px",
-          "fontWeight": "600",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.51px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "18px",
-          "fontWeight": "600",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.54px"
-        }
-      ],
-      "buttonM": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "15px",
-          "fontWeight": "600",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.45px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "17px",
-          "fontWeight": "600",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.51px"
-        }
-      ],
-      "buttonS": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "14px",
-          "fontWeight": "800",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.42px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "15px",
-          "fontWeight": "700",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.45px"
-        }
-      ],
-      "buttonSmid": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "14px",
-          "fontWeight": "500",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.42px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "15px",
-          "fontWeight": "500",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.45px"
-        }
-      ],
-      "caption": {
-        "fontFamily": "Pretendard",
-        "fontSize": "14px",
-        "fontWeight": "500",
-        "lineHeight": "140%",
-        "letterSpacing": "-0.42px"
-      },
-      "captionBold": {
-        "fontFamily": "Pretendard",
-        "fontSize": "14px",
-        "fontWeight": "700",
-        "lineHeight": "130%",
-        "letterSpacing": "-0.42px"
-      },
-      "code": [
-        {
-          "fontFamily": "D2Coding",
-          "fontSize": "13px",
-          "fontWeight": "700",
-          "lineHeight": "150%",
-          "letterSpacing": "-0.39px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "D2Coding",
-          "fontSize": "15px",
-          "fontWeight": "700",
-          "lineHeight": "150%",
-          "letterSpacing": "-0.45px"
-        }
-      ],
-      "footerMenu": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "13px",
-          "fontWeight": "500",
-          "lineHeight": "140%",
-          "letterSpacing": "-0.39px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "14px",
-          "fontWeight": "500",
-          "lineHeight": "140%",
-          "letterSpacing": "-0.42px"
-        }
-      ],
-      "h1": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "38px",
-          "fontWeight": "800",
-          "lineHeight": "130%",
-          "letterSpacing": "-1.14px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "52px",
-          "fontWeight": "800",
-          "lineHeight": "130%",
-          "letterSpacing": "-1.56px"
-        }
-      ],
-      "h2": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "36px",
-          "fontWeight": "800",
-          "lineHeight": "130%",
-          "letterSpacing": "-1.08px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "48px",
-          "fontWeight": "800",
-          "lineHeight": "130%",
-          "letterSpacing": "-1.44px"
-        }
-      ],
-      "h3": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "32px",
-          "fontWeight": "700",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.96px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "42px",
-          "fontWeight": "700",
-          "lineHeight": "130%",
-          "letterSpacing": "-1.26px"
-        }
-      ],
-      "h4": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "28px",
-          "fontWeight": "700",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.84px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "36px",
-          "fontWeight": "700",
-          "lineHeight": "130%",
-          "letterSpacing": "-1.08px"
-        }
-      ],
-      "h5": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "24px",
-          "fontWeight": "600",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.72px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "30px",
-          "fontWeight": "600",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.9px"
-        }
-      ],
-      "h6": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "18px",
-          "fontWeight": "600",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.54px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "24px",
-          "fontWeight": "600",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.72px"
-        }
-      ],
-      "h6Reg": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "18px",
-          "fontWeight": "400",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.54px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "24px",
-          "fontWeight": "400",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.72px"
-        }
-      ],
-      "small": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "11px",
-          "fontWeight": "300",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.33px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "12px",
-          "fontWeight": "400",
-          "lineHeight": "140%",
-          "letterSpacing": "-0.36px"
-        }
-      ],
-      "smallBold": {
-        "fontFamily": "Pretendard",
-        "fontSize": "12px",
-        "fontWeight": "800",
-        "lineHeight": "140%",
-        "letterSpacing": "-0.36px"
-      },
-      "textL": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "16px",
-          "fontWeight": "500",
-          "lineHeight": "130%",
-          "letterSpacing": "-0.48px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "18px",
-          "fontWeight": "500",
-          "lineHeight": "150%",
-          "letterSpacing": "-0.54px"
-        }
-      ],
-      "textS": [
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "13px",
-          "fontWeight": "500",
-          "lineHeight": "140%",
-          "letterSpacing": "-0.39px"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontSize": "15px",
-          "fontWeight": "500",
-          "lineHeight": "140%",
-          "letterSpacing": "-0.45px"
-        }
-      ],
-      "textSbold": {
-        "fontFamily": "Pretendard",
-        "fontSize": "15px",
-        "fontWeight": "700",
-        "lineHeight": "140%",
-        "letterSpacing": "-0.45px"
-      }
-    }
-  }
-}
-
+{"theme":{"colors":{"light":{"primary":"#6159D4","secondary":"#85A5F2","link":"#006BFF","text":"#2F2F2F","background":"#FFFFFF","containerBackground":"#FFFFFF","border":"#E0E0E0","success":"#4CAF50","warning":"#FF9800","error":"#F44336","info":"#2196F3","base":"#FFFFFF","negativeBase":"#000000","title":"#1A1A1A","caption":"#A9A8B4","shadow":"#87878740","codeBg":"#3E3B41","cardBg":"#F8F8F8","buttonBlue":"#266CCD","joinBg":"#CDE2FA","third":"#918AE9","buttonBlueHover":"#1453AC","buttonBlueActive":"#19498B","textReverse":"#FFFFFF","footerTitle":"#A3A4B4","footerBg":"#E6E7ED","footerText":"#51575F","menuHover":"#F6F4FF","menuActive":"#EAE8FC","captionBold":"#878594","search":"#9C50FF"},"dark":{"primary":"#737FE4","secondary":"#2A4586","link":"#006BFF","text":"#EDEDED","background":"#131313","containerBackground":"#1E1E1E","border":"#333333","success":"#4CAF50","warning":"#FF9800","error":"#F44336","info":"#2196F3","base":"#000000","negativeBase":"#FFFFFF","title":"#FAFAFA","caption":"#787878","shadow":"#62626240","codeBg":"#2E303C","cardBg":"#28272B","buttonBlue":"#0867AF","joinBg":"#2F363E","third":"#737FE4","buttonBlueHover":"#1453AC","buttonBlueActive":"#19498B","textReverse":"#2F2F2F","footerTitle":"#A3A4B4","footerBg":"#2E303C","footerText":"#FFFFFF","menuHover":"#3C404B","menuActive":"#283259","captionBold":"#878594","search":"#6FA4FF"}},"typography":{"h1":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":800,"fontSize":"38px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":800,"fontSize":"52px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"h6Reg":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":400,"fontSize":"18px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":400,"fontSize":"24px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"buttonL":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":800,"fontSize":"17px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":800,"fontSize":"20px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"code":[{"fontFamily":"D2Coding","fontStyle":"normal","fontWeight":700,"fontSize":"13px","lineHeight":1.5,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"D2Coding","fontStyle":"normal","fontWeight":700,"fontSize":"15px","lineHeight":1.5,"letterSpacing":"-0.03em"}],"buttonM":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":600,"fontSize":"15px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":600,"fontSize":"17px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"h4":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":700,"fontSize":"28px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":700,"fontSize":"36px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"body":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":500,"fontSize":"14px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":500,"fontSize":"16px","lineHeight":1.5,"letterSpacing":"-0.03em"}],"h6":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":600,"fontSize":"18px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":600,"fontSize":"24px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"textS":[null,null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":500,"fontSize":"15px","lineHeight":1.4,"letterSpacing":"-0.03em"}],"buttonLbold":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":700,"fontSize":"17px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":700,"fontSize":"18px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"buttonLsemiB":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":600,"fontSize":"17px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":600,"fontSize":"18px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"h2":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":800,"fontSize":"36px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":800,"fontSize":"48px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"h3":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":700,"fontSize":"32px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":700,"fontSize":"42px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"h5":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":600,"fontSize":"24px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":600,"fontSize":"30px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"buttonS":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":800,"fontSize":"14px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":700,"fontSize":"15px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"caption":[null,null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":500,"fontSize":"14px","lineHeight":1.4,"letterSpacing":"-0.03em"}],"small":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":300,"fontSize":"11px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":400,"fontSize":"12px","lineHeight":1.4,"letterSpacing":"-0.03em"}],"buttonSmid":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":500,"fontSize":"14px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":500,"fontSize":"15px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"captionBold":[null,null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":700,"fontSize":"14px","lineHeight":1.3,"letterSpacing":"-0.03em"}],"textSbold":[null,null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":700,"fontSize":"15px","lineHeight":1.4,"letterSpacing":"-0.03em"}],"textL":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":500,"fontSize":"16px","lineHeight":1.3,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":500,"fontSize":"18px","lineHeight":1.5,"letterSpacing":"-0.03em"}],"footerMenu":[{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":500,"fontSize":"13px","lineHeight":1.4,"letterSpacing":"-0.03em"},null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":500,"fontSize":"14px","lineHeight":1.4,"letterSpacing":"-0.03em"}],"bodyReg":[null,null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":400,"fontSize":"16px","lineHeight":1.5,"letterSpacing":"-0.03em"}],"smallBold":[null,null,null,null,{"fontFamily":"Pretendard","fontStyle":"normal","fontWeight":800,"fontSize":"12px","lineHeight":1.4,"letterSpacing":"-0.03em"}]}}}
\ No newline at end of file
diff --git a/apps/landing/package.json b/apps/landing/package.json
index 05d6cca2..e5c7dd55 100644
--- a/apps/landing/package.json
+++ b/apps/landing/package.json
@@ -13,9 +13,9 @@
     "@devup-ui/react": "workspace:*",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
-    "@next/mdx": "^15.1.5",
+    "@next/mdx": "^15.1.6",
     "@types/mdx": "^2.0.13",
-    "next": "^15.1.5",
+    "next": "^15.1.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-syntax-highlighter": "^15.6.1",
diff --git a/apps/landing/public/discord.svg b/apps/landing/public/discord.svg
deleted file mode 100644
index b1488812..00000000
--- a/apps/landing/public/discord.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M19.2701 5.33C17.9401 4.71 16.5001 4.26 15.0001 4C14.9737 4.00038 14.9486 4.01116 14.9301 4.03C14.7501 4.36 14.5401 4.79 14.4001 5.12C12.8091 4.88015 11.1911 4.88015 9.60012 5.12C9.46012 4.78 9.25012 4.36 9.06012 4.03C9.05012 4.01 9.02012 4 8.99012 4C7.49012 4.26 6.06012 4.71 4.72012 5.33C4.71012 5.33 4.70012 5.34 4.69012 5.35C1.97012 9.42 1.22012 13.38 1.59012 17.3C1.59012 17.32 1.60012 17.34 1.62012 17.35C3.42012 18.67 5.15012 19.47 6.86012 20C6.89012 20.01 6.92012 20 6.93012 19.98C7.33012 19.43 7.69012 18.85 8.00012 18.24C8.02012 18.2 8.00012 18.16 7.96012 18.15C7.39012 17.93 6.85012 17.67 6.32012 17.37C6.28012 17.35 6.28012 17.29 6.31012 17.26C6.42012 17.18 6.53012 17.09 6.64012 17.01C6.66012 16.99 6.69012 16.99 6.71012 17C10.1501 18.57 13.8601 18.57 17.2601 17C17.2801 16.99 17.3101 16.99 17.3301 17.01C17.4401 17.1 17.5501 17.18 17.6601 17.27C17.7001 17.3 17.7001 17.36 17.6501 17.38C17.1301 17.69 16.5801 17.94 16.0101 18.16C15.9701 18.17 15.9601 18.22 15.9701 18.25C16.2901 18.86 16.6501 19.44 17.0401 19.99C17.0701 20 17.1001 20.01 17.1301 20C18.8501 19.47 20.5801 18.67 22.3801 17.35C22.4001 17.34 22.4101 17.32 22.4101 17.3C22.8501 12.77 21.6801 8.84 19.3101 5.35C19.3001 5.34 19.2901 5.33 19.2701 5.33ZM8.52012 14.91C7.49012 14.91 6.63012 13.96 6.63012 12.79C6.63012 11.62 7.47012 10.67 8.52012 10.67C9.58012 10.67 10.4201 11.63 10.4101 12.79C10.4101 13.96 9.57012 14.91 8.52012 14.91ZM15.4901 14.91C14.4601 14.91 13.6001 13.96 13.6001 12.79C13.6001 11.62 14.4401 10.67 15.4901 10.67C16.5501 10.67 17.3901 11.63 17.3801 12.79C17.3801 13.96 16.5501 14.91 15.4901 14.91Z"
-          fill="#1A1A1A"/>
-</svg>
diff --git a/apps/landing/public/github.svg b/apps/landing/public/github.svg
deleted file mode 100644
index 8fe7a020..00000000
--- a/apps/landing/public/github.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2C10.6868 2 9.38642 2.25866 8.17317 2.7612C6.95991 3.26375 5.85752 4.00035 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 16.42 4.87 20.17 8.84 21.5C9.34 21.58 9.5 21.27 9.5 21V19.31C6.73 19.91 6.14 17.97 6.14 17.97C5.68 16.81 5.03 16.5 5.03 16.5C4.12 15.88 5.1 15.9 5.1 15.9C6.1 15.97 6.63 16.93 6.63 16.93C7.5 18.45 8.97 18 9.54 17.76C9.63 17.11 9.89 16.67 10.17 16.42C7.95 16.17 5.62 15.31 5.62 11.5C5.62 10.39 6 9.5 6.65 8.79C6.55 8.54 6.2 7.5 6.75 6.15C6.75 6.15 7.59 5.88 9.5 7.17C10.29 6.95 11.15 6.84 12 6.84C12.85 6.84 13.71 6.95 14.5 7.17C16.41 5.88 17.25 6.15 17.25 6.15C17.8 7.5 17.45 8.54 17.35 8.79C18 9.5 18.38 10.39 18.38 11.5C18.38 15.32 16.04 16.16 13.81 16.41C14.17 16.72 14.5 17.33 14.5 18.26V21C14.5 21.27 14.66 21.59 15.17 21.5C19.14 20.16 22 16.42 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2Z"
-          fill="#1A1A1A"/>
-</svg>
diff --git a/apps/landing/public/logo.svg b/apps/landing/public/logo.svg
index 374efa91..71e7e369 100644
--- a/apps/landing/public/logo.svg
+++ b/apps/landing/public/logo.svg
@@ -1,28 +1,17 @@
-<svg width="600" height="122" viewBox="0 0 600 122" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M61 0L96.8549 11.65L119.014 42.15V79.85L96.8549 110.35L61 122L25.1451 110.35L2.98555 79.85V42.15L25.1451 11.65L61 0Z"
-          fill="url(#paint0_linear_163_2197)"/>
-    <path d="M61 0L83.9113 29.4653L119.014 42.15L98.0712 73.0452L96.8549 110.35L61 99.979L25.1451 110.35L23.9288 73.0452L2.98555 42.15L38.0887 29.4653L61 0Z"
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M21 0L33.3435 4.01064L40.9722 14.5106V27.4894L33.3435 37.9894L21 42L8.65651 37.9894L1.02781 27.4894V14.5106L8.65651 4.01064L21 0Z"
+          fill="url(#paint0_linear_281_1898)"/>
+    <path d="M21 0L28.8875 10.1438L40.9722 14.5106L33.7622 25.1467L33.3435 37.9894L21 34.419L8.65651 37.9894L8.23777 25.1467L1.02781 14.5106L13.1125 10.1438L21 0Z"
           fill="white" fill-opacity="0.4"/>
-    <path d="M24 73L38 29.5H84L98 73L61 100L24 73Z" fill="url(#paint1_linear_163_2197)"/>
-    <path d="M584.884 21H599.106V93.7297H584.884V21Z" fill="black"/>
-    <path d="M573.054 21V65.2501C573.054 83.8036 560.378 94.8429 540.076 94.8429C519.567 94.8429 507.201 83.9891 507.201 65.4356V21H521.423V64.5079C521.423 76.475 527.709 83.5253 540.076 83.5253C552.34 83.5253 558.832 76.1967 558.832 64.2296V21H573.054Z"
-          fill="black"/>
-    <path d="M411.185 116.458V39.5534H424.788V45.0267C428.395 41.4088 433.857 38.6257 441.69 38.6257C458.282 38.6257 470.133 50.3144 470.133 66.6415C470.133 82.9686 458.282 94.6573 441.69 94.6573C433.857 94.6573 428.395 91.8743 424.788 88.2563V116.458H411.185ZM424.788 66.6415C424.788 76.7532 431.075 83.5252 440.35 83.5252C449.728 83.5252 456.014 76.7532 456.014 66.6415C456.014 56.5299 449.728 49.7578 440.35 49.7578C431.075 49.7578 424.788 56.5299 424.788 66.6415Z"
-          fill="black"/>
-    <path d="M375.495 94.6573C360.964 94.6573 349.628 87.5142 349.628 72.5787V39.5535H363.232V70.9089C363.232 79.629 367.457 83.5252 375.495 83.5252C383.534 83.5252 387.759 79.629 387.759 70.9089V39.5535H401.363V72.5787C401.363 87.5142 390.026 94.6573 375.495 94.6573Z"
-          fill="black"/>
-    <path d="M305.5 93.7297L287.259 39.5535H301.378L315.909 83.5252L330.337 39.5535H344.456L326.215 93.7297H305.5Z"
-          fill="black"/>
-    <path d="M247.759 71.4654L241.782 63.8585C241.679 64.7862 241.679 65.7138 241.679 66.7343C241.679 78.9796 250.13 83.7107 259.199 83.7107C265.588 83.7107 269.917 81.5771 272.596 77.5881H286.612C282.489 88.8129 271.256 94.6573 259.199 94.6573C243.637 94.6573 228.694 85.2878 228.694 66.7343C228.694 48.4591 243.946 38.6257 258.683 38.6257C274.039 38.6257 287.642 49.6651 287.642 67.9402V71.4654H247.759ZM258.683 49.3868C252.088 49.3868 244.462 52.5408 242.297 61.261H273.833C272.699 54.1179 266.619 49.3868 258.683 49.3868Z"
-          fill="black"/>
-    <path d="M160 93.7297V21H182.672C208.746 21 224.617 34.173 224.617 57.3649C224.617 80.5567 208.746 93.7297 182.672 93.7297H160ZM174.222 82.5976H182.569C200.501 82.5976 210.189 73.7847 210.189 57.3649C210.189 40.945 200.501 32.1321 182.569 32.1321H174.222V82.5976Z"
-          fill="black"/>
+    <path d="M8.2627 25.1312L13.0824 10.1558H28.9184L33.7381 25.1312L21.0004 34.4263L8.2627 25.1312Z"
+          fill="url(#paint1_linear_281_1898)"/>
     <defs>
-        <linearGradient id="paint0_linear_163_2197" x1="61" y1="0" x2="61" y2="122" gradientUnits="userSpaceOnUse">
+        <linearGradient id="paint0_linear_281_1898" x1="21" y1="0" x2="21" y2="42" gradientUnits="userSpaceOnUse">
             <stop stop-color="#FFCEFE"/>
             <stop offset="1" stop-color="#A9BAEC"/>
         </linearGradient>
-        <linearGradient id="paint1_linear_163_2197" x1="61" y1="29.5" x2="61" y2="100" gradientUnits="userSpaceOnUse">
+        <linearGradient id="paint1_linear_281_1898" x1="21.0004" y1="10.1558" x2="21.0004" y2="34.4263"
+                        gradientUnits="userSpaceOnUse">
             <stop stop-color="#F6F0FF"/>
             <stop offset="1" stop-color="white"/>
         </linearGradient>
diff --git a/apps/landing/public/search.svg b/apps/landing/public/search.svg
new file mode 100644
index 00000000..2c120d18
--- /dev/null
+++ b/apps/landing/public/search.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.6">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+              d="M14.5006 15.9949C13.445 16.6754 12.1959 17.069 10.8571 17.069C7.07005 17.069 4 13.9195 4 10.0345C4 6.14945 7.07005 3 10.8571 3C14.6442 3 17.7143 6.14945 17.7143 10.0345C17.7143 11.7044 17.1471 13.2384 16.1995 14.4448C16.2121 14.4567 16.2245 14.4688 16.2367 14.4813L19.6653 17.9986C20.1116 18.4564 20.1116 19.1988 19.6653 19.6566C19.2189 20.1145 18.4953 20.1145 18.049 19.6566L14.6204 16.1394C14.5761 16.0938 14.5361 16.0455 14.5006 15.9949ZM16.2143 10.0345C16.2143 13.1274 13.7799 15.569 10.8571 15.569C7.93435 15.569 5.5 13.1274 5.5 10.0345C5.5 6.94154 7.93435 4.5 10.8571 4.5C13.7799 4.5 16.2143 6.94154 16.2143 10.0345Z"
+              fill="#A9A8B4"/>
+    </g>
+</svg>
diff --git a/apps/landing/src/app/FeatureCard.tsx b/apps/landing/src/app/FeatureCard.tsx
new file mode 100644
index 00000000..ed0a21e6
--- /dev/null
+++ b/apps/landing/src/app/FeatureCard.tsx
@@ -0,0 +1,27 @@
+import { Flex, Image, Text, VStack } from '@devup-ui/react'
+
+import { URL_PREFIX } from '../constants'
+
+interface FeatureCardProps {
+  title: string
+  description: string
+  icon: string
+}
+
+export function FeatureCard({ icon, description, title }: FeatureCardProps) {
+  return (
+    <Flex bg="$cardBg" borderRadius="20px" flex="1" gap="10px" p="24px">
+      <Flex px="8px">
+        <Image boxSize="32px" src={URL_PREFIX + icon} />
+      </Flex>
+      <VStack flex="1" gap="10px">
+        <Text color="$title" typography="h6">
+          {title}
+        </Text>
+        <Text color="$text" flex="1" typography="body">
+          {description}
+        </Text>
+      </VStack>
+    </Flex>
+  )
+}
diff --git a/apps/landing/src/app/layout.tsx b/apps/landing/src/app/layout.tsx
index 926504ec..15f6b4a9 100644
--- a/apps/landing/src/app/layout.tsx
+++ b/apps/landing/src/app/layout.tsx
@@ -1,6 +1,6 @@
 import 'sanitize.css'
 
-import { ThemeScript } from '@devup-ui/react'
+import { css, ThemeScript } from '@devup-ui/react'
 import type { Metadata } from 'next'
 
 import { Footer } from '../components/Footer'
@@ -20,11 +20,16 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <head>
         <ThemeScript auto />
+        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
         <base
           href={process.env.NODE_ENV === 'production' ? '/devup-ui' : '/'}
         />
       </head>
-      <body>
+      <body
+        className={css({
+          bg: '$containerBackground',
+        })}
+      >
         <Header />
         {children}
         <Footer />
diff --git a/apps/landing/src/app/page.tsx b/apps/landing/src/app/page.tsx
index 4f838e44..68e68670 100644
--- a/apps/landing/src/app/page.tsx
+++ b/apps/landing/src/app/page.tsx
@@ -1,28 +1,27 @@
-import { Box, css, Flex, Image, Text, VStack } from '@devup-ui/react'
+import { Box, css, Flex, Grid, Image, Text, VStack } from '@devup-ui/react'
 import Link from 'next/link'
 
 import { CodeBoard } from '../components/CodeBoard'
 import { Container } from '../components/Container'
 import { Discord } from '../components/Discord'
 import { URL_PREFIX } from '../constants'
+import { FeatureCard } from './FeatureCard'
 
 export default function HomePage() {
   return (
     <>
-      <Box mt="150px">
+      <Box pt={['100px', '150px']}>
         <VStack alignItems="center" gap="50px" maxW="800px" mx="auto">
           <VStack alignItems="center" gap="24px">
             <Image h="50px" src={URL_PREFIX + '/icon.svg'} w="52px" />
             <Text color="$title" textAlign="center" typography="h1">
-              Lorem ipsum dolor sit amet,
-              <br />
-              consectetur adipiscing elit.
+              Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
             </Text>
-            <Text textAlign="center" typography="h6Reg">
-              Etiam sit amet feugiat turpis. Proin nec ante a sem vestibulum
-              sodales non ut ex. Morbi diam turpis, fringilla vitae enim et,
-              egestas consequat nibh. Etiam auctor cursus urna sit amet
-              elementum.
+            <Text color="$text" textAlign="center" typography="h6Reg">
+              Building the Future of CSS-in-JS
+              <br />
+              Analyze all possible scenarios at the fastest speed and style with
+              optimal performance.
             </Text>
           </VStack>
           <Link
@@ -32,123 +31,87 @@ export default function HomePage() {
             href={URL_PREFIX + '/docs/overview'}
           >
             <Flex
+              _active={{
+                bg: '$negativeBase',
+              }}
+              _hover={{
+                bg: '$title',
+              }}
               alignItems="center"
               bg="$text"
               borderRadius="100px"
               gap="20px"
               p="16px 40px"
             >
-              <Box bg="$secondary" borderRadius="100%" boxSize="10px" />
+              <Box
+                _active={{
+                  bg: '$third',
+                }}
+                _hover={{
+                  bg: '$primary',
+                }}
+                bg="$secondary"
+                borderRadius="100%"
+                boxSize="10px"
+              />
               <Flex alignItems="center" gap="10px">
                 <Text color="$base" typography="buttonL">
                   Get started
                 </Text>
-                <Image boxSize="24px" src={URL_PREFIX + '/arrow.svg'} />
+                <Image
+                  bg="$base"
+                  boxSize="24px"
+                  maskImage={`url(${URL_PREFIX + '/arrow.svg'})`}
+                />
               </Flex>
             </Flex>
           </Link>
         </VStack>
-        <Box maxW="1200px" mx="auto" pb="100px" pt="80px">
+        <Box maxW="1224px" mx="auto" pb="100px" pt="80px" px={3}>
           <CodeBoard />
         </Box>
-        <VStack gap="40px" maxW="1200px" mx="auto" pb="120px" pt="40px">
-          <VStack gap="16px" w="805px">
+        <VStack
+          gap="40px"
+          maxW="1232px"
+          mx="auto"
+          pb={[4, 10, '120px']}
+          pt={[4, null, '40px']}
+          px={4}
+        >
+          <VStack gap="16px">
             <Text color="$title" typography="h4">
-              Lorem ipsum dolor sit amet.
+              Features
             </Text>
-            <Text typography="textL">
-              Etiam sit amet feugiat turpis. Proin nec ante a sem vestibulum
-              sodales non ut ex. Morbi diam turpis, fringilla vitae enim et,
-              egestas consequat nibh.
+            <Text color="$text" typography="textL">
+              Devup UI offers a performance-optimized CSS-in-JS system, theme
+              typing, and amazing features for faster and safer development.
             </Text>
           </VStack>
-          <VStack gap="16px">
-            <Flex alignItems="center" gap="16px">
-              <Flex
-                bg="$cardBg"
-                borderRadius="20px"
-                flex="1"
-                gap="10px"
-                p="24px"
-              >
-                <Flex px="8px">
-                  <Image boxSize="32px" src={URL_PREFIX + '/idea.svg'} />
-                </Flex>
-                <VStack flex="1" gap="10px">
-                  <Text color="$title" typography="h6">
-                    Feature title
-                  </Text>
-                  <Text flex="1" typography="body" w="484px">
-                    Lorem ipsum dolor sit amet.
-                  </Text>
-                </VStack>
-              </Flex>
-              <Flex
-                bg="$cardBg"
-                borderRadius="20px"
-                flex="1"
-                gap="10px"
-                p="30px 24px"
-              >
-                <Flex px="8px">
-                  <Image boxSize="32px" src={URL_PREFIX + '/trophy.svg'} />
-                </Flex>
-                <VStack flex="1" gap="10px">
-                  <Text color="$title" typography="h6">
-                    Feature title
-                  </Text>
-                  <Text flex="1" typography="body" w="484px">
-                    Lorem ipsum dolor sit amet. Etiam sit amet feugiat turpis.
-                    Proin nec ante a sem vestibulum sodales non ut ex.
-                  </Text>
-                </VStack>
-              </Flex>
-            </Flex>
-            <Flex alignItems="center" gap="16px">
-              <Flex
-                bg="$cardBg"
-                borderRadius="20px"
-                flex="1"
-                gap="10px"
-                p="30px 24px"
-              >
-                <Flex px="8px">
-                  <Image boxSize="32px" src={URL_PREFIX + '/heart.svg'} />
-                </Flex>
-                <VStack flex="1" gap="10px">
-                  <Text color="$title" typography="h6">
-                    Feature title
-                  </Text>
-                  <Text flex="1" typography="body" w="484px">
-                    Lorem ipsum dolor sit amet. Etiam sit amet feugiat turpis.
-                    Proin nec ante a sem vestibulum.
-                  </Text>
-                </VStack>
-              </Flex>
-              <Flex
-                bg="$cardBg"
-                borderRadius="20px"
-                flex="1"
-                gap="10px"
-                p="30px 24px"
-              >
-                <Flex px="8px">
-                  <Image boxSize="32px" src={URL_PREFIX + '/notice.svg'} />
-                </Flex>
-                <VStack flex="1" gap="10px">
-                  <Text color="$title" typography="h6">
-                    Feature title
-                  </Text>
-                  <Text flex="1" typography="body" w="484px">
-                    Lorem ipsum dolor sit amet. Etiam sit amet feugiat turpis.
-                  </Text>
-                </VStack>
-              </Flex>
-            </Flex>
-          </VStack>
+          <Grid gap="16px" gridTemplateColumns={['1fr', null, '1fr 1fr']}>
+            <FeatureCard
+              description="A futuristic design that eliminates the root causes of performance degradation."
+              icon="/idea.svg"
+              title="Zero Runtime"
+            />
+            <FeatureCard
+              description="The fastest build speed and the smallest bundle size among CSS-in-JS solutions."
+              icon="/trophy.svg"
+              title="Top Performance"
+            />
+            <FeatureCard
+              description="Enhanced DX with typing-based support."
+              icon="/heart.svg"
+              title="Type Safety"
+            />
+            <FeatureCard
+              description="A Figma plugin enabling safer and faster development."
+              icon="/notice.svg"
+              title="Figma Plugin"
+            />
+          </Grid>
         </VStack>
         <Container>
-          <Box py="40px">
+          <Box px={4} py="40px">
             <Discord />
           </Box>
         </Container>
diff --git a/apps/landing/src/components/CodeBoard.tsx b/apps/landing/src/components/CodeBoard.tsx
index 95179f0d..529f3c1e 100644
--- a/apps/landing/src/components/CodeBoard.tsx
+++ b/apps/landing/src/components/CodeBoard.tsx
@@ -1,20 +1,18 @@
-import { Box, Flex, Text, VStack } from '@devup-ui/react'
+import { Flex, Text, VStack } from '@devup-ui/react'
 import SyntaxHighlighter from 'react-syntax-highlighter'
 import { docco } from 'react-syntax-highlighter/dist/esm/styles/hljs'
 
-const CODE = `import { css } from "./styled-system/css";
+const CODE = `import { css, Flex, Center } from "@devup-ui/react";
 function App() {
   return (
-    <div className={stack({ direction: "row", p: "4" })}>
-      <div className={circle({ size: "5rem", overflow: "hidden" })}>
+    <div className={css({ flexDir: "row", p: 4 })}>
+      {/* Support for many styles */}
+      <Flex mt={4}>
         <img src="https://via.placeholder.com/150" alt="avatar" />
-      </div>
-      <div className={css({ mt: "4", fontSize: "xl", fontWeight: "semibold" })}>
+      </Flex>
+      <Center mt={4} className={css({ mt: "4", fontSize: "xl", fontWeight: "semibold" })}>
         John Doe
-      </div>
-      <div className={css({ mt: "2", fontSize: "sm", color: "gray.600" })}>
-        john@doe.com
-      </div>
+      </Center>
     </div>
   );
 }`
@@ -30,7 +28,7 @@ export function CodeBoard() {
         p="20px 30px"
       >
         <Flex p="20px" w="100%">
-          <Text color="#FFF" flex="1" typography="code">
+          <Text color="#FFF" flex="1" overflowX="auto" typography="code">
             <SyntaxHighlighter
               customStyle={{
                 backgroundColor: 'transparent',
@@ -43,51 +41,6 @@ export function CodeBoard() {
             </SyntaxHighlighter>
           </Text>
         </Flex>
-        <Flex
-          alignItems="center"
-          bg="$secondary"
-          borderRadius="1000px"
-          gap="10px"
-          p="6px"
-          w="520px"
-        >
-          <Box
-            bg="$containerBackground"
-            borderRadius="100px"
-            boxShadow="0px 0px 8px 0px rgba(0, 0, 0, 0.25)"
-            h="46px"
-            style={{ left: '6px', top: '6px', position: 'absolute' }}
-            w="162.67px"
-          />
-          <Flex
-            alignItems="center"
-            borderRadius="1000px"
-            flex="1"
-            p="12px 34px"
-          >
-            <Text typography="buttonM">code menu</Text>
-          </Flex>
-          <Flex
-            alignItems="center"
-            borderRadius="1000px"
-            flex="1"
-            p="12px 34px"
-          >
-            <Text opacity="0.6" typography="buttonM">
-              code menu
-            </Text>
-          </Flex>
-          <Flex
-            alignItems="center"
-            borderRadius="1000px"
-            flex="1"
-            p="12px 34px"
-          >
-            <Text opacity="0.6" typography="buttonM">
-              code menu
-            </Text>
-          </Flex>
-        </Flex>
       </VStack>
     </>
   )
diff --git a/apps/landing/src/components/Discord.tsx b/apps/landing/src/components/Discord.tsx
index 6c6a5f0e..c8a25f72 100644
--- a/apps/landing/src/components/Discord.tsx
+++ b/apps/landing/src/components/Discord.tsx
@@ -1,25 +1,32 @@
-import { Center, css, Flex, Image, Text, VStack } from '@devup-ui/react'
+import { css, Flex, Image, Text, VStack } from '@devup-ui/react'
 import Link from 'next/link'
 
 import { URL_PREFIX } from '../constants'
 
 export function Discord() {
   return (
-    <Center
+    <VStack
+      alignItems="center"
       bgColor="$joinBg"
       bgImage={`url(${URL_PREFIX}/discord-bg.svg)`}
       borderRadius="40px 40px 0px 40px"
       h="380px"
+      justifyContent={[null, null, 'center']}
+      pt={[10, null, 0]}
     >
-      <VStack alignItems="flex-end" gap="50px" ml="auto" pr="100px" w="548px">
-        <VStack gap="16px">
+      <VStack
+        alignItems={['center', null, 'flex-end']}
+        gap="50px"
+        ml={[null, null, 'auto']}
+        pr={[null, null, '100px']}
+      >
+        <VStack gap="16px" textAlign={['center', null, 'left']}>
           <Text color="$title" typography="h4">
             Join our community
           </Text>
-          <Text typography="textL">
-            Etiam sit amet feugiat turpis. Proin nec ante a sem vestibulum
-            sodales non ut ex. Morbi diam turpis, fringilla vitae enim et,
-            egestas consequat nibh.
+          <Text color="$text" typography="textL">
+            Join our Discord and help build the future of frontend with
+            CSS-in-JS!
           </Text>
         </VStack>
         <Link
@@ -44,6 +51,6 @@ export function Discord() {
           </Flex>
         </Link>
       </VStack>
-    </Center>
+    </VStack>
   )
 }
diff --git a/apps/landing/src/components/Footer.tsx b/apps/landing/src/components/Footer.tsx
index 34012645..6e389b2c 100644
--- a/apps/landing/src/components/Footer.tsx
+++ b/apps/landing/src/components/Footer.tsx
@@ -4,9 +4,9 @@ import { URL_PREFIX } from '../constants'
 
 export function Footer() {
   return (
-    <VStack bg="$footerBg" gap="80px" p="60px 320px">
+    <VStack bg="$footerBg" gap="80px">
       <Flex justifyContent="space-between">
-        <VStack flex="1" gap="20px" minWidth="240px">
+        <VStack flex="1" gap="20px">
           <Text color="$footerTitle" typography="buttonS">
             메뉴 타이틀 1
           </Text>
@@ -28,7 +28,7 @@ export function Footer() {
             </Text>
           </VStack>
         </VStack>
-        <VStack flex="1" gap="20px" minWidth="240px">
+        <VStack flex="1" gap="20px">
           <Text color="$footerTitle" typography="buttonS">
             메뉴 타이틀 2
           </Text>
@@ -39,7 +39,7 @@ export function Footer() {
             상세 메뉴 2
           </Text>
         </VStack>
-        <VStack flex="1" gap="20px" minWidth="240px">
+        <VStack flex="1" gap="20px">
           <Text color="$footerTitle" typography="buttonS">
             메뉴 타이틀 3
           </Text>
diff --git a/apps/landing/src/components/Header/HeaderInput.tsx b/apps/landing/src/components/Header/HeaderInput.tsx
new file mode 100644
index 00000000..221e0527
--- /dev/null
+++ b/apps/landing/src/components/Header/HeaderInput.tsx
@@ -0,0 +1,29 @@
+import { Flex, Image, Input } from '@devup-ui/react'
+
+import { URL_PREFIX } from '../../constants'
+
+export function HeaderInput() {
+  return (
+    <Flex
+      alignItems="center"
+      bg="$menuHover"
+      borderRadius="8px"
+      gap="10px"
+      p="8px 8px 6px"
+      w="240px"
+    >
+      <Image boxSize="24px" src={URL_PREFIX + '/search.svg'} />
+      <Input
+        _placeholder={{
+          color: '$caption',
+        }}
+        bg="transparent"
+        border="none"
+        color="$text"
+        outline="none"
+        placeholder="Search documentation..."
+        typography="caption"
+      />
+    </Flex>
+  )
+}
diff --git a/apps/landing/src/components/Header/HeaderInputWrap.tsx b/apps/landing/src/components/Header/HeaderInputWrap.tsx
new file mode 100644
index 00000000..4703d0a5
--- /dev/null
+++ b/apps/landing/src/components/Header/HeaderInputWrap.tsx
@@ -0,0 +1,12 @@
+'use client'
+import { usePathname } from 'next/navigation'
+
+interface HeaderInputWrapProps {
+  children: React.ReactNode
+}
+
+export function HeaderInputWrap({ children }: HeaderInputWrapProps) {
+  const path = usePathname()
+  const root = path === '/'
+  return root ? null : children
+}
diff --git a/apps/landing/src/components/Header/HeaderWrap.tsx b/apps/landing/src/components/Header/HeaderWrap.tsx
index b59de9a9..0ccbe22d 100644
--- a/apps/landing/src/components/Header/HeaderWrap.tsx
+++ b/apps/landing/src/components/Header/HeaderWrap.tsx
@@ -10,7 +10,7 @@ export function HeaderWrap({ children }: { children: React.ReactNode }) {
     <Box
       pos={isRoot ? 'fixed' : 'sticky'}
       pt={isRoot ? [null, null, 5] : undefined}
-      px={[null, null, 4]}
+      px={isRoot ? [null, null, 4] : undefined}
       top="0"
       transition="all, 0.2s"
       w="100%"
@@ -25,7 +25,8 @@ export function HeaderWrap({ children }: { children: React.ReactNode }) {
         justifyContent="space-between"
         maxW={isRoot ? '1440px' : '100%'}
         mx="auto"
-        px={[4, 5, '40px']}
+        pl={[4, 5, '40px']}
+        pr={[null, 5, '40px']}
       >
         {children}
       </Flex>
diff --git a/apps/landing/src/components/Header/Menu.tsx b/apps/landing/src/components/Header/Menu.tsx
new file mode 100644
index 00000000..a955532e
--- /dev/null
+++ b/apps/landing/src/components/Header/Menu.tsx
@@ -0,0 +1,22 @@
+'use client'
+import { Text } from '@devup-ui/react'
+import { usePathname } from 'next/navigation'
+
+interface MenuProps {
+  children?: React.ReactNode
+  keyword: string
+}
+
+export function Menu({ children, keyword }: MenuProps) {
+  const path = usePathname()
+  const selected = path.startsWith(`/${keyword}`)
+  return (
+    <Text
+      color={selected ? '$primary' : '$title'}
+      opacity={selected ? 1 : '0.6'}
+      typography="buttonLsemiB"
+    >
+      {children}
+    </Text>
+  )
+}
diff --git a/apps/landing/src/components/Header/ThemeSwitch.tsx b/apps/landing/src/components/Header/ThemeSwitch.tsx
index f13df572..941b23e3 100644
--- a/apps/landing/src/components/Header/ThemeSwitch.tsx
+++ b/apps/landing/src/components/Header/ThemeSwitch.tsx
@@ -5,16 +5,11 @@ import { Box, getTheme, setTheme } from '@devup-ui/react'
 export function ThemeSwitch() {
   return (
     <Box
-      _themeDark={{
-        color: 'white',
-      }}
-      _themeDefault={{
-        color: 'black',
-      }}
       boxSize="24px"
+      color="$text"
       cursor="pointer"
       onClick={() => {
-        setTheme(getTheme() === 'dark' ? 'default' : 'dark')
+        setTheme(getTheme() === 'dark' ? 'light' : 'dark')
       }}
     >
       <svg
diff --git a/apps/landing/src/components/Header/index.tsx b/apps/landing/src/components/Header/index.tsx
index fd45a530..a79a53ae 100644
--- a/apps/landing/src/components/Header/index.tsx
+++ b/apps/landing/src/components/Header/index.tsx
@@ -1,8 +1,12 @@
-import { css, Flex, Image, Text } from '@devup-ui/react'
+import { css, Flex } from '@devup-ui/react'
 import Link from 'next/link'
 
 import { URL_PREFIX } from '../../constants'
+import { Logo } from '../Logo'
+import { HeaderInput } from './HeaderInput'
+import { HeaderInputWrap } from './HeaderInputWrap'
 import { HeaderWrap } from './HeaderWrap'
+import { Menu } from './Menu'
 import { ThemeSwitch } from './ThemeSwitch'
 
 export function Header() {
@@ -13,12 +17,12 @@ export function Header() {
           className={css({
             textDecoration: 'none',
           })}
-          href={URL_PREFIX}
+          href={URL_PREFIX + '/'}
         >
-          <Image h="42px" src={URL_PREFIX + '/logo.svg'} />
+          <Logo />
         </Link>
       </Flex>
-      <Flex alignItems="center" gap="10px">
+      <Flex alignItems="center" display={['none', null, 'flex']} gap="10px">
         <Flex alignItems="center" px="24px">
           <Link
             className={css({
@@ -26,9 +30,7 @@ export function Header() {
             })}
             href={URL_PREFIX + '/docs/overview'}
           >
-            <Text color="$title" opacity="0.6" typography="buttonLsemiB">
-              Docs
-            </Text>
+            <Menu keyword="docs">Docs</Menu>
           </Link>
         </Flex>
         <Flex alignItems="center" px="24px">
@@ -38,11 +40,12 @@ export function Header() {
             })}
             href={URL_PREFIX + '/team'}
           >
-            <Text color="$title" opacity="0.6" typography="buttonLsemiB">
-              Team
-            </Text>
+            <Menu keyword="team">Team</Menu>
           </Link>
         </Flex>
+        <HeaderInputWrap>
+          <HeaderInput />
+        </HeaderInputWrap>
         <Flex alignItems="center">
           <Flex alignItems="center" px="10px">
             <Link
@@ -52,7 +55,21 @@ export function Header() {
               href="https://github.com/dev-five-git/devup-ui"
               target="_blank"
             >
-              <Image boxSize="24px" src={URL_PREFIX + '/github.svg'} />
+              <svg
+                className={css({
+                  color: '$text',
+                })}
+                fill="none"
+                height="24"
+                viewBox="0 0 24 24"
+                width="24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12 2C10.6868 2 9.38642 2.25866 8.17317 2.7612C6.95991 3.26375 5.85752 4.00035 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 16.42 4.87 20.17 8.84 21.5C9.34 21.58 9.5 21.27 9.5 21V19.31C6.73 19.91 6.14 17.97 6.14 17.97C5.68 16.81 5.03 16.5 5.03 16.5C4.12 15.88 5.1 15.9 5.1 15.9C6.1 15.97 6.63 16.93 6.63 16.93C7.5 18.45 8.97 18 9.54 17.76C9.63 17.11 9.89 16.67 10.17 16.42C7.95 16.17 5.62 15.31 5.62 11.5C5.62 10.39 6 9.5 6.65 8.79C6.55 8.54 6.2 7.5 6.75 6.15C6.75 6.15 7.59 5.88 9.5 7.17C10.29 6.95 11.15 6.84 12 6.84C12.85 6.84 13.71 6.95 14.5 7.17C16.41 5.88 17.25 6.15 17.25 6.15C17.8 7.5 17.45 8.54 17.35 8.79C18 9.5 18.38 10.39 18.38 11.5C18.38 15.32 16.04 16.16 13.81 16.41C14.17 16.72 14.5 17.33 14.5 18.26V21C14.5 21.27 14.66 21.59 15.17 21.5C19.14 20.16 22 16.42 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2Z"
+                  fill="currentColor"
+                />
+              </svg>
             </Link>
           </Flex>
           <Flex alignItems="center" px="10px">
@@ -63,7 +80,21 @@ export function Header() {
               href="https://discord.gg/BtNffusw"
               target="_blank"
             >
-              <Image boxSize="24px" src={URL_PREFIX + '/discord.svg'} />
+              <svg
+                className={css({
+                  color: '$text',
+                })}
+                fill="none"
+                height="24"
+                viewBox="0 0 24 24"
+                width="24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M19.2701 5.33C17.9401 4.71 16.5001 4.26 15.0001 4C14.9737 4.00038 14.9486 4.01116 14.9301 4.03C14.7501 4.36 14.5401 4.79 14.4001 5.12C12.8091 4.88015 11.1911 4.88015 9.60012 5.12C9.46012 4.78 9.25012 4.36 9.06012 4.03C9.05012 4.01 9.02012 4 8.99012 4C7.49012 4.26 6.06012 4.71 4.72012 5.33C4.71012 5.33 4.70012 5.34 4.69012 5.35C1.97012 9.42 1.22012 13.38 1.59012 17.3C1.59012 17.32 1.60012 17.34 1.62012 17.35C3.42012 18.67 5.15012 19.47 6.86012 20C6.89012 20.01 6.92012 20 6.93012 19.98C7.33012 19.43 7.69012 18.85 8.00012 18.24C8.02012 18.2 8.00012 18.16 7.96012 18.15C7.39012 17.93 6.85012 17.67 6.32012 17.37C6.28012 17.35 6.28012 17.29 6.31012 17.26C6.42012 17.18 6.53012 17.09 6.64012 17.01C6.66012 16.99 6.69012 16.99 6.71012 17C10.1501 18.57 13.8601 18.57 17.2601 17C17.2801 16.99 17.3101 16.99 17.3301 17.01C17.4401 17.1 17.5501 17.18 17.6601 17.27C17.7001 17.3 17.7001 17.36 17.6501 17.38C17.1301 17.69 16.5801 17.94 16.0101 18.16C15.9701 18.17 15.9601 18.22 15.9701 18.25C16.2901 18.86 16.6501 19.44 17.0401 19.99C17.0701 20 17.1001 20.01 17.1301 20C18.8501 19.47 20.5801 18.67 22.3801 17.35C22.4001 17.34 22.4101 17.32 22.4101 17.3C22.8501 12.77 21.6801 8.84 19.3101 5.35C19.3001 5.34 19.2901 5.33 19.2701 5.33ZM8.52012 14.91C7.49012 14.91 6.63012 13.96 6.63012 12.79C6.63012 11.62 7.47012 10.67 8.52012 10.67C9.58012 10.67 10.4201 11.63 10.4101 12.79C10.4101 13.96 9.57012 14.91 8.52012 14.91ZM15.4901 14.91C14.4601 14.91 13.6001 13.96 13.6001 12.79C13.6001 11.62 14.4401 10.67 15.4901 10.67C16.5501 10.67 17.3901 11.63 17.3801 12.79C17.3801 13.96 16.5501 14.91 15.4901 14.91Z"
+                  fill="currentColor"
+                />
+              </svg>
             </Link>
           </Flex>
           <Flex alignItems="center" px="10px">
@@ -71,6 +102,28 @@ export function Header() {
           </Flex>
         </Flex>
       </Flex>
+      <Flex
+        alignItems="center"
+        cursor="pointer"
+        display={['flex', null, 'none']}
+        gap="10px"
+        p="10px"
+      >
+        <svg
+          fill="none"
+          height="32"
+          viewBox="0 0 32 32"
+          width="32"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clipRule="evenodd"
+            d="M5.33325 9.33333C5.33325 8.59695 5.93021 8 6.66659 8H25.3333C26.0696 8 26.6666 8.59695 26.6666 9.33333C26.6666 10.0697 26.0696 10.6667 25.3333 10.6667H6.66659C5.93021 10.6667 5.33325 10.0697 5.33325 9.33333ZM5.33325 16C5.33325 15.2636 5.93021 14.6667 6.66659 14.6667H25.3333C26.0696 14.6667 26.6666 15.2636 26.6666 16C26.6666 16.7364 26.0696 17.3333 25.3333 17.3333H6.66659C5.93021 17.3333 5.33325 16.7364 5.33325 16ZM6.66659 21.3333C5.93021 21.3333 5.33325 21.9303 5.33325 22.6667C5.33325 23.403 5.93021 24 6.66659 24H25.3333C26.0696 24 26.6666 23.403 26.6666 22.6667C26.6666 21.9303 26.0696 21.3333 25.3333 21.3333H6.66659Z"
+            fill="#2F2F2F"
+            fillRule="evenodd"
+          />
+        </svg>
+      </Flex>
     </HeaderWrap>
   )
 }
diff --git a/apps/landing/src/components/Logo.tsx b/apps/landing/src/components/Logo.tsx
new file mode 100644
index 00000000..d3095c76
--- /dev/null
+++ b/apps/landing/src/components/Logo.tsx
@@ -0,0 +1,14 @@
+import { Center, Flex, Image } from '@devup-ui/react'
+
+import { LogoText } from './LogoText'
+
+export function Logo() {
+  return (
+    <Flex alignItems="center" gap={[2, null, 4]} h={[7, '42px']}>
+      <Image h="100%" src="/logo.svg" />
+      <Center h={[5, null, '42px']}>
+        <LogoText />
+      </Center>
+    </Flex>
+  )
+}
diff --git a/apps/landing/src/components/LogoText.tsx b/apps/landing/src/components/LogoText.tsx
new file mode 100644
index 00000000..c84000be
--- /dev/null
+++ b/apps/landing/src/components/LogoText.tsx
@@ -0,0 +1,41 @@
+import { css } from '@devup-ui/react'
+
+export function LogoText() {
+  return (
+    <svg
+      className={css({
+        color: '$text',
+      })}
+      fill="none"
+      height="100%"
+      viewBox="0 0 138 42"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M133.53 10H138V32.8571H133.53V10Z" fill="currentColor" />
+      <path
+        d="M129.812 10V23.9067C129.812 29.7376 125.829 33.207 119.448 33.207C113.003 33.207 109.116 29.7959 109.116 23.965V10H113.586V23.6735C113.586 27.4344 115.561 29.6501 119.448 29.6501C123.302 29.6501 125.343 27.3469 125.343 23.586V10H129.812Z"
+        fill="currentColor"
+      />
+      <path
+        d="M78.9414 40V15.8309H83.2166V17.551C84.3502 16.414 86.0668 15.5394 88.5283 15.5394C93.7428 15.5394 97.4674 19.2128 97.4674 24.344C97.4674 29.4752 93.7428 33.1487 88.5283 33.1487C86.0668 33.1487 84.3502 32.2741 83.2166 31.137V40H78.9414ZM83.2166 24.344C83.2166 27.5219 85.1923 29.6502 88.1073 29.6502C91.0546 29.6502 93.0303 27.5219 93.0303 24.344C93.0303 21.1662 91.0546 19.0379 88.1073 19.0379C85.1923 19.0379 83.2166 21.1662 83.2166 24.344Z"
+        fill="currentColor"
+      />
+      <path
+        d="M67.7251 33.1487C63.1584 33.1487 59.5957 30.9038 59.5957 26.2099V15.8309H63.8709V25.6852C63.8709 28.4257 65.1989 29.6502 67.7251 29.6502C70.2514 29.6502 71.5793 28.4257 71.5793 25.6852V15.8309H75.8546V26.2099C75.8546 30.9038 72.2919 33.1487 67.7251 33.1487Z"
+        fill="currentColor"
+      />
+      <path
+        d="M45.7268 32.8572L39.9941 15.8309H44.4313L48.9981 29.6502L53.5324 15.8309H57.9696L52.2369 32.8572H45.7268Z"
+        fill="currentColor"
+      />
+      <path
+        d="M27.5807 25.8601L25.7022 23.4694C25.6698 23.7609 25.6698 24.0525 25.6698 24.3732C25.6698 28.2216 28.3256 29.7085 31.1758 29.7085C33.1838 29.7085 34.5441 29.0379 35.3862 27.7843H39.791C38.4955 31.312 34.9652 33.1487 31.1758 33.1487C26.2852 33.1487 21.5889 30.2041 21.5889 24.3732C21.5889 18.6297 26.3823 15.5394 31.0138 15.5394C35.8397 15.5394 40.1149 19.0088 40.1149 24.7522V25.8601H27.5807ZM31.0138 18.9213C28.941 18.9213 26.5443 19.9125 25.8641 22.6531H35.7749C35.4186 20.4082 33.5077 18.9213 31.0138 18.9213Z"
+        fill="currentColor"
+      />
+      <path
+        d="M0 32.8571V10H7.1254C15.3196 10 20.3074 14.1399 20.3074 21.4286C20.3074 28.7172 15.3196 32.8571 7.1254 32.8571H0ZM4.46957 29.3586H7.09301C12.7286 29.3586 15.773 26.5889 15.773 21.4286C15.773 16.2682 12.7286 13.4985 7.09301 13.4985H4.46957V29.3586Z"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}
diff --git a/apps/next/package.json b/apps/next/package.json
index 4c56fdcb..67788297 100644
--- a/apps/next/package.json
+++ b/apps/next/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "next": "^15.1.5",
+    "next": "^15.1.6",
     "@devup-ui/react": "workspace:*"
   },
   "devDependencies": {
diff --git a/benchmark/next-chakra-ui/package.json b/benchmark/next-chakra-ui/package.json
index 03a89bd5..686dcf05 100644
--- a/benchmark/next-chakra-ui/package.json
+++ b/benchmark/next-chakra-ui/package.json
@@ -10,9 +10,9 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.4.0",
+    "@chakra-ui/react": "^3.5.0",
     "@emotion/react": "^11.14.0",
-    "next": "^15.1.5",
+    "next": "^15.1.6",
     "next-themes": "^0.4.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
diff --git a/benchmark/next-devup-ui/package.json b/benchmark/next-devup-ui/package.json
index 9d6cd4f9..a8eda035 100644
--- a/benchmark/next-devup-ui/package.json
+++ b/benchmark/next-devup-ui/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "next": "^15.1.5",
+    "next": "^15.1.6",
     "@devup-ui/react": "workspace:*"
   },
   "devDependencies": {
diff --git a/benchmark/next-kuma-ui/package.json b/benchmark/next-kuma-ui/package.json
index e107a091..2070e1d5 100644
--- a/benchmark/next-kuma-ui/package.json
+++ b/benchmark/next-kuma-ui/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "next": "^15.1.5",
+    "next": "^15.1.6",
     "@kuma-ui/core": "^1.5.9"
   },
   "devDependencies": {
diff --git a/libs/css/src/lib.rs b/libs/css/src/lib.rs
index 690a96d5..199df6a7 100644
--- a/libs/css/src/lib.rs
+++ b/libs/css/src/lib.rs
@@ -5,13 +5,56 @@ use std::fmt;
 use std::fmt::{Display, Formatter};
 use std::sync::Mutex;
 
-#[derive(Debug, PartialEq, Clone, Hash, Eq, Ord, PartialOrd)]
+static SELECTOR_ORDER_MAP: Lazy<HashMap<String, u8>> = Lazy::new(|| {
+    let mut map = HashMap::new();
+    map.insert("disabled".to_string(), 5);
+    map.insert("selected".to_string(), 4);
+    map.insert("active".to_string(), 3);
+    map.insert("focus".to_string(), 2);
+    map.insert("hover".to_string(), 1);
+    map
+});
+
+#[derive(Debug, PartialEq, Clone, Hash, Eq)]
 pub enum StyleSelector {
     Postfix(String),
     Prefix(String),
     Dual(String, String),
 }
 
+impl PartialOrd for StyleSelector {
+    fn partial_cmp(&self, other: &Self) -> Option<std::cmp::Ordering> {
+        Some(self.cmp(other))
+    }
+}
+
+impl Ord for StyleSelector {
+    fn cmp(&self, other: &Self) -> std::cmp::Ordering {
+        match (self, other) {
+            (Postfix(a), Postfix(b)) => SELECTOR_ORDER_MAP
+                .get(a)
+                .unwrap_or(&0)
+                .cmp(SELECTOR_ORDER_MAP.get(b).unwrap_or(&0)),
+            (Prefix(a), Prefix(b)) => a.cmp(b),
+            (Dual(p1, a), Dual(p2, b)) => {
+                if p1 == p2 {
+                    SELECTOR_ORDER_MAP
+                        .get(a)
+                        .unwrap_or(&0)
+                        .cmp(SELECTOR_ORDER_MAP.get(b).unwrap_or(&0))
+                } else {
+                    p1.cmp(p2)
+                }
+            }
+            (Postfix(_), _) => std::cmp::Ordering::Less,
+            (Prefix(_), Postfix(_)) => std::cmp::Ordering::Greater,
+            (Prefix(_), _) => std::cmp::Ordering::Less,
+            (Dual(_, _), Postfix(_)) => std::cmp::Ordering::Greater,
+            (Dual(_, _), Prefix(_)) => std::cmp::Ordering::Greater,
+        }
+    }
+}
+
 impl From<&str> for StyleSelector {
     fn from(value: &str) -> Self {
         if let Some(s) = value.strip_prefix("group") {
diff --git a/libs/sheet/src/lib.rs b/libs/sheet/src/lib.rs
index 172f18ec..c7decf95 100644
--- a/libs/sheet/src/lib.rs
+++ b/libs/sheet/src/lib.rs
@@ -285,6 +285,11 @@ mod tests {
         sheet.add_property("test", "mx", 2, "40px", None, false);
         sheet.add_property("test", "my", 2, "40px", None, false);
         assert_debug_snapshot!(sheet.create_css());
+
+        let mut sheet = StyleSheet::default();
+        sheet.add_property("test", "bg", 0, "red", Some(&"hover".into()), false);
+        sheet.add_property("test", "bg", 0, "blue", Some(&"active".into()), false);
+        assert_debug_snapshot!(sheet.create_css());
     }
 
     #[test]
diff --git a/libs/sheet/src/snapshots/sheet__tests__create_css-4.snap b/libs/sheet/src/snapshots/sheet__tests__create_css-4.snap
new file mode 100644
index 00000000..eb449cc6
--- /dev/null
+++ b/libs/sheet/src/snapshots/sheet__tests__create_css-4.snap
@@ -0,0 +1,5 @@
+---
+source: libs/sheet/src/lib.rs
+expression: sheet.create_css()
+---
+".test:hover{background:red}.test:active{background:blue}"
diff --git a/package.json b/package.json
index 276e9a2a..2c249057 100644
--- a/package.json
+++ b/package.json
@@ -14,10 +14,10 @@
   "devDependencies": {
     "eslint-plugin-devup": "^2.0.1",
     "eslint": "^9.18.0",
-    "vitest": "^3.0.3",
-    "@vitest/coverage-v8": "^3.0.3",
+    "vitest": "^3.0.4",
+    "@vitest/coverage-v8": "^3.0.4",
     "@changesets/cli": "^2.27.11",
-    "@types/node": "^22.10.7",
+    "@types/node": "^22.10.10",
     "happy-dom": "^16.7.2",
     "@testing-library/react": "^16.2.0"
   },
diff --git a/packages/next-plugin/package.json b/packages/next-plugin/package.json
index 82b8a0f3..7dbf50bd 100644
--- a/packages/next-plugin/package.json
+++ b/packages/next-plugin/package.json
@@ -29,7 +29,7 @@
   "devDependencies": {
     "vite": "^6.0.11",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.3",
+    "vitest": "^3.0.4",
     "typescript": "^5.7.3"
   },
   "peerDependencies": {
diff --git a/packages/react/package.json b/packages/react/package.json
index 651ff064..246bfce3 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -30,7 +30,7 @@
     "rollup-plugin-preserve-directives": "^0.4.0",
     "vite": "^6.0.11",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.3",
+    "vitest": "^3.0.4",
     "typescript": "^5.7.3",
     "@types/react": "^19"
   },
diff --git a/packages/react/src/components/Text.tsx b/packages/react/src/components/Text.tsx
index 733a9877..8fbb19d2 100644
--- a/packages/react/src/components/Text.tsx
+++ b/packages/react/src/components/Text.tsx
@@ -1,9 +1,9 @@
-import type { DevupTypographyProps } from '../types/props'
+import type { DevupProps } from '../types/props'
 import type { Merge } from '../types/utils'
 
 export function Text<T extends React.ElementType = 'span'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupTypographyProps>,
+  props: Merge<React.ComponentProps<T>, DevupProps>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }
diff --git a/packages/react/src/types/props/index.ts b/packages/react/src/types/props/index.ts
index 41a90b51..deabd45f 100644
--- a/packages/react/src/types/props/index.ts
+++ b/packages/react/src/types/props/index.ts
@@ -1,4 +1,3 @@
-import type { DevupThemeTypography } from '../typography'
 import type { DevupUiAnimationProps } from './animation'
 import type { DevupUiBackgroundProps } from './background'
 import type { DevupUiBlendingProps } from './blending'
@@ -67,7 +66,3 @@ export interface DevupProps
     DevupThemeSelectorProps {
   as?: React.ElementType
 }
-
-export interface DevupTypographyProps extends DevupProps {
-  typography?: keyof DevupThemeTypography
-}
diff --git a/packages/react/src/types/props/text.ts b/packages/react/src/types/props/text.ts
index 9d30d36c..6f6cddaa 100644
--- a/packages/react/src/types/props/text.ts
+++ b/packages/react/src/types/props/text.ts
@@ -1,6 +1,7 @@
 import type { Property } from 'csstype'
 
 import type { ResponsiveValue } from '../responsive-value'
+import type { DevupThemeTypography } from '../typography'
 
 export interface DevupUiTextProps {
   hangingPunctuation?: ResponsiveValue<Property.HangingPunctuation>
@@ -34,4 +35,6 @@ export interface DevupUiTextProps {
   wordSpacing?: ResponsiveValue<Property.WordSpacing>
 
   content?: ResponsiveValue<Property.Content>
+
+  typography?: keyof DevupThemeTypography
 }
diff --git a/packages/webpack-plugin/package.json b/packages/webpack-plugin/package.json
index c0f8d644..0e4ae35c 100644
--- a/packages/webpack-plugin/package.json
+++ b/packages/webpack-plugin/package.json
@@ -37,7 +37,7 @@
     "vite": "^6.0.11",
     "@types/webpack": "^5.28.5",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.3",
+    "vitest": "^3.0.4",
     "typescript": "^5.7.3"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 184f1c5f..584bc4f0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,13 +16,13 @@ importers:
         version: 2.27.11
       '@testing-library/react':
         specifier: ^16.2.0
-        version: 16.2.0(@testing-library/dom@10.4.0)(@types/react-dom@19.0.3(@types/react@19.0.7))(@types/react@19.0.7)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 16.2.0(@testing-library/dom@10.4.0)(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@types/node':
-        specifier: ^22.10.7
-        version: 22.10.7
+        specifier: ^22.10.10
+        version: 22.10.10
       '@vitest/coverage-v8':
-        specifier: ^3.0.3
-        version: 3.0.3(vitest@3.0.3(@types/node@22.10.7)(happy-dom@16.7.2)(terser@5.37.0))
+        specifier: ^3.0.4
+        version: 3.0.4(vitest@3.0.4(@types/debug@4.1.12)(@types/node@22.10.10)(happy-dom@16.7.2)(terser@5.37.0))
       eslint:
         specifier: ^9.18.0
         version: 9.18.0
@@ -33,8 +33,8 @@ importers:
         specifier: ^16.7.2
         version: 16.7.2
       vitest:
-        specifier: ^3.0.3
-        version: 3.0.3(@types/node@22.10.7)(happy-dom@16.7.2)(terser@5.37.0)
+        specifier: ^3.0.4
+        version: 3.0.4(@types/debug@4.1.12)(@types/node@22.10.10)(happy-dom@16.7.2)(terser@5.37.0)
 
   apps/landing:
     dependencies:
@@ -46,16 +46,16 @@ importers:
         version: 3.1.0(acorn@8.14.0)(webpack@5.97.1)
       '@mdx-js/react':
         specifier: ^3.1.0
-        version: 3.1.0(@types/react@19.0.7)(react@19.0.0)
+        version: 3.1.0(@types/react@19.0.8)(react@19.0.0)
       '@next/mdx':
-        specifier: ^15.1.5
-        version: 15.1.5(@mdx-js/loader@3.1.0(acorn@8.14.0)(webpack@5.97.1))(@mdx-js/react@3.1.0(@types/react@19.0.7)(react@19.0.0))
+        specifier: ^15.1.6
+        version: 15.1.6(@mdx-js/loader@3.1.0(acorn@8.14.0)(webpack@5.97.1))(@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.0.0))
       '@types/mdx':
         specifier: ^2.0.13
         version: 2.0.13
       next:
-        specifier: ^15.1.5
-        version: 15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^15.1.6
+        version: 15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react:
         specifier: ^19.0.0
         version: 19.0.0
@@ -74,13 +74,13 @@ importers:
         version: link:../../packages/next-plugin
       '@types/node':
         specifier: ^22
-        version: 22.10.7
+        version: 22.10.10
       '@types/react':
         specifier: ^19
-        version: 19.0.7
+        version: 19.0.8
       '@types/react-dom':
         specifier: ^19
-        version: 19.0.3(@types/react@19.0.7)
+        version: 19.0.3(@types/react@19.0.8)
       '@types/react-syntax-highlighter':
         specifier: ^15.5.13
         version: 15.5.13
@@ -94,8 +94,8 @@ importers:
         specifier: workspace:*
         version: link:../../packages/react
       next:
-        specifier: ^15.1.5
-        version: 15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^15.1.6
+        version: 15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react:
         specifier: ^19.0.0
         version: 19.0.0
@@ -108,13 +108,13 @@ importers:
         version: link:../../packages/next-plugin
       '@types/node':
         specifier: ^22
-        version: 22.10.7
+        version: 22.10.10
       '@types/react':
         specifier: ^19
-        version: 19.0.7
+        version: 19.0.8
       '@types/react-dom':
         specifier: ^19
-        version: 19.0.3(@types/react@19.0.7)
+        version: 19.0.3(@types/react@19.0.8)
       typescript:
         specifier: ^5
         version: 5.7.3
@@ -136,22 +136,22 @@ importers:
         version: link:../../packages/vite-plugin
       '@types/node':
         specifier: ^22
-        version: 22.10.7
+        version: 22.10.10
       '@types/react':
         specifier: ^19
-        version: 19.0.7
+        version: 19.0.8
       '@types/react-dom':
         specifier: ^19
-        version: 19.0.3(@types/react@19.0.7)
+        version: 19.0.3(@types/react@19.0.8)
       '@vitejs/plugin-react':
         specifier: ^4.3.4
-        version: 4.3.4(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0))
+        version: 4.3.4(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0))
       typescript:
         specifier: ^5
         version: 5.7.3
       vite:
         specifier: ^6
-        version: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
+        version: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
 
   apps/vite-lib:
     dependencies:
@@ -163,38 +163,38 @@ importers:
         version: 19.0.0
       vite:
         specifier: ^6
-        version: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
+        version: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
     devDependencies:
       '@devup-ui/vite-plugin':
         specifier: workspace:*
         version: link:../../packages/vite-plugin
       '@types/node':
         specifier: ^22
-        version: 22.10.7
+        version: 22.10.10
       '@types/react':
         specifier: ^19
-        version: 19.0.7
+        version: 19.0.8
       '@vitejs/plugin-react':
         specifier: ^4.3.4
-        version: 4.3.4(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0))
+        version: 4.3.4(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0))
       typescript:
         specifier: ^5
         version: 5.7.3
       vite-plugin-dts:
         specifier: ^4.5.0
-        version: 4.5.0(@types/node@22.10.7)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0))
+        version: 4.5.0(@types/node@22.10.10)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0))
 
   benchmark/next-chakra-ui:
     dependencies:
       '@chakra-ui/react':
-        specifier: ^3.4.0
-        version: 3.4.0(@emotion/react@11.14.0(@types/react@19.0.7)(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^3.5.0
+        version: 3.5.0(@emotion/react@11.14.0(@types/react@19.0.8)(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@emotion/react':
         specifier: ^11.14.0
-        version: 11.14.0(@types/react@19.0.7)(react@19.0.0)
+        version: 11.14.0(@types/react@19.0.8)(react@19.0.0)
       next:
-        specifier: ^15.1.5
-        version: 15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^15.1.6
+        version: 15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       next-themes:
         specifier: ^0.4.4
         version: 0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -210,13 +210,13 @@ importers:
     devDependencies:
       '@types/node':
         specifier: ^22
-        version: 22.10.7
+        version: 22.10.10
       '@types/react':
         specifier: ^19
-        version: 19.0.7
+        version: 19.0.8
       '@types/react-dom':
         specifier: ^19
-        version: 19.0.3(@types/react@19.0.7)
+        version: 19.0.3(@types/react@19.0.8)
       typescript:
         specifier: ^5
         version: 5.7.3
@@ -227,8 +227,8 @@ importers:
         specifier: workspace:*
         version: link:../../packages/react
       next:
-        specifier: ^15.1.5
-        version: 15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^15.1.6
+        version: 15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react:
         specifier: ^19.0.0
         version: 19.0.0
@@ -241,13 +241,13 @@ importers:
         version: link:../../packages/next-plugin
       '@types/node':
         specifier: ^22
-        version: 22.10.7
+        version: 22.10.10
       '@types/react':
         specifier: ^19
-        version: 19.0.7
+        version: 19.0.8
       '@types/react-dom':
         specifier: ^19
-        version: 19.0.3(@types/react@19.0.7)
+        version: 19.0.3(@types/react@19.0.8)
       typescript:
         specifier: ^5
         version: 5.7.3
@@ -256,10 +256,10 @@ importers:
     dependencies:
       '@kuma-ui/core':
         specifier: ^1.5.9
-        version: 1.5.9(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+        version: 1.5.9(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
       next:
-        specifier: ^15.1.5
-        version: 15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^15.1.6
+        version: 15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react:
         specifier: ^19.0.0
         version: 19.0.0
@@ -269,16 +269,16 @@ importers:
     devDependencies:
       '@kuma-ui/next-plugin':
         specifier: ^1.3.3
-        version: 1.3.3(@babel/core@7.26.0)(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(webpack@5.97.1)
+        version: 1.3.3(@babel/core@7.26.0)(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(webpack@5.97.1)
       '@types/node':
         specifier: ^22
-        version: 22.10.7
+        version: 22.10.10
       '@types/react':
         specifier: ^19
-        version: 19.0.7
+        version: 19.0.8
       '@types/react-dom':
         specifier: ^19
-        version: 19.0.3(@types/react@19.0.7)
+        version: 19.0.3(@types/react@19.0.8)
       typescript:
         specifier: ^5
         version: 5.7.3
@@ -292,20 +292,20 @@ importers:
         version: link:../webpack-plugin
       next:
         specifier: ^15.1
-        version: 15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
     devDependencies:
       typescript:
         specifier: ^5.7.3
         version: 5.7.3
       vite:
         specifier: ^6
-        version: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
+        version: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
       vite-plugin-dts:
         specifier: ^4.5.0
-        version: 4.5.0(@types/node@22.10.7)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0))
+        version: 4.5.0(@types/node@22.10.10)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0))
       vitest:
-        specifier: ^3.0.3
-        version: 3.0.3(@types/node@22.10.7)(happy-dom@16.7.2)(terser@5.37.0)
+        specifier: ^3.0.4
+        version: 3.0.4(@types/debug@4.1.12)(@types/node@22.10.10)(happy-dom@16.7.2)(terser@5.37.0)
 
   packages/react:
     dependencies:
@@ -318,7 +318,7 @@ importers:
     devDependencies:
       '@types/react':
         specifier: ^19
-        version: 19.0.7
+        version: 19.0.8
       rollup-plugin-preserve-directives:
         specifier: ^0.4.0
         version: 0.4.0(rollup@4.31.0)
@@ -327,13 +327,13 @@ importers:
         version: 5.7.3
       vite:
         specifier: ^6
-        version: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
+        version: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
       vite-plugin-dts:
         specifier: ^4.5.0
-        version: 4.5.0(@types/node@22.10.7)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0))
+        version: 4.5.0(@types/node@22.10.10)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0))
       vitest:
-        specifier: ^3.0.3
-        version: 3.0.3(@types/node@22.10.7)(happy-dom@16.7.2)(terser@5.37.0)
+        specifier: ^3.0.4
+        version: 3.0.4(@types/debug@4.1.12)(@types/node@22.10.10)(happy-dom@16.7.2)(terser@5.37.0)
 
   packages/vite-plugin:
     dependencies:
@@ -342,14 +342,14 @@ importers:
         version: link:../../bindings/devup-ui-wasm
       vite:
         specifier: ^6
-        version: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
+        version: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
     devDependencies:
       typescript:
         specifier: ^5.7.3
         version: 5.7.3
       vite-plugin-dts:
         specifier: ^4.5.0
-        version: 4.5.0(@types/node@22.10.7)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0))
+        version: 4.5.0(@types/node@22.10.10)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0))
 
   packages/webpack-plugin:
     dependencies:
@@ -365,13 +365,13 @@ importers:
         version: 5.7.3
       vite:
         specifier: ^6
-        version: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
+        version: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
       vite-plugin-dts:
         specifier: ^4.5.0
-        version: 4.5.0(@types/node@22.10.7)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0))
+        version: 4.5.0(@types/node@22.10.10)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0))
       vitest:
-        specifier: ^3.0.3
-        version: 3.0.3(@types/node@22.10.7)(happy-dom@16.7.2)(terser@5.37.0)
+        specifier: ^3.0.4
+        version: 3.0.4(@types/debug@4.1.12)(@types/node@22.10.10)(happy-dom@16.7.2)(terser@5.37.0)
 
 packages:
 
@@ -940,8 +940,8 @@ packages:
     resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
     engines: {node: '>=18'}
 
-  '@chakra-ui/react@3.4.0':
-    resolution: {integrity: sha512-ImnUqpZspxVbEMiKUbkIb1ReA9sXioQawKMbW/bGY21O3MjPpNPs9KX1bMk5n4VfsEUlyN0BXwK51lqhFDCEUg==}
+  '@chakra-ui/react@3.5.0':
+    resolution: {integrity: sha512-GUX9xOkSF9QeG8Efv5K8Fl5RvQwTPf9bDktuCOH6oIIBWJr3KiHTchIQsVzVNJ1wZjCXlGTXBG4yAq4cJFBhOQ==}
     peerDependencies:
       '@emotion/react': '>=11'
       react: '>=18'
@@ -1613,11 +1613,11 @@ packages:
   '@microsoft/tsdoc@0.15.1':
     resolution: {integrity: sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==}
 
-  '@next/env@15.1.5':
-    resolution: {integrity: sha512-jg8ygVq99W3/XXb9Y6UQsritwhjc+qeiO7QrGZRYOfviyr/HcdnhdBQu4gbp2rBIh2ZyBYTBMWbPw3JSCb0GHw==}
+  '@next/env@15.1.6':
+    resolution: {integrity: sha512-d9AFQVPEYNr+aqokIiPLNK/MTyt3DWa/dpKveiAaVccUadFbhFEvY6FXYX2LJO2Hv7PHnLBu2oWwB4uBuHjr/w==}
 
-  '@next/mdx@15.1.5':
-    resolution: {integrity: sha512-EvsbFpyNtDHA8lbGO2LU+VdOXuxqasE3TQRIHBHV0i4lS4AHNfGmPCUkf3nuwoJvgSprxYLZyV8hx3+hZPT8dA==}
+  '@next/mdx@15.1.6':
+    resolution: {integrity: sha512-jt9b9ayY8z3F/oQa2YCK7NugxY6ttAiJ8Eu29OTwwW5rcYMjXohIRaqsSrgFWhCFkJA6/EccKO+1ApocCZnn5A==}
     peerDependencies:
       '@mdx-js/loader': '>=0.15.0'
       '@mdx-js/react': '>=0.15.0'
@@ -1627,50 +1627,50 @@ packages:
       '@mdx-js/react':
         optional: true
 
-  '@next/swc-darwin-arm64@15.1.5':
-    resolution: {integrity: sha512-5ttHGE75Nw9/l5S8zR2xEwR8OHEqcpPym3idIMAZ2yo+Edk0W/Vf46jGqPOZDk+m/SJ+vYZDSuztzhVha8rcdA==}
+  '@next/swc-darwin-arm64@15.1.6':
+    resolution: {integrity: sha512-u7lg4Mpl9qWpKgy6NzEkz/w0/keEHtOybmIl0ykgItBxEM5mYotS5PmqTpo+Rhg8FiOiWgwr8USxmKQkqLBCrw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@15.1.5':
-    resolution: {integrity: sha512-8YnZn7vDURUUTInfOcU5l0UWplZGBqUlzvqKKUFceM11SzfNEz7E28E1Arn4/FsOf90b1Nopboy7i7ufc4jXag==}
+  '@next/swc-darwin-x64@15.1.6':
+    resolution: {integrity: sha512-x1jGpbHbZoZ69nRuogGL2MYPLqohlhnT9OCU6E6QFewwup+z+M6r8oU47BTeJcWsF2sdBahp5cKiAcDbwwK/lg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@next/swc-linux-arm64-gnu@15.1.5':
-    resolution: {integrity: sha512-rDJC4ctlYbK27tCyFUhgIv8o7miHNlpCjb2XXfTLQszwAUOSbcMN9q2y3urSrrRCyGVOd9ZR9a4S45dRh6JF3A==}
+  '@next/swc-linux-arm64-gnu@15.1.6':
+    resolution: {integrity: sha512-jar9sFw0XewXsBzPf9runGzoivajeWJUc/JkfbLTC4it9EhU8v7tCRLH7l5Y1ReTMN6zKJO0kKAGqDk8YSO2bg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-arm64-musl@15.1.5':
-    resolution: {integrity: sha512-FG5RApf4Gu+J+pHUQxXPM81oORZrKBYKUaBTylEIQ6Lz17hKVDsLbSXInfXM0giclvXbyiLXjTv42sQMATmZ0A==}
+  '@next/swc-linux-arm64-musl@15.1.6':
+    resolution: {integrity: sha512-+n3u//bfsrIaZch4cgOJ3tXCTbSxz0s6brJtU3SzLOvkJlPQMJ+eHVRi6qM2kKKKLuMY+tcau8XD9CJ1OjeSQQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-x64-gnu@15.1.5':
-    resolution: {integrity: sha512-NX2Ar3BCquAOYpnoYNcKz14eH03XuF7SmSlPzTSSU4PJe7+gelAjxo3Y7F2m8+hLT8ZkkqElawBp7SWBdzwqQw==}
+  '@next/swc-linux-x64-gnu@15.1.6':
+    resolution: {integrity: sha512-SpuDEXixM3PycniL4iVCLyUyvcl6Lt0mtv3am08sucskpG0tYkW1KlRhTgj4LI5ehyxriVVcfdoxuuP8csi3kQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-linux-x64-musl@15.1.5':
-    resolution: {integrity: sha512-EQgqMiNu3mrV5eQHOIgeuh6GB5UU57tu17iFnLfBEhYfiOfyK+vleYKh2dkRVkV6ayx3eSqbIYgE7J7na4hhcA==}
+  '@next/swc-linux-x64-musl@15.1.6':
+    resolution: {integrity: sha512-L4druWmdFSZIIRhF+G60API5sFB7suTbDRhYWSjiw0RbE+15igQvE2g2+S973pMGvwN3guw7cJUjA/TmbPWTHQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-win32-arm64-msvc@15.1.5':
-    resolution: {integrity: sha512-HPULzqR/VqryQZbZME8HJE3jNFmTGcp+uRMHabFbQl63TtDPm+oCXAz3q8XyGv2AoihwNApVlur9Up7rXWRcjg==}
+  '@next/swc-win32-arm64-msvc@15.1.6':
+    resolution: {integrity: sha512-s8w6EeqNmi6gdvM19tqKKWbCyOBvXFbndkGHl+c9YrzsLARRdCHsD9S1fMj8gsXm9v8vhC8s3N8rjuC/XrtkEg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@next/swc-win32-x64-msvc@15.1.5':
-    resolution: {integrity: sha512-n74fUb/Ka1dZSVYfjwQ+nSJ+ifUff7jGurFcTuJNKZmI62FFOxQXUYit/uZXPTj2cirm1rvGWHG2GhbSol5Ikw==}
+  '@next/swc-win32-x64-msvc@15.1.6':
+    resolution: {integrity: sha512-6xomMuu54FAFxttYr5PJbEfu96godcxBTRk1OhAvJq0/EnmFU/Ybiax30Snis4vdWZ9LGpf7Roy5fSs7v/5ROQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -1914,8 +1914,8 @@ packages:
   '@types/node@12.20.55':
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
 
-  '@types/node@22.10.7':
-    resolution: {integrity: sha512-V09KvXxFiutGp6B7XkpaDXlNadZxrzajcY50EuoLIpQ6WWYCSvf19lVIazzfIzQvhUN2HjX12spLojTnhuKlGg==}
+  '@types/node@22.10.10':
+    resolution: {integrity: sha512-X47y/mPNzxviAGY5TcYPtYL8JsY3kAq2n8fMmKoRCxq/c4v4pyGNCzM2R6+M5/umG4ZfHuT+sgqDYqWc9rJ6ww==}
 
   '@types/parse-json@4.0.2':
     resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
@@ -1928,8 +1928,8 @@ packages:
   '@types/react-syntax-highlighter@15.5.13':
     resolution: {integrity: sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA==}
 
-  '@types/react@19.0.7':
-    resolution: {integrity: sha512-MoFsEJKkAtZCrC1r6CM8U22GzhG7u2Wir8ons/aCKH6MBdD1ibV24zOSSkdZVUKqN5i396zG5VKLYZ3yaUZdLA==}
+  '@types/react@19.0.8':
+    resolution: {integrity: sha512-9P/o1IGdfmQxrujGbIMDyYaaCykhLKc0NGCtYcECNUr9UAaDe4gwvV9bR6tvd5Br1SG0j+PBpbKr2UYY8CwqSw==}
 
   '@types/stylis@4.2.7':
     resolution: {integrity: sha512-VgDNokpBoKF+wrdvhAAfS55OMQpL6QRglwTwNC3kIgBrzZxA4WsFj+2eLfEA/uMUDzBcEhYmjSbwQakn/i3ajA==}
@@ -1990,8 +1990,8 @@ packages:
     resolution: {integrity: sha512-BkLMNpdV6prozk8LlyK/SOoWLmUFi+ZD+pcqti9ILCbVvHGk1ui1g4jJOc2WDLaeExz2qWwojxlPce5PljcT3w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@ungap/structured-clone@1.2.1':
-    resolution: {integrity: sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==}
+  '@ungap/structured-clone@1.3.0':
+    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
 
   '@vitejs/plugin-react@4.3.4':
     resolution: {integrity: sha512-SCCPBJtYLdE8PX/7ZQAs1QAZ8Jqwih+0VBLum1EGqmCCQal+MIUqLCzj3ZUy8ufbC0cAM4LRlSTm7IQJwWT4ug==}
@@ -1999,20 +1999,20 @@ packages:
     peerDependencies:
       vite: ^6
 
-  '@vitest/coverage-v8@3.0.3':
-    resolution: {integrity: sha512-uVbJ/xhImdNtzPnLyxCZJMTeTIYdgcC2nWtBBBpR1H6z0w8m7D+9/zrDIx2nNxgMg9r+X8+RY2qVpUDeW2b3nw==}
+  '@vitest/coverage-v8@3.0.4':
+    resolution: {integrity: sha512-f0twgRCHgbs24Dp8cLWagzcObXMcuKtAwgxjJV/nnysPAJJk1JiKu/W0gIehZLmkljhJXU/E0/dmuQzsA/4jhA==}
     peerDependencies:
-      '@vitest/browser': 3.0.3
-      vitest: 3.0.3
+      '@vitest/browser': 3.0.4
+      vitest: 3.0.4
     peerDependenciesMeta:
       '@vitest/browser':
         optional: true
 
-  '@vitest/expect@3.0.3':
-    resolution: {integrity: sha512-SbRCHU4qr91xguu+dH3RUdI5dC86zm8aZWydbp961aIR7G8OYNN6ZiayFuf9WAngRbFOfdrLHCGgXTj3GtoMRQ==}
+  '@vitest/expect@3.0.4':
+    resolution: {integrity: sha512-Nm5kJmYw6P2BxhJPkO3eKKhGYKRsnqJqf+r0yOGRKpEP+bSCBDsjXgiu1/5QFrnPMEgzfC38ZEjvCFgaNBC0Eg==}
 
-  '@vitest/mocker@3.0.3':
-    resolution: {integrity: sha512-XT2XBc4AN9UdaxJAeIlcSZ0ILi/GzmG5G8XSly4gaiqIvPV3HMTSIDZWJVX6QRJ0PX1m+W8Cy0K9ByXNb/bPIA==}
+  '@vitest/mocker@3.0.4':
+    resolution: {integrity: sha512-gEef35vKafJlfQbnyOXZ0Gcr9IBUsMTyTLXsEQwuyYAerpHqvXhzdBnDFuHLpFqth3F7b6BaFr4qV/Cs1ULx5A==}
     peerDependencies:
       msw: ^2.4.9
       vite: ^6
@@ -2022,20 +2022,20 @@ packages:
       vite:
         optional: true
 
-  '@vitest/pretty-format@3.0.3':
-    resolution: {integrity: sha512-gCrM9F7STYdsDoNjGgYXKPq4SkSxwwIU5nkaQvdUxiQ0EcNlez+PdKOVIsUJvh9P9IeIFmjn4IIREWblOBpP2Q==}
+  '@vitest/pretty-format@3.0.4':
+    resolution: {integrity: sha512-ts0fba+dEhK2aC9PFuZ9LTpULHpY/nd6jhAQ5IMU7Gaj7crPCTdCFfgvXxruRBLFS+MLraicCuFXxISEq8C93g==}
 
-  '@vitest/runner@3.0.3':
-    resolution: {integrity: sha512-Rgi2kOAk5ZxWZlwPguRJFOBmWs6uvvyAAR9k3MvjRvYrG7xYvKChZcmnnpJCS98311CBDMqsW9MzzRFsj2gX3g==}
+  '@vitest/runner@3.0.4':
+    resolution: {integrity: sha512-dKHzTQ7n9sExAcWH/0sh1elVgwc7OJ2lMOBrAm73J7AH6Pf9T12Zh3lNE1TETZaqrWFXtLlx3NVrLRb5hCK+iw==}
 
-  '@vitest/snapshot@3.0.3':
-    resolution: {integrity: sha512-kNRcHlI4txBGztuJfPEJ68VezlPAXLRT1u5UCx219TU3kOG2DplNxhWLwDf2h6emwmTPogzLnGVwP6epDaJN6Q==}
+  '@vitest/snapshot@3.0.4':
+    resolution: {integrity: sha512-+p5knMLwIk7lTQkM3NonZ9zBewzVp9EVkVpvNta0/PlFWpiqLaRcF4+33L1it3uRUCh0BGLOaXPPGEjNKfWb4w==}
 
-  '@vitest/spy@3.0.3':
-    resolution: {integrity: sha512-7/dgux8ZBbF7lEIKNnEqQlyRaER9nkAL9eTmdKJkDO3hS8p59ATGwKOCUDHcBLKr7h/oi/6hP+7djQk8049T2A==}
+  '@vitest/spy@3.0.4':
+    resolution: {integrity: sha512-sXIMF0oauYyUy2hN49VFTYodzEAu744MmGcPR3ZBsPM20G+1/cSW/n1U+3Yu/zHxX2bIDe1oJASOkml+osTU6Q==}
 
-  '@vitest/utils@3.0.3':
-    resolution: {integrity: sha512-f+s8CvyzPtMFY1eZKkIHGhPsQgYo5qCm6O8KZoim9qm1/jT64qBgGpO5tHscNH6BzRHM+edLNOP+3vO8+8pE/A==}
+  '@vitest/utils@3.0.4':
+    resolution: {integrity: sha512-8BqC1ksYsHtbWH+DfpOAKrFw3jl3Uf9J7yeFh85Pz52IWuh1hBBtyfEbRNNZNjl8H8A5yMLH9/t+k7HIKzQcZQ==}
 
   '@volar/language-core@2.4.11':
     resolution: {integrity: sha512-lN2C1+ByfW9/JRPpqScuZt/4OrUUse57GLI6TbLgTIqBVemdl1wNcZ1qYGEo2+Gw8coYLgCy7SuKqn6IrQcQgg==}
@@ -2450,6 +2450,10 @@ packages:
     resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
     hasBin: true
 
+  async-function@1.0.0:
+    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
+    engines: {node: '>= 0.4'}
+
   available-typed-arrays@1.0.7:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
@@ -2726,8 +2730,8 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  electron-to-chromium@1.5.84:
-    resolution: {integrity: sha512-I+DQ8xgafao9Ha6y0qjHHvpZ9OfyA1qKlkHkjywxzniORU2awxyz7f/iVJcULmrF2yrM3nHQf+iDjJtbbexd/g==}
+  electron-to-chromium@1.5.87:
+    resolution: {integrity: sha512-mPFwmEWmRivw2F8x3w3l2m6htAUN97Gy0kwpO++2m9iT1Gt8RCFVUfv9U/sIbHJ6rY4P6/ooqFL/eL7ock+pPg==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -3224,8 +3228,8 @@ packages:
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
-  is-async-function@2.1.0:
-    resolution: {integrity: sha512-GExz9MtyhlZyXYLxzlJRj5WUCE661zhDa1Yna52CN57AJsymh+DvXXjyveSioqSRdxvUrdKdvqB1b5cVKsNpWQ==}
+  is-async-function@2.1.1:
+    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
     engines: {node: '>= 0.4'}
 
   is-bigint@1.1.0:
@@ -3624,8 +3628,8 @@ packages:
   micromark-util-sanitize-uri@2.0.1:
     resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
 
-  micromark-util-subtokenize@2.0.3:
-    resolution: {integrity: sha512-VXJJuNxYWSoYL6AJ6OQECCFGhIU2GGHMw8tahogePBrjkG8aCCas3ibkp7RnVOSTClg2is05/R7maAhF1XyQMg==}
+  micromark-util-subtokenize@2.0.4:
+    resolution: {integrity: sha512-N6hXjrin2GTJDe3MVjf5FuXpm12PGm80BrUAeub9XFXca8JZbP+oIwY4LJSVwFUCL1IPm/WwSVUN7goFHmSGGQ==}
 
   micromark-util-symbol@2.0.1:
     resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
@@ -3701,8 +3705,8 @@ packages:
       react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
       react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
-  next@15.1.5:
-    resolution: {integrity: sha512-Cf/TEegnt01hn3Hoywh6N8fvkhbOuChO4wFje24+a86wKOubgVaWkDqxGVgoWlz2Hp9luMJ9zw3epftujdnUOg==}
+  next@15.1.6:
+    resolution: {integrity: sha512-Hch4wzbaX0vKQtalpXvUiw5sYivBy4cm5rzUKrBnUB/y436LGrvOUqYvlSeNVCWFO/770gDlltR9gqZH62ct4Q==}
     engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
     hasBin: true
     peerDependencies:
@@ -4497,8 +4501,8 @@ packages:
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
-  vite-node@3.0.3:
-    resolution: {integrity: sha512-0sQcwhwAEw/UJGojbhOrnq3HtiZ3tC7BzpAa0lx3QaTX0S3YX70iGcik25UBdB96pmdwjyY2uyKNYruxCDmiEg==}
+  vite-node@3.0.4:
+    resolution: {integrity: sha512-7JZKEzcYV2Nx3u6rlvN8qdo3QV7Fxyt6hx+CCKz9fbWxdX5IvUOmTWEAxMrWxaiSf7CKGLJQ5rFu8prb/jBjOA==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
 
@@ -4551,20 +4555,23 @@ packages:
       yaml:
         optional: true
 
-  vitest@3.0.3:
-    resolution: {integrity: sha512-dWdwTFUW9rcnL0LyF2F+IfvNQWB0w9DERySCk8VMG75F8k25C7LsZoh6XfCjPvcR8Nb+Lqi9JKr6vnzH7HSrpQ==}
+  vitest@3.0.4:
+    resolution: {integrity: sha512-6XG8oTKy2gnJIFTHP6LD7ExFeNLxiTkK3CfMvT7IfR8IN+BYICCf0lXUQmX7i7JoxUP8QmeP4mTnWXgflu4yjw==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
+      '@types/debug': ^4.1.12
       '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
-      '@vitest/browser': 3.0.3
-      '@vitest/ui': 3.0.3
+      '@vitest/browser': 3.0.4
+      '@vitest/ui': 3.0.4
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
       '@edge-runtime/vm':
         optional: true
+      '@types/debug':
+        optional: true
       '@types/node':
         optional: true
       '@vitest/browser':
@@ -5456,11 +5463,11 @@ snapshots:
 
   '@bcoe/v8-coverage@1.0.2': {}
 
-  '@chakra-ui/react@3.4.0(@emotion/react@11.14.0(@types/react@19.0.7)(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@chakra-ui/react@3.5.0(@emotion/react@11.14.0(@types/react@19.0.8)(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@ark-ui/react': 4.8.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@emotion/is-prop-valid': 1.3.1
-      '@emotion/react': 11.14.0(@types/react@19.0.7)(react@19.0.0)
+      '@emotion/react': 11.14.0(@types/react@19.0.8)(react@19.0.0)
       '@emotion/serialize': 1.3.3
       '@emotion/use-insertion-effect-with-fallbacks': 1.2.0(react@19.0.0)
       '@emotion/utils': 1.4.2
@@ -5648,7 +5655,7 @@ snapshots:
 
   '@emotion/memoize@0.9.0': {}
 
-  '@emotion/react@11.14.0(@types/react@19.0.7)(react@19.0.0)':
+  '@emotion/react@11.14.0(@types/react@19.0.8)(react@19.0.0)':
     dependencies:
       '@babel/runtime': 7.26.0
       '@emotion/babel-plugin': 11.13.5
@@ -5660,7 +5667,7 @@ snapshots:
       hoist-non-react-statics: 3.3.2
       react: 19.0.0
     optionalDependencies:
-      '@types/react': 19.0.7
+      '@types/react': 19.0.8
     transitivePeerDependencies:
       - supports-color
 
@@ -6007,10 +6014,10 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@kuma-ui/babel-plugin@1.2.3(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
+  '@kuma-ui/babel-plugin@1.2.3(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@babel/core': 7.26.0
-      '@kuma-ui/core': 1.5.9(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+      '@kuma-ui/core': 1.5.9(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
       '@kuma-ui/sheet': 1.3.1
       '@kuma-ui/system': 1.7.6
     transitivePeerDependencies:
@@ -6019,11 +6026,11 @@ snapshots:
       - react
       - supports-color
 
-  '@kuma-ui/compiler@1.3.3(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
+  '@kuma-ui/compiler@1.3.3(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@babel/core': 7.26.0
-      '@kuma-ui/babel-plugin': 1.2.3(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
-      '@kuma-ui/core': 1.5.9(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+      '@kuma-ui/babel-plugin': 1.2.3(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+      '@kuma-ui/core': 1.5.9(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
       '@kuma-ui/sheet': 1.3.1
       '@kuma-ui/system': 1.7.6
       '@kuma-ui/wasm': 1.0.3
@@ -6034,7 +6041,7 @@ snapshots:
       - react
       - supports-color
 
-  '@kuma-ui/core@1.5.9(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
+  '@kuma-ui/core@1.5.9(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@kuma-ui/sheet': 1.3.1
       '@kuma-ui/system': 1.7.6
@@ -6042,23 +6049,23 @@ snapshots:
       react: 19.0.0
       stylis: 4.3.5
     optionalDependencies:
-      '@types/react': 19.0.7
-      next: 15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@types/react': 19.0.8
+      next: 15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
 
-  '@kuma-ui/next-plugin@1.3.3(@babel/core@7.26.0)(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(webpack@5.97.1)':
+  '@kuma-ui/next-plugin@1.3.3(@babel/core@7.26.0)(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(webpack@5.97.1)':
     dependencies:
       '@babel/preset-env': 7.26.0(@babel/core@7.26.0)
       '@babel/preset-react': 7.26.3(@babel/core@7.26.0)
       '@babel/preset-typescript': 7.26.0(@babel/core@7.26.0)
-      '@kuma-ui/core': 1.5.9(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
-      '@kuma-ui/webpack-plugin': 1.4.3(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(webpack@5.97.1)
+      '@kuma-ui/core': 1.5.9(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+      '@kuma-ui/webpack-plugin': 1.4.3(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(webpack@5.97.1)
       babel-loader: 9.2.1(@babel/core@7.26.0)(webpack@5.97.1)
       browserslist: 4.21.5
-      next: 15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next: 15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react: 19.0.0
       webpack: 5.97.1
     optionalDependencies:
-      '@types/react': 19.0.7
+      '@types/react': 19.0.8
     transitivePeerDependencies:
       - '@babel/core'
       - supports-color
@@ -6074,9 +6081,9 @@ snapshots:
 
   '@kuma-ui/wasm@1.0.3': {}
 
-  '@kuma-ui/webpack-plugin@1.4.3(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(webpack@5.97.1)':
+  '@kuma-ui/webpack-plugin@1.4.3(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(webpack@5.97.1)':
     dependencies:
-      '@kuma-ui/compiler': 1.3.3(@types/react@19.0.7)(next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+      '@kuma-ui/compiler': 1.3.3(@types/react@19.0.8)(next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
       '@kuma-ui/sheet': 1.3.1
       '@kuma-ui/system': 1.7.6
       esbuild: 0.18.20
@@ -6144,29 +6151,29 @@ snapshots:
       - acorn
       - supports-color
 
-  '@mdx-js/react@3.1.0(@types/react@19.0.7)(react@19.0.0)':
+  '@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.0.0)':
     dependencies:
       '@types/mdx': 2.0.13
-      '@types/react': 19.0.7
+      '@types/react': 19.0.8
       react: 19.0.0
 
-  '@microsoft/api-extractor-model@7.30.2(@types/node@22.10.7)':
+  '@microsoft/api-extractor-model@7.30.2(@types/node@22.10.10)':
     dependencies:
       '@microsoft/tsdoc': 0.15.1
       '@microsoft/tsdoc-config': 0.17.1
-      '@rushstack/node-core-library': 5.10.2(@types/node@22.10.7)
+      '@rushstack/node-core-library': 5.10.2(@types/node@22.10.10)
     transitivePeerDependencies:
       - '@types/node'
 
-  '@microsoft/api-extractor@7.49.1(@types/node@22.10.7)':
+  '@microsoft/api-extractor@7.49.1(@types/node@22.10.10)':
     dependencies:
-      '@microsoft/api-extractor-model': 7.30.2(@types/node@22.10.7)
+      '@microsoft/api-extractor-model': 7.30.2(@types/node@22.10.10)
       '@microsoft/tsdoc': 0.15.1
       '@microsoft/tsdoc-config': 0.17.1
-      '@rushstack/node-core-library': 5.10.2(@types/node@22.10.7)
+      '@rushstack/node-core-library': 5.10.2(@types/node@22.10.10)
       '@rushstack/rig-package': 0.5.3
-      '@rushstack/terminal': 0.14.5(@types/node@22.10.7)
-      '@rushstack/ts-command-line': 4.23.3(@types/node@22.10.7)
+      '@rushstack/terminal': 0.14.5(@types/node@22.10.10)
+      '@rushstack/ts-command-line': 4.23.3(@types/node@22.10.10)
       lodash: 4.17.21
       minimatch: 3.0.8
       resolve: 1.22.10
@@ -6185,37 +6192,37 @@ snapshots:
 
   '@microsoft/tsdoc@0.15.1': {}
 
-  '@next/env@15.1.5': {}
+  '@next/env@15.1.6': {}
 
-  '@next/mdx@15.1.5(@mdx-js/loader@3.1.0(acorn@8.14.0)(webpack@5.97.1))(@mdx-js/react@3.1.0(@types/react@19.0.7)(react@19.0.0))':
+  '@next/mdx@15.1.6(@mdx-js/loader@3.1.0(acorn@8.14.0)(webpack@5.97.1))(@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.0.0))':
     dependencies:
       source-map: 0.7.4
     optionalDependencies:
       '@mdx-js/loader': 3.1.0(acorn@8.14.0)(webpack@5.97.1)
-      '@mdx-js/react': 3.1.0(@types/react@19.0.7)(react@19.0.0)
+      '@mdx-js/react': 3.1.0(@types/react@19.0.8)(react@19.0.0)
 
-  '@next/swc-darwin-arm64@15.1.5':
+  '@next/swc-darwin-arm64@15.1.6':
     optional: true
 
-  '@next/swc-darwin-x64@15.1.5':
+  '@next/swc-darwin-x64@15.1.6':
     optional: true
 
-  '@next/swc-linux-arm64-gnu@15.1.5':
+  '@next/swc-linux-arm64-gnu@15.1.6':
     optional: true
 
-  '@next/swc-linux-arm64-musl@15.1.5':
+  '@next/swc-linux-arm64-musl@15.1.6':
     optional: true
 
-  '@next/swc-linux-x64-gnu@15.1.5':
+  '@next/swc-linux-x64-gnu@15.1.6':
     optional: true
 
-  '@next/swc-linux-x64-musl@15.1.5':
+  '@next/swc-linux-x64-musl@15.1.6':
     optional: true
 
-  '@next/swc-win32-arm64-msvc@15.1.5':
+  '@next/swc-win32-arm64-msvc@15.1.6':
     optional: true
 
-  '@next/swc-win32-x64-msvc@15.1.5':
+  '@next/swc-win32-x64-msvc@15.1.6':
     optional: true
 
   '@nodelib/fs.scandir@2.1.5':
@@ -6302,7 +6309,7 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.31.0':
     optional: true
 
-  '@rushstack/node-core-library@5.10.2(@types/node@22.10.7)':
+  '@rushstack/node-core-library@5.10.2(@types/node@22.10.10)':
     dependencies:
       ajv: 8.13.0
       ajv-draft-04: 1.0.0(ajv@8.13.0)
@@ -6313,23 +6320,23 @@ snapshots:
       resolve: 1.22.10
       semver: 7.5.4
     optionalDependencies:
-      '@types/node': 22.10.7
+      '@types/node': 22.10.10
 
   '@rushstack/rig-package@0.5.3':
     dependencies:
       resolve: 1.22.10
       strip-json-comments: 3.1.1
 
-  '@rushstack/terminal@0.14.5(@types/node@22.10.7)':
+  '@rushstack/terminal@0.14.5(@types/node@22.10.10)':
     dependencies:
-      '@rushstack/node-core-library': 5.10.2(@types/node@22.10.7)
+      '@rushstack/node-core-library': 5.10.2(@types/node@22.10.10)
       supports-color: 8.1.1
     optionalDependencies:
-      '@types/node': 22.10.7
+      '@types/node': 22.10.10
 
-  '@rushstack/ts-command-line@4.23.3(@types/node@22.10.7)':
+  '@rushstack/ts-command-line@4.23.3(@types/node@22.10.10)':
     dependencies:
-      '@rushstack/terminal': 0.14.5(@types/node@22.10.7)
+      '@rushstack/terminal': 0.14.5(@types/node@22.10.10)
       '@types/argparse': 1.0.38
       argparse: 1.0.10
       string-argv: 0.3.2
@@ -6361,15 +6368,15 @@ snapshots:
       lz-string: 1.5.0
       pretty-format: 27.5.1
 
-  '@testing-library/react@16.2.0(@testing-library/dom@10.4.0)(@types/react-dom@19.0.3(@types/react@19.0.7))(@types/react@19.0.7)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@testing-library/react@16.2.0(@testing-library/dom@10.4.0)(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@babel/runtime': 7.26.0
       '@testing-library/dom': 10.4.0
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': 19.0.7
-      '@types/react-dom': 19.0.3(@types/react@19.0.7)
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
 
   '@ts-morph/common@0.20.0':
     dependencies:
@@ -6447,21 +6454,21 @@ snapshots:
 
   '@types/node@12.20.55': {}
 
-  '@types/node@22.10.7':
+  '@types/node@22.10.10':
     dependencies:
       undici-types: 6.20.0
 
   '@types/parse-json@4.0.2': {}
 
-  '@types/react-dom@19.0.3(@types/react@19.0.7)':
+  '@types/react-dom@19.0.3(@types/react@19.0.8)':
     dependencies:
-      '@types/react': 19.0.7
+      '@types/react': 19.0.8
 
   '@types/react-syntax-highlighter@15.5.13':
     dependencies:
-      '@types/react': 19.0.7
+      '@types/react': 19.0.8
 
-  '@types/react@19.0.7':
+  '@types/react@19.0.8':
     dependencies:
       csstype: 3.1.3
 
@@ -6473,7 +6480,7 @@ snapshots:
 
   '@types/webpack@5.28.5':
     dependencies:
-      '@types/node': 22.10.7
+      '@types/node': 22.10.10
       tapable: 2.2.1
       webpack: 5.97.1
     transitivePeerDependencies:
@@ -6559,20 +6566,20 @@ snapshots:
       '@typescript-eslint/types': 8.21.0
       eslint-visitor-keys: 4.2.0
 
-  '@ungap/structured-clone@1.2.1': {}
+  '@ungap/structured-clone@1.3.0': {}
 
-  '@vitejs/plugin-react@4.3.4(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0))':
+  '@vitejs/plugin-react@4.3.4(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0))':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.0)
       '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
-      vite: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
+      vite: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/coverage-v8@3.0.3(vitest@3.0.3(@types/node@22.10.7)(happy-dom@16.7.2)(terser@5.37.0))':
+  '@vitest/coverage-v8@3.0.4(vitest@3.0.4(@types/debug@4.1.12)(@types/node@22.10.10)(happy-dom@16.7.2)(terser@5.37.0))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 1.0.2
@@ -6586,47 +6593,47 @@ snapshots:
       std-env: 3.8.0
       test-exclude: 7.0.1
       tinyrainbow: 2.0.0
-      vitest: 3.0.3(@types/node@22.10.7)(happy-dom@16.7.2)(terser@5.37.0)
+      vitest: 3.0.4(@types/debug@4.1.12)(@types/node@22.10.10)(happy-dom@16.7.2)(terser@5.37.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/expect@3.0.3':
+  '@vitest/expect@3.0.4':
     dependencies:
-      '@vitest/spy': 3.0.3
-      '@vitest/utils': 3.0.3
+      '@vitest/spy': 3.0.4
+      '@vitest/utils': 3.0.4
       chai: 5.1.2
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.0.3(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0))':
+  '@vitest/mocker@3.0.4(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0))':
     dependencies:
-      '@vitest/spy': 3.0.3
+      '@vitest/spy': 3.0.4
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
+      vite: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
 
-  '@vitest/pretty-format@3.0.3':
+  '@vitest/pretty-format@3.0.4':
     dependencies:
       tinyrainbow: 2.0.0
 
-  '@vitest/runner@3.0.3':
+  '@vitest/runner@3.0.4':
     dependencies:
-      '@vitest/utils': 3.0.3
+      '@vitest/utils': 3.0.4
       pathe: 2.0.2
 
-  '@vitest/snapshot@3.0.3':
+  '@vitest/snapshot@3.0.4':
     dependencies:
-      '@vitest/pretty-format': 3.0.3
+      '@vitest/pretty-format': 3.0.4
       magic-string: 0.30.17
       pathe: 2.0.2
 
-  '@vitest/spy@3.0.3':
+  '@vitest/spy@3.0.4':
     dependencies:
       tinyspy: 3.0.2
 
-  '@vitest/utils@3.0.3':
+  '@vitest/utils@3.0.4':
     dependencies:
-      '@vitest/pretty-format': 3.0.3
+      '@vitest/pretty-format': 3.0.4
       loupe: 3.1.2
       tinyrainbow: 2.0.0
 
@@ -7354,6 +7361,8 @@ snapshots:
 
   astring@1.9.0: {}
 
+  async-function@1.0.0: {}
+
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.0.0
@@ -7419,14 +7428,14 @@ snapshots:
   browserslist@4.21.5:
     dependencies:
       caniuse-lite: 1.0.30001695
-      electron-to-chromium: 1.5.84
+      electron-to-chromium: 1.5.87
       node-releases: 2.0.19
       update-browserslist-db: 1.1.2(browserslist@4.21.5)
 
   browserslist@4.24.4:
     dependencies:
       caniuse-lite: 1.0.30001695
-      electron-to-chromium: 1.5.84
+      electron-to-chromium: 1.5.87
       node-releases: 2.0.19
       update-browserslist-db: 1.1.2(browserslist@4.24.4)
 
@@ -7631,7 +7640,7 @@ snapshots:
 
   eastasianwidth@0.2.0: {}
 
-  electron-to-chromium@1.5.84: {}
+  electron-to-chromium@1.5.87: {}
 
   emoji-regex@8.0.0: {}
 
@@ -8005,7 +8014,7 @@ snapshots:
 
   eval@0.1.8:
     dependencies:
-      '@types/node': 22.10.7
+      '@types/node': 22.10.10
       require-like: 0.1.2
 
   events@3.3.0: {}
@@ -8337,8 +8346,9 @@ snapshots:
   is-arrayish@0.3.2:
     optional: true
 
-  is-async-function@2.1.0:
+  is-async-function@2.1.1:
     dependencies:
+      async-function: 1.0.0
       call-bound: 1.0.3
       get-proto: 1.0.1
       has-tostringtag: 1.0.2
@@ -8495,7 +8505,7 @@ snapshots:
 
   jest-worker@27.5.1:
     dependencies:
-      '@types/node': 22.10.7
+      '@types/node': 22.10.10
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -8697,7 +8707,7 @@ snapshots:
     dependencies:
       '@types/hast': 3.0.4
       '@types/mdast': 4.0.4
-      '@ungap/structured-clone': 1.2.1
+      '@ungap/structured-clone': 1.3.0
       devlop: 1.1.0
       micromark-util-sanitize-uri: 2.0.1
       trim-lines: 3.0.1
@@ -8740,7 +8750,7 @@ snapshots:
       micromark-util-html-tag-name: 2.0.1
       micromark-util-normalize-identifier: 2.0.1
       micromark-util-resolve-all: 2.0.1
-      micromark-util-subtokenize: 2.0.3
+      micromark-util-subtokenize: 2.0.4
       micromark-util-symbol: 2.0.1
       micromark-util-types: 2.0.1
 
@@ -8900,7 +8910,7 @@ snapshots:
       micromark-util-encode: 2.0.1
       micromark-util-symbol: 2.0.1
 
-  micromark-util-subtokenize@2.0.3:
+  micromark-util-subtokenize@2.0.4:
     dependencies:
       devlop: 1.1.0
       micromark-util-chunked: 2.0.1
@@ -8927,7 +8937,7 @@ snapshots:
       micromark-util-normalize-identifier: 2.0.1
       micromark-util-resolve-all: 2.0.1
       micromark-util-sanitize-uri: 2.0.1
-      micromark-util-subtokenize: 2.0.3
+      micromark-util-subtokenize: 2.0.4
       micromark-util-symbol: 2.0.1
       micromark-util-types: 2.0.1
     transitivePeerDependencies:
@@ -8988,9 +8998,9 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  next@15.1.5(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  next@15.1.6(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      '@next/env': 15.1.5
+      '@next/env': 15.1.6
       '@swc/counter': 0.1.3
       '@swc/helpers': 0.5.15
       busboy: 1.6.0
@@ -9000,14 +9010,14 @@ snapshots:
       react-dom: 19.0.0(react@19.0.0)
       styled-jsx: 5.1.6(@babel/core@7.26.0)(react@19.0.0)
     optionalDependencies:
-      '@next/swc-darwin-arm64': 15.1.5
-      '@next/swc-darwin-x64': 15.1.5
-      '@next/swc-linux-arm64-gnu': 15.1.5
-      '@next/swc-linux-arm64-musl': 15.1.5
-      '@next/swc-linux-x64-gnu': 15.1.5
-      '@next/swc-linux-x64-musl': 15.1.5
-      '@next/swc-win32-arm64-msvc': 15.1.5
-      '@next/swc-win32-x64-msvc': 15.1.5
+      '@next/swc-darwin-arm64': 15.1.6
+      '@next/swc-darwin-x64': 15.1.6
+      '@next/swc-linux-arm64-gnu': 15.1.6
+      '@next/swc-linux-arm64-musl': 15.1.6
+      '@next/swc-linux-x64-gnu': 15.1.6
+      '@next/swc-linux-x64-musl': 15.1.6
+      '@next/swc-win32-arm64-msvc': 15.1.6
+      '@next/swc-win32-x64-msvc': 15.1.6
       sharp: 0.33.5
     transitivePeerDependencies:
       - '@babel/core'
@@ -9922,13 +9932,13 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  vite-node@3.0.3(@types/node@22.10.7)(terser@5.37.0):
+  vite-node@3.0.4(@types/node@22.10.10)(terser@5.37.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.0
       es-module-lexer: 1.6.0
       pathe: 2.0.2
-      vite: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
+      vite: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -9943,9 +9953,9 @@ snapshots:
       - tsx
       - yaml
 
-  vite-plugin-dts@4.5.0(@types/node@22.10.7)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0)):
+  vite-plugin-dts@4.5.0(@types/node@22.10.10)(rollup@4.31.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0)):
     dependencies:
-      '@microsoft/api-extractor': 7.49.1(@types/node@22.10.7)
+      '@microsoft/api-extractor': 7.49.1(@types/node@22.10.10)
       '@rollup/pluginutils': 5.1.4(rollup@4.31.0)
       '@volar/typescript': 2.4.11
       '@vue/language-core': 2.2.0(typescript@5.7.3)
@@ -9956,31 +9966,31 @@ snapshots:
       magic-string: 0.30.17
       typescript: 5.7.3
     optionalDependencies:
-      vite: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
+      vite: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite@6.0.11(@types/node@22.10.7)(terser@5.37.0):
+  vite@6.0.11(@types/node@22.10.10)(terser@5.37.0):
     dependencies:
       esbuild: 0.24.2
       postcss: 8.5.1
       rollup: 4.31.0
     optionalDependencies:
-      '@types/node': 22.10.7
+      '@types/node': 22.10.10
       fsevents: 2.3.3
       terser: 5.37.0
 
-  vitest@3.0.3(@types/node@22.10.7)(happy-dom@16.7.2)(terser@5.37.0):
+  vitest@3.0.4(@types/debug@4.1.12)(@types/node@22.10.10)(happy-dom@16.7.2)(terser@5.37.0):
     dependencies:
-      '@vitest/expect': 3.0.3
-      '@vitest/mocker': 3.0.3(vite@6.0.11(@types/node@22.10.7)(terser@5.37.0))
-      '@vitest/pretty-format': 3.0.3
-      '@vitest/runner': 3.0.3
-      '@vitest/snapshot': 3.0.3
-      '@vitest/spy': 3.0.3
-      '@vitest/utils': 3.0.3
+      '@vitest/expect': 3.0.4
+      '@vitest/mocker': 3.0.4(vite@6.0.11(@types/node@22.10.10)(terser@5.37.0))
+      '@vitest/pretty-format': 3.0.4
+      '@vitest/runner': 3.0.4
+      '@vitest/snapshot': 3.0.4
+      '@vitest/spy': 3.0.4
+      '@vitest/utils': 3.0.4
       chai: 5.1.2
       debug: 4.4.0
       expect-type: 1.1.0
@@ -9991,11 +10001,12 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
-      vite: 6.0.11(@types/node@22.10.7)(terser@5.37.0)
-      vite-node: 3.0.3(@types/node@22.10.7)(terser@5.37.0)
+      vite: 6.0.11(@types/node@22.10.10)(terser@5.37.0)
+      vite-node: 3.0.4(@types/node@22.10.10)(terser@5.37.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 22.10.7
+      '@types/debug': 4.1.12
+      '@types/node': 22.10.10
       happy-dom: 16.7.2
     transitivePeerDependencies:
       - jiti
@@ -10067,7 +10078,7 @@ snapshots:
       call-bound: 1.0.3
       function.prototype.name: 1.1.8
       has-tostringtag: 1.0.2
-      is-async-function: 2.1.0
+      is-async-function: 2.1.1
       is-date-object: 1.1.0
       is-finalizationregistry: 1.1.1
       is-generator-function: 1.1.0