@e-burgos/tucu-ui 2.0.6 → 2.0.8

package/{index-B919yoKU.js → index-D3gBsvbO.js}

@@ -14860,7 +14860,7 @@ const ec = {
   },
   variant: {
     ghost: {
-      base: "border-[2px] bg-white dark:bg-gray-800 hover:enabled:bg-gray-50 dark:hover:enabled:bg-gray-700 transition-colors",
+      base: "border-[2px] bg-white dark:bg-gray-800 hover:enabled:bg-gray-100 dark:hover:enabled:bg-gray-700 transition-colors",
       color: {
         primary: "border-brand focus:ring-[2px] focus:ring-brand/30 checked:border-brand checked:bg-brand checked:hover:enabled:bg-brand/90 checked:hover:enabled:border-brand/90 checked:hover:enabled:scale-105",
         secondary: "border-gray-500 focus:ring-[2px] focus:ring-gray-500/30 checked:border-gray-500 checked:bg-gray-500 checked:hover:enabled:bg-gray-600 checked:hover:enabled:border-gray-600 checked:hover:enabled:scale-105",
@@ -17394,7 +17394,7 @@ const oce = ({
   {
     className: `border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden ${r}`,
     children: [
-      /* @__PURE__ */ i("div", { className: "p-3 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ i("h3", { className: "font-medium", children: e }) }),
+      /* @__PURE__ */ i("div", { className: "p-3 bg-gray-100 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ i("h3", { className: "font-medium", children: e }) }),
       /* @__PURE__ */ i(
         ui,
         {
@@ -41759,7 +41759,7 @@ const Xee = {
   default: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700",
   elevated: "bg-white dark:bg-gray-800 shadow-lg border border-gray-200 dark:border-gray-700",
   outlined: "bg-transparent border-2 border-gray-200 dark:border-gray-700",
-  filled: "bg-gray-50 dark:bg-gray-800 border border-gray-100 dark:border-gray-700"
+  filled: "bg-gray-100 dark:bg-gray-800 border border-gray-100 dark:border-gray-700"
 }, $ce = ({
   cards: e,
   cardClassName: t,
@@ -48303,7 +48303,7 @@ function Kce({
                   }
                 )
               ] }),
-              h && /* @__PURE__ */ i("div", { className: "flex shrink-0 border-b border-gray-200 dark:border-gray-700 bg-gray-50/50 dark:bg-gray-800/20", children: s?.map(({ icon: C, name: N }, k) => /* @__PURE__ */ g(
+              h && /* @__PURE__ */ i("div", { className: "flex shrink-0 border-b border-gray-200 dark:border-gray-700 bg-gray-100 dark:bg-gray-800/20", children: s?.map(({ icon: C, name: N }, k) => /* @__PURE__ */ g(
                 "button",
                 {
                   type: "button",
@@ -48320,7 +48320,7 @@ function Kce({
                 N
               )) }),
               /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto p-4", children: o || (h ? s?.[m].content : null) }),
-              /* @__PURE__ */ i("div", { className: "shrink-0 border-t border-gray-200 dark:border-gray-700 px-4 py-3 flex items-center justify-between bg-gray-50/50 dark:bg-gray-800/10", children: d || c ? (
+              /* @__PURE__ */ i("div", { className: "shrink-0 border-t border-gray-200 dark:border-gray-700 px-4 py-3 flex items-center justify-between bg-gray-100 dark:bg-gray-800/10", children: d || c ? (
                 // Normal layout: footerLabel left, buttons right
                 /* @__PURE__ */ g(rr, { children: [
                   /* @__PURE__ */ i("span", { className: "text-[10px] text-gray-500 dark:text-gray-400 font-mono truncate max-w-[50%]", children: l ?? "" }),
@@ -51061,7 +51061,7 @@ const Wc = ({
 }, t7 = {
   underline: {
     selected: "bg-gray-100 dark:bg-gray-700 font-medium border-l-2 border-brand",
-    highlighted: "bg-gray-50 dark:bg-gray-700/50"
+    highlighted: "bg-gray-100 dark:bg-gray-700/50"
   },
   pills: {
     selected: "bg-brand text-white font-medium rounded-full",
@@ -59219,7 +59219,7 @@ ${Object.entries(h).map(([m, y]) => typeof y == "boolean" ? y ? `  ${m}` : `  ${
     label: "CoinCard",
     category: "Coins & Prices",
     component: K(
-      () => import("./documentation/CoinCardSection-KLQiaGeE.js")
+      () => import("./documentation/CoinCardSection-_nBvI_X8.js")
     )
   },
   {
@@ -59227,7 +59227,7 @@ ${Object.entries(h).map(([m, y]) => typeof y == "boolean" ? y ? `  ${m}` : `  ${
     label: "LivePriceFeed",
     category: "Coins & Prices",
     component: K(
-      () => import("./documentation/LivePriceFeedSection-ub8T1WoB.js")
+      () => import("./documentation/LivePriceFeedSection-j_73wZas.js")
     )
   },
   {
@@ -59235,7 +59235,7 @@ ${Object.entries(h).map(([m, y]) => typeof y == "boolean" ? y ? `  ${m}` : `  ${
     label: "CoinInfoCard",
     category: "Coins & Prices",
     component: K(
-      () => import("./documentation/CoinInfoCardSection-IUrgp0GD.js")
+      () => import("./documentation/CoinInfoCardSection-AEcJ5uK3.js")
     )
   },
   {
@@ -59243,7 +59243,7 @@ ${Object.entries(h).map(([m, y]) => typeof y == "boolean" ? y ? `  ${m}` : `  ${
     label: "CoinListBox",
     category: "Coins & Prices",
     component: K(
-      () => import("./documentation/CoinListBoxSection-ZeZtAY1w.js")
+      () => import("./documentation/CoinListBoxSection-WDINLmD6.js")
     )
   },
   {
@@ -59251,7 +59251,7 @@ ${Object.entries(h).map(([m, y]) => typeof y == "boolean" ? y ? `  ${m}` : `  ${
     label: "CurrencySwapIcons",
     category: "Coins & Prices",
     component: K(
-      () => import("./documentation/CurrencySwapIconsSection-DIsl8XfS.js")
+      () => import("./documentation/CurrencySwapIconsSection-C8Ux6YVv.js")
     )
   },
   // NFTs & Collections
@@ -59260,7 +59260,7 @@ ${Object.entries(h).map(([m, y]) => typeof y == "boolean" ? y ? `  ${m}` : `  ${
     label: "CollectionCard",
     category: "NFTs & Collections",
     component: K(
-      () => import("./documentation/CollectionCardSection-BzUVxmJq.js")
+      () => import("./documentation/CollectionCardSection-COmO7Vc5.js")
     )
   },
   {
@@ -59268,7 +59268,7 @@ ${Object.entries(h).map(([m, y]) => typeof y == "boolean" ? y ? `  ${m}` : `  ${
     label: "NFTGrid",
     category: "NFTs & Collections",
     component: K(
-      () => import("./documentation/NFTGridSection-Cz_FGqV1.js")
+      () => import("./documentation/NFTGridSection-DFUFgtKg.js")
     )
   },
   {
@@ -59276,7 +59276,7 @@ ${Object.entries(h).map(([m, y]) => typeof y == "boolean" ? y ? `  ${m}` : `  ${
     label: "CollectionSelectList",
     category: "NFTs & Collections",
     component: K(
-      () => import("./documentation/CollectionSelectListSection-CTUcrZ-y.js")
+      () => import("./documentation/CollectionSelectListSection-_ChExFJE.js")
     )
   },
   // Transactions
@@ -59285,7 +59285,7 @@ ${Object.entries(h).map(([m, y]) => typeof y == "boolean" ? y ? `  ${m}` : `  ${
     label: "TransactionInfo",
     category: "Transactions",
     component: K(
-      () => import("./documentation/TransactionInfoSection-ZFQbN2wP.js")
+      () => import("./documentation/TransactionInfoSection-DDg2tzY8.js")
     )
   }
 ];
@@ -59768,37 +59768,37 @@ const noe = [
     id: "line-chart",
     label: "LineChart",
     category: "Charts",
-    component: K(() => import("./documentation/LineChartSection-D0_UlV1y.js"))
+    component: K(() => import("./documentation/LineChartSection-BsupR4NA.js"))
   },
   {
     id: "bar-chart",
     label: "BarChart",
     category: "Charts",
-    component: K(() => import("./documentation/BarChartSection-DHblj4e5.js"))
+    component: K(() => import("./documentation/BarChartSection-vXs_Yolq.js"))
   },
   {
     id: "area-chart",
     label: "AreaChart",
     category: "Charts",
-    component: K(() => import("./documentation/AreaChartSection-CtMlVnBa.js"))
+    component: K(() => import("./documentation/AreaChartSection-Dbr8pnJS.js"))
   },
   {
     id: "pie-chart",
     label: "PieChart",
     category: "Charts",
-    component: K(() => import("./documentation/PieChartSection-D6mEMs7Q.js"))
+    component: K(() => import("./documentation/PieChartSection-DuRH9AFw.js"))
   },
   {
     id: "radar-chart",
     label: "RadarChart",
     category: "Charts",
-    component: K(() => import("./documentation/RadarChartSection-it0GwAMZ.js"))
+    component: K(() => import("./documentation/RadarChartSection-CrY3D0r8.js"))
   },
   {
     id: "composed-chart",
     label: "ComposedChart",
     category: "Charts",
-    component: K(() => import("./documentation/ComposedChartSection-CgHQ-PQM.js"))
+    component: K(() => import("./documentation/ComposedChartSection-M70OxN8v.js"))
   }
 ];
 function Tde() {
@@ -59825,67 +59825,67 @@ const aoe = [
     id: "checkbox",
     label: "Checkbox",
     component: K(
-      () => import("./documentation/CheckboxSection-B0Gt7gad.js")
+      () => import("./documentation/CheckboxSection-C7eyYPAa.js")
     )
   },
   {
     id: "file-input",
     label: "FileInput",
     component: K(
-      () => import("./documentation/FileInputSection-DoWfjcaF.js")
+      () => import("./documentation/FileInputSection-CgDB4RB5.js")
     )
   },
   {
     id: "input",
     label: "Input",
-    component: K(() => import("./documentation/InputSection-C7NfZGdN.js"))
+    component: K(() => import("./documentation/InputSection-DzPq_I1Q.js"))
   },
   {
     id: "input-searcher",
     label: "InputSearcher",
     component: K(
-      () => import("./documentation/InputSearcherSection-D0bHIaIm.js")
+      () => import("./documentation/InputSearcherSection-CNmnq7Gc.js")
     )
   },
   {
     id: "pin-code",
     label: "PinCode",
-    component: K(() => import("./documentation/PinCodeSection-DM13ihMi.js"))
+    component: K(() => import("./documentation/PinCodeSection-CALXe-QN.js"))
   },
   {
     id: "radio",
     label: "Radio",
-    component: K(() => import("./documentation/RadioSection-BUsz7AT5.js"))
+    component: K(() => import("./documentation/RadioSection-DycbvkTC.js"))
   },
   {
     id: "radio-group",
     label: "RadioGroup",
     component: K(
-      () => import("./documentation/RadioGroupSection-CJtcGRyu.js")
+      () => import("./documentation/RadioGroupSection-BP3Q14TK.js")
     )
   },
   {
     id: "select",
     label: "Select",
-    component: K(() => import("./documentation/SelectSection-CAJsrAt1.js"))
+    component: K(() => import("./documentation/SelectSection-Bw7z6boY.js"))
   },
   {
     id: "switch",
     label: "Switch",
-    component: K(() => import("./documentation/SwitchSection-DZ9sij1G.js"))
+    component: K(() => import("./documentation/SwitchSection-_aCMYfZ_.js"))
   },
   {
     id: "textarea",
     label: "Textarea",
     component: K(
-      () => import("./documentation/TextareaSection-BUb28uf9.js")
+      () => import("./documentation/TextareaSection-Bweh8_uz.js")
     )
   },
   {
     id: "toggle-bar",
     label: "ToggleBar",
     component: K(
-      () => import("./documentation/ToggleBarSection-DbkIzwZP.js")
+      () => import("./documentation/ToggleBarSection-BCAgChf-.js")
     )
   }
 ], Ode = () => /* @__PURE__ */ i(
@@ -59910,28 +59910,28 @@ const aoe = [
     id: "button-drip",
     label: "ButtonDrip",
     category: "Buttons",
-    component: K(() => import("./documentation/ButtonDripSection-gvZxhX8G.js"))
+    component: K(() => import("./documentation/ButtonDripSection-BtsL1Kt8.js"))
   },
   {
     id: "button-loader",
     label: "ButtonLoader",
     category: "Buttons",
     component: K(
-      () => import("./documentation/ButtonLoaderSection-BkZR40rr.js")
+      () => import("./documentation/ButtonLoaderSection-BDtqxrUY.js")
     )
   },
   {
     id: "hamburger",
     label: "Hamburger",
     category: "Buttons",
-    component: K(() => import("./documentation/HamburgerSection-BdHt6rmR.js"))
+    component: K(() => import("./documentation/HamburgerSection-Dnh6Wf78.js"))
   },
   {
     id: "topup-button",
     label: "TopupButton",
     category: "Buttons",
     component: K(
-      () => import("./documentation/TopupButtonSection-ClbM3sSZ.js")
+      () => import("./documentation/TopupButtonSection-DibjXivu.js")
     )
   },
   // Cards
@@ -59939,61 +59939,61 @@ const aoe = [
     id: "author-card",
     label: "AuthorCard",
     category: "Cards",
-    component: K(() => import("./documentation/AuthorCardSection-DX0cKXK5.js"))
+    component: K(() => import("./documentation/AuthorCardSection-C9h7A21b.js"))
   },
   {
     id: "card",
     label: "Card",
     category: "Cards",
-    component: K(() => import("./documentation/CardSection-Ck8jyp7W.js"))
+    component: K(() => import("./documentation/CardSection-ckUG_wKv.js"))
   },
   {
     id: "card-container",
     label: "CardContainer",
     category: "Cards",
     component: K(
-      () => import("./documentation/CardContainerSection-DIfOTJYu.js")
+      () => import("./documentation/CardContainerSection-B8JvSNpy.js")
     )
   },
   {
     id: "card-title",
     label: "CardTitle",
     category: "Cards",
-    component: K(() => import("./documentation/CardTitleSection-DYrnGbKk.js"))
+    component: K(() => import("./documentation/CardTitleSection-eOKcETMp.js"))
   },
   {
     id: "info-card",
     label: "InfoCard",
     category: "Cards",
-    component: K(() => import("./documentation/InfoCardSection-DVeC3my3.js"))
+    component: K(() => import("./documentation/InfoCardSection-BhJTN7zz.js"))
   },
   {
     id: "panel-action-card",
     label: "PanelActionCard",
     category: "Cards",
     component: K(
-      () => import("./documentation/PanelActionCardSection-DUUgo6Og.js")
+      () => import("./documentation/PanelActionCardSection-CC-DAySo.js")
     )
   },
   {
     id: "panel-card",
     label: "PanelCard",
     category: "Cards",
-    component: K(() => import("./documentation/PanelCardSection-DIHreAsZ.js"))
+    component: K(() => import("./documentation/PanelCardSection-OBm47mh0.js"))
   },
   // Carousel
   {
     id: "carousel",
     label: "Carousel",
     category: "Carousel",
-    component: K(() => import("./documentation/CarouselSection-MvNa-xnX.js"))
+    component: K(() => import("./documentation/CarouselSection-CjgQuZlV.js"))
   },
   {
     id: "carousel-cards",
     label: "CarouselCards",
     category: "Carousel",
     component: K(
-      () => import("./documentation/CarouselCardsSection-BkW9fRDK.js")
+      () => import("./documentation/CarouselCardsSection-CBG6p7HK.js")
     )
   },
   {
@@ -60001,7 +60001,7 @@ const aoe = [
     label: "CarouselImage",
     category: "Carousel",
     component: K(
-      () => import("./documentation/CarouselImageSection-DFkfrzFr.js")
+      () => import("./documentation/CarouselImageSection-BWhCTLiW.js")
     )
   },
   // Common
@@ -60009,89 +60009,89 @@ const aoe = [
     id: "avatar",
     label: "Avatar",
     category: "Common",
-    component: K(() => import("./documentation/AvatarSection-BF8AHso5.js"))
+    component: K(() => import("./documentation/AvatarSection-D9lO80xk.js"))
   },
   {
     id: "badge",
     label: "Badge",
     category: "Common",
-    component: K(() => import("./documentation/BadgeSection-Oua60cg8.js"))
+    component: K(() => import("./documentation/BadgeSection-yihyh7oT.js"))
   },
   {
     id: "collapse",
     label: "Collapse",
     category: "Common",
-    component: K(() => import("./documentation/CollapseSection-TYKE7WSj.js"))
+    component: K(() => import("./documentation/CollapseSection-BgyMQlIv.js"))
   },
   {
     id: "scrollbar",
     label: "Scrollbar",
     category: "Common",
-    component: K(() => import("./documentation/ScrollbarSection-BpAYMy71.js"))
+    component: K(() => import("./documentation/ScrollbarSection-DYHKnFn2.js"))
   },
   {
     id: "skeleton",
     label: "Skeleton",
     category: "Common",
-    component: K(() => import("./documentation/SkeletonSection-C9aIHnTu.js"))
+    component: K(() => import("./documentation/SkeletonSection-BjYOD-Ui.js"))
   },
   {
     id: "tooltip",
     label: "Tooltip",
     category: "Common",
-    component: K(() => import("./documentation/TooltipSection-BEHBbMa3.js"))
+    component: K(() => import("./documentation/TooltipSection-CoTGjIYK.js"))
   },
   {
     id: "key-value-row",
     label: "KeyValueRow",
     category: "Common",
     component: K(
-      () => import("./documentation/KeyValueRowSection-rlozAJgf.js")
+      () => import("./documentation/KeyValueRowSection-DABdzrIi.js")
     )
   },
   {
     id: "pagination",
     label: "Pagination",
     category: "Common",
-    component: K(() => import("./documentation/PaginationSection-CXoO7Tqy.js"))
+    component: K(() => import("./documentation/PaginationSection-30WC5ZN7.js"))
   },
   {
     id: "stepper",
     label: "Stepper",
     category: "Common",
-    component: K(() => import("./documentation/StepperSection-BDCZY0X7.js"))
+    component: K(() => import("./documentation/StepperSection-D7wP-dU3.js"))
   },
   // Dialog
   {
     id: "modal",
     label: "Modal",
     category: "Dialog",
-    component: K(() => import("./documentation/ModalSection-BVcg_G6k.js"))
+    component: K(() => import("./documentation/ModalSection-Df8_-5Mu.js"))
   },
   {
     id: "tab-modal",
     label: "TabModal",
     category: "Dialog",
-    component: K(() => import("./documentation/TabModalSection-RfCWr-Nn.js"))
+    component: K(() => import("./documentation/TabModalSection-cPdxSg37.js"))
   },
   {
     id: "drawer",
     label: "Drawer",
     category: "Dialog",
-    component: K(() => import("./documentation/DrawerSection-OBUS8hGb.js"))
+    component: K(() => import("./documentation/DrawerSection-D5pDeoKz.js"))
   },
   {
     id: "sidebar",
     label: "Sidebar",
     category: "Dialog",
-    component: K(() => import("./documentation/SidebarSection-yUTI2f67.js"))
+    component: K(() => import("./documentation/SidebarSection-BxcsWxss.js"))
   },
   {
     id: "sidebar-menu",
     label: "SidebarMenu",
     category: "Dialog",
     component: K(
-      () => import("./documentation/SidebarMenuSection-B1YTDAvp.js")
+      () => import("./documentation/SidebarMenuSection-B566bFj0.js")
     )
   },
   // Links
@@ -60099,13 +60099,13 @@ const aoe = [
     id: "active-link",
     label: "ActiveLink",
     category: "Links",
-    component: K(() => import("./documentation/ActiveLinkSection-DCvjUbXP.js"))
+    component: K(() => import("./documentation/ActiveLinkSection-DQHXQYml.js"))
   },
   {
     id: "anchor-link",
     label: "AnchorLink",
     category: "Links",
-    component: K(() => import("./documentation/AnchorLinkSection-CuaUyMqx.js"))
+    component: K(() => import("./documentation/AnchorLinkSection-diTL_uYY.js"))
   },
   // List
   {
@@ -60113,55 +60113,55 @@ const aoe = [
     label: "ListContainer",
     category: "List",
     component: K(
-      () => import("./documentation/ListContainerSection-jQ8VpdPb.js")
+      () => import("./documentation/ListContainerSection-C3uVOfda.js")
     )
   },
   {
     id: "list-item",
     label: "ListItem",
     category: "List",
-    component: K(() => import("./documentation/ListItemSection-CSGZ02bM.js"))
+    component: K(() => import("./documentation/ListItemSection-Ba24GQNN.js"))
   },
   // Loaders
   {
     id: "loader",
     label: "Loader",
     category: "Loaders",
-    component: K(() => import("./documentation/LoaderSection-DbwOjMpC.js"))
+    component: K(() => import("./documentation/LoaderSection-Bh-7FMwt.js"))
   },
   {
     id: "progressbar",
     label: "Progressbar",
     category: "Loaders",
     component: K(
-      () => import("./documentation/ProgressbarSection-OK-cEcMg.js")
+      () => import("./documentation/ProgressbarSection-RSBVXiEx.js")
     )
   },
   {
     id: "spinner",
     label: "Spinner",
     category: "Loaders",
-    component: K(() => import("./documentation/SpinnerSection-BvppjgYE.js"))
+    component: K(() => import("./documentation/SpinnerSection-Cy4RKNBM.js"))
   },
   // Logos
   {
     id: "logo",
     label: "Logo",
     category: "Logos",
-    component: K(() => import("./documentation/LogoSection-cA1-d0HZ.js"))
+    component: K(() => import("./documentation/LogoSection-CfykWQ4k.js"))
   },
   {
     id: "tucu-ui-logo",
     label: "TucuUiLogo",
     category: "Logos",
-    component: K(() => import("./documentation/TucuUiLogoSection-CcGnK1Ai.js"))
+    component: K(() => import("./documentation/TucuUiLogoSection-BVMLRhro.js"))
   },
   {
     id: "defi-app-logo",
     label: "DefiAppLogo",
     category: "Logos",
     component: K(
-      () => import("./documentation/DefiAppLogoSection-WHr3s0Ad.js")
+      () => import("./documentation/DefiAppLogoSection-BkneLGwI.js")
     )
   },
   // Notifications
@@ -60169,54 +60169,54 @@ const aoe = [
     id: "alert",
     label: "Alert",
     category: "Notifications",
-    component: K(() => import("./documentation/AlertSection-CGWU5jll.js"))
+    component: K(() => import("./documentation/AlertSection-CzmwMiuZ.js"))
   },
   {
     id: "notification-card",
     label: "NotificationCard",
     category: "Notifications",
     component: K(
-      () => import("./documentation/NotificationCardSection-CWTEHVFj.js")
+      () => import("./documentation/NotificationCardSection-B5CPgG4B.js")
     )
   },
   {
     id: "toast",
     label: "Toast",
     category: "Notifications",
-    component: K(() => import("./documentation/ToastSection-DKMWIbdY.js"))
+    component: K(() => import("./documentation/ToastSection-CY2Mbvzy.js"))
   },
   // Table
   {
     id: "basic-table",
     label: "BasicTable",
     category: "Table",
-    component: K(() => import("./documentation/BasicTableSection-B9bKnLi-.js"))
+    component: K(() => import("./documentation/BasicTableSection-BebGMD_K.js"))
   },
   // Tabs
   {
     id: "tab",
     label: "Tab",
     category: "Tabs",
-    component: K(() => import("./documentation/TabSection-dsMwz13E.js"))
+    component: K(() => import("./documentation/TabSection-B0K0gRVb.js"))
   },
   {
     id: "tab-select",
     label: "TabSelect",
     category: "Tabs",
-    component: K(() => import("./documentation/TabSelectSection-Bvb7eunu.js"))
+    component: K(() => import("./documentation/TabSelectSection-or6HVCzs.js"))
   },
   {
     id: "param-tab",
     label: "ParamTab",
     category: "Tabs",
-    component: K(() => import("./documentation/ParamTabSection-CsAlq-vR.js"))
+    component: K(() => import("./documentation/ParamTabSection-TcsbnNAx.js"))
   },
   // Typography
   {
     id: "typography",
     label: "Typography",
     category: "Typography",
-    component: K(() => import("./documentation/TypographySection-CS29TD-z.js"))
+    component: K(() => import("./documentation/TypographySection-DAwRhonX.js"))
   },
   // Utils
   {
@@ -60224,7 +60224,7 @@ const aoe = [
     label: "RevealContent",
     category: "Utils",
     component: K(
-      () => import("./documentation/RevealContentSection-Bts-6Rko.js")
+      () => import("./documentation/RevealContentSection-D1NNa1Zb.js")
     )
   },
   {
@@ -60232,14 +60232,14 @@ const aoe = [
     label: "ScrollToTop",
     category: "Utils",
     component: K(
-      () => import("./documentation/ScrollToTopSection-bZKLFCb7.js")
+      () => import("./documentation/ScrollToTopSection-CD0lf-YM.js")
     )
   },
   {
     id: "image",
     label: "Image",
     category: "Utils",
-    component: K(() => import("./documentation/ImageSection-CioWvJ8h.js"))
+    component: K(() => import("./documentation/ImageSection-D2nnAJjT.js"))
   }
 ];
 function Dde() {
@@ -60266,64 +60266,64 @@ const soe = [
     id: "design-principles",
     label: "Design Principles",
     component: K(
-      () => import("./documentation/DesignPrinciplesSection-Bu6GQUnw.js")
+      () => import("./documentation/DesignPrinciplesSection-GaW5AHDx.js")
     )
   },
   {
     id: "typography",
     label: "Typography",
-    component: K(() => import("./documentation/TypographySection-BYKjiWVg.js"))
+    component: K(() => import("./documentation/TypographySection-FEhLWV6X.js"))
   },
   {
     id: "spacing-system",
     label: "Spacing System",
     component: K(
-      () => import("./documentation/SpacingSystemSection-BKr7Htp3.js")
+      () => import("./documentation/SpacingSystemSection-D1Z2lzGW.js")
     )
   },
   {
     id: "border-radius",
     label: "Border Radius",
     component: K(
-      () => import("./documentation/BorderRadiusSection-B-xRRmpt.js")
+      () => import("./documentation/BorderRadiusSection-C62w8z9T.js")
     )
   },
   {
     id: "color-system",
     label: "Color System",
     component: K(
-      () => import("./documentation/ColorSystemSection-D-93TJO5.js")
+      () => import("./documentation/ColorSystemSection-CHCxVk-I.js")
     )
   },
   {
     id: "component-anatomy",
     label: "Component Anatomy",
     component: K(
-      () => import("./documentation/ComponentAnatomySection-i5nESJy-.js")
+      () => import("./documentation/ComponentAnatomySection-BbsJXnu1.js")
     )
   },
   {
     id: "layout-principles",
     label: "Layout Principles",
     component: K(
-      () => import("./documentation/LayoutPrinciplesSection-BtsZKX-5.js")
+      () => import("./documentation/LayoutPrinciplesSection-DOzrWMwV.js")
     )
   },
   {
     id: "shadows",
     label: "Shadows",
-    component: K(() => import("./documentation/ShadowsSection-WKoyApzY.js"))
+    component: K(() => import("./documentation/ShadowsSection-DEDnh4VA.js"))
   },
   {
     id: "sizing",
     label: "Sizing",
-    component: K(() => import("./documentation/SizingSection-B0hZc0Tv.js"))
+    component: K(() => import("./documentation/SizingSection-DmDvMmpv.js"))
   },
   {
     id: "implementation-guidelines",
     label: "Implementation Guidelines",
     component: K(
-      () => import("./documentation/ImplementationGuidelinesSection-C0Ei_kUp.js")
+      () => import("./documentation/ImplementationGuidelinesSection-7Y4ZRzgG.js")
     )
   }
 ];
@@ -60334,7 +60334,7 @@ function Lde() {
       sections: soe,
       hero: /* @__PURE__ */ g(rr, { children: [
         /* @__PURE__ */ g("div", { className: "hidden", children: [
-          /* @__PURE__ */ i("div", { className: "bg-blue-0 bg-blue-5 bg-blue-10 bg-blue-15 bg-blue-20 bg-blue-30 bg-blue-40 bg-blue-50 bg-blue-60 bg-blue-70 bg-blue-80 bg-blue-90 bg-blue-100 bg-green-0 bg-green-5 bg-green-10 bg-green-15 bg-green-20 bg-green-30 bg-green-40 bg-green-50 bg-green-60 bg-green-70 bg-green-80 bg-green-90 bg-green-100 bg-orange-0 bg-orange-5 bg-orange-10 bg-orange-15 bg-orange-20 bg-orange-30 bg-orange-40 bg-orange-50 bg-orange-60 bg-orange-70 bg-orange-80 bg-orange-90 bg-orange-100 bg-gray-0 bg-gray-5 bg-gray-10 bg-gray-15 bg-gray-20 bg-gray-30 bg-gray-40 bg-gray-50 bg-gray-60 bg-gray-70 bg-gray-80 bg-gray-90 bg-gray-100 bg-indigo-0 bg-indigo-5 bg-indigo-10 bg-indigo-15 bg-indigo-20 bg-indigo-30 bg-indigo-40 bg-indigo-50 bg-indigo-60 bg-indigo-70 bg-indigo-80 bg-indigo-90 bg-indigo-100 bg-pink-0 bg-pink-5 bg-pink-10 bg-pink-15 bg-pink-20 bg-pink-30 bg-pink-40 bg-pink-50 bg-pink-60 bg-pink-70 bg-pink-80 bg-pink-90 bg-pink-100 bg-purple-0 bg-purple-5 bg-purple-10 bg-purple-15 bg-purple-20 bg-purple-30 bg-purple-40 bg-purple-50 bg-purple-60 bg-purple-70 bg-purple-80 bg-purple-90 bg-purple-100 bg-red-0 bg-red-5 bg-red-10 bg-red-15 bg-red-20 bg-red-30 bg-red-40 bg-red-50 bg-red-60 bg-red-70 bg-red-80 bg-red-90 bg-red-100 bg-teal-0 bg-teal-5 bg-teal-10 bg-teal-15 bg-teal-20 bg-teal-30 bg-teal-40 bg-teal-50 bg-teal-60 bg-teal-70 bg-teal-80 bg-teal-90 bg-teal-100 bg-yellow-0 bg-yellow-5 bg-yellow-10 bg-yellow-15 bg-yellow-20 bg-yellow-30 bg-yellow-40 bg-yellow-50 bg-yellow-60 bg-yellow-70 bg-yellow-80 bg-yellow-90 bg-yellow-100 bg-chartreuse-0 bg-chartreuse-5 bg-chartreuse-10 bg-chartreuse-15 bg-chartreuse-20 bg-chartreuse-30 bg-chartreuse-40 bg-chartreuse-50 bg-chartreuse-60 bg-chartreuse-70 bg-chartreuse-80 bg-chartreuse-90 bg-chartreuse-100" }),
+          /* @__PURE__ */ i("div", { className: "bg-blue-0 bg-blue-5 bg-blue-10 bg-blue-15 bg-blue-20 bg-blue-30 bg-blue-40 bg-blue-50 bg-blue-60 bg-blue-70 bg-blue-80 bg-blue-90 bg-blue-100 bg-green-0 bg-green-5 bg-green-10 bg-green-15 bg-green-20 bg-green-30 bg-green-40 bg-green-50 bg-green-60 bg-green-70 bg-green-80 bg-green-90 bg-green-100 bg-orange-0 bg-orange-5 bg-orange-10 bg-orange-15 bg-orange-20 bg-orange-30 bg-orange-40 bg-orange-50 bg-orange-60 bg-orange-70 bg-orange-80 bg-orange-90 bg-orange-100 bg-gray-0 bg-gray-5 bg-gray-10 bg-gray-15 bg-gray-20 bg-gray-30 bg-gray-40 bg-gray-100 bg-gray-60 bg-gray-70 bg-gray-80 bg-gray-90 bg-gray-100 bg-indigo-0 bg-indigo-5 bg-indigo-10 bg-indigo-15 bg-indigo-20 bg-indigo-30 bg-indigo-40 bg-indigo-50 bg-indigo-60 bg-indigo-70 bg-indigo-80 bg-indigo-90 bg-indigo-100 bg-pink-0 bg-pink-5 bg-pink-10 bg-pink-15 bg-pink-20 bg-pink-30 bg-pink-40 bg-pink-50 bg-pink-60 bg-pink-70 bg-pink-80 bg-pink-90 bg-pink-100 bg-purple-0 bg-purple-5 bg-purple-10 bg-purple-15 bg-purple-20 bg-purple-30 bg-purple-40 bg-purple-50 bg-purple-60 bg-purple-70 bg-purple-80 bg-purple-90 bg-purple-100 bg-red-0 bg-red-5 bg-red-10 bg-red-15 bg-red-20 bg-red-30 bg-red-40 bg-red-50 bg-red-60 bg-red-70 bg-red-80 bg-red-90 bg-red-100 bg-teal-0 bg-teal-5 bg-teal-10 bg-teal-15 bg-teal-20 bg-teal-30 bg-teal-40 bg-teal-50 bg-teal-60 bg-teal-70 bg-teal-80 bg-teal-90 bg-teal-100 bg-yellow-0 bg-yellow-5 bg-yellow-10 bg-yellow-15 bg-yellow-20 bg-yellow-30 bg-yellow-40 bg-yellow-50 bg-yellow-60 bg-yellow-70 bg-yellow-80 bg-yellow-90 bg-yellow-100 bg-chartreuse-0 bg-chartreuse-5 bg-chartreuse-10 bg-chartreuse-15 bg-chartreuse-20 bg-chartreuse-30 bg-chartreuse-40 bg-chartreuse-50 bg-chartreuse-60 bg-chartreuse-70 bg-chartreuse-80 bg-chartreuse-90 bg-chartreuse-100" }),
           /* @__PURE__ */ i("div", { className: "text-semantic-fg text-semantic-fg-muted text-semantic-fg-inverse text-semantic-fg-primary text-semantic-fg-warning text-semantic-fg-positive text-semantic-fg-negative bg-semantic-bg bg-semantic-bg-alternate bg-semantic-bg-inverse bg-semantic-bg-primary bg-semantic-bg-primary-wash bg-semantic-bg-secondary bg-semantic-bg-tertiary bg-semantic-bg-secondary-wash bg-semantic-bg-negative border-semantic-line-primary border-semantic-line-primary-subtle border-semantic-line-inverse bg-semantic-elevation-1 bg-semantic-elevation-2 bg-semantic-accent-subtle-green bg-semantic-accent-bold-green bg-semantic-accent-subtle-blue bg-semantic-accent-bold-blue bg-semantic-accent-subtle-purple bg-semantic-accent-bold-purple bg-semantic-accent-subtle-yellow bg-semantic-accent-bold-yellow bg-semantic-accent-subtle-red bg-semantic-accent-bold-red bg-semantic-accent-subtle-gray bg-semantic-accent-bold-gray bg-brand bg-primary bg-secondary bg-accent bg-muted bg-success bg-warning bg-error bg-info bg-body bg-dark bg-light bg-light-dark w-icon-xs h-icon-xs w-icon-s h-icon-s w-icon-m h-icon-m w-icon-l h-icon-l w-avatar-s h-avatar-s w-avatar-m h-avatar-m w-avatar-l h-avatar-l w-avatar-xl h-avatar-xl w-avatar-xxl h-avatar-xxl w-avatar-xxxl h-avatar-xxxl" })
         ] }),
         /* @__PURE__ */ i(
@@ -60357,42 +60357,42 @@ const ooe = [
     id: "theme-provider-required",
     label: "ThemeProvider Required",
     component: K(
-      () => import("./documentation/ThemeProviderRequiredSection-DqP08VHV.js")
+      () => import("./documentation/ThemeProviderRequiredSection-DlOJ3rB6.js")
     )
   },
   {
     id: "menu-items-guide",
     label: "MenuItems Guide",
     component: K(
-      () => import("./documentation/MenuItemsGuideSection-BEfxqfd9.js")
+      () => import("./documentation/MenuItemsGuideSection-ChPa1HVx.js")
     )
   },
   {
     id: "layout-types",
     label: "Layout Types",
     component: K(
-      () => import("./documentation/LayoutTypesSection-CteLUamr.js")
+      () => import("./documentation/LayoutTypesSection-Bf6A4n7o.js")
     )
   },
   {
     id: "best-practices",
     label: "Best Practices",
     component: K(
-      () => import("./documentation/BestPracticesSection-CScYzan3.js")
+      () => import("./documentation/BestPracticesSection-D_p0GeS5.js")
     )
   },
   {
     id: "implementation-examples",
     label: "Implementation Examples",
     component: K(
-      () => import("./documentation/ImplementationExamplesSection-BnU40rmH.js")
+      () => import("./documentation/ImplementationExamplesSection-DXqrijp1.js")
     )
   },
   {
     id: "common-errors",
     label: "Common Errors and Solutions",
     component: K(
-      () => import("./documentation/CommonErrorsSection-CRAmyfbU.js")
+      () => import("./documentation/CommonErrorsSection-BKpCa6rH.js")
     )
   }
 ];
@@ -60420,89 +60420,89 @@ const loe = [
     id: "theme-architecture",
     label: "Theme Architecture",
     component: K(
-      () => import("./documentation/ThemeArchitectureSection-OAEQSwXw.js")
+      () => import("./documentation/ThemeArchitectureSection-B4Gn1V7O.js")
     )
   },
   {
     id: "tailwind-config",
     label: "Tailwind CSS Configuration",
     component: K(
-      () => import("./documentation/TailwindConfigSection-BlZrFbRo.js")
+      () => import("./documentation/TailwindConfigSection-DTJZOW6I.js")
     )
   },
   {
     id: "theme-provider",
     label: "ThemeProvider Component",
     component: K(
-      () => import("./documentation/ThemeProviderSection-D43ZRcch.js")
+      () => import("./documentation/ThemeProviderSection-Bh7hWBV8.js")
     )
   },
   {
     id: "theme-configuration",
     label: "Theme Configuration",
     component: K(
-      () => import("./documentation/ThemeConfigurationSection-B2HuLkPF.js")
+      () => import("./documentation/ThemeConfigurationSection-CeifudQ5.js")
     )
   },
   {
     id: "using-theme-system",
     label: "Using the Theme System",
     component: K(
-      () => import("./documentation/UsingThemeSystemSection-vyxb3z51.js")
+      () => import("./documentation/UsingThemeSystemSection-BXzyzQVv.js")
     )
   },
   {
     id: "theme-hooks",
     label: "Theme Hooks",
-    component: K(() => import("./documentation/ThemeHooksSection-C33tvQEw.js"))
+    component: K(() => import("./documentation/ThemeHooksSection-CGJts7Ed.js"))
   },
   {
     id: "color-customization",
     label: "Color Customization",
     component: K(
-      () => import("./documentation/ColorCustomizationSection-BNqRFB4h.js")
+      () => import("./documentation/ColorCustomizationSection-D0mDozfQ.js")
     )
   },
   {
     id: "settings-panel",
     label: "Settings Panel",
     component: K(
-      () => import("./documentation/SettingsPanelSection-C_VSlU40.js")
+      () => import("./documentation/SettingsPanelSection-BL1MGm6Q.js")
     )
   },
   {
     id: "best-practices",
     label: "Best Practices",
     component: K(
-      () => import("./documentation/BestPracticesSection-62DacEXN.js")
+      () => import("./documentation/BestPracticesSection-OQoXjdBp.js")
     )
   },
   {
     id: "advanced-color-system",
     label: "Advanced Color System",
     component: K(
-      () => import("./documentation/AdvancedColorSystemSection-1eETjbou.js")
+      () => import("./documentation/AdvancedColorSystemSection-eBshfqfD.js")
     )
   },
   {
     id: "custom-color-palette",
     label: "Custom Color Palette",
     component: K(
-      () => import("./documentation/CustomColorPaletteSection-CoZp4nDP.js")
+      () => import("./documentation/CustomColorPaletteSection-7dKh6HB9.js")
     )
   },
   {
     id: "file-structure",
     label: "File Structure & Important Notes",
     component: K(
-      () => import("./documentation/FileStructureSection-BJ4M4SK6.js")
+      () => import("./documentation/FileStructureSection-DrQtyycO.js")
     )
   },
   {
     id: "advanced-features",
     label: "Advanced Features",
     component: K(
-      () => import("./documentation/AdvancedFeaturesSection-D-Ffzpz3.js")
+      () => import("./documentation/AdvancedFeaturesSection-BYLSytEq.js")
     )
   }
 ];
@@ -60530,54 +60530,54 @@ const coe = [
     id: "implementation-status",
     label: "Implementation Status",
     component: K(
-      () => import("./documentation/ImplementationStatusSection-Bm5EzhII.js")
+      () => import("./documentation/ImplementationStatusSection-BFNsxVIb.js")
     )
   },
   {
     id: "wcag-principles",
     label: "WCAG 2.1 AA Principles",
     component: K(
-      () => import("./documentation/WCAGPrinciplesSection-BQWhdatC.js")
+      () => import("./documentation/WCAGPrinciplesSection-B9sZXPfQ.js")
     )
   },
   {
     id: "implemented-features",
     label: "Implemented Features",
     component: K(
-      () => import("./documentation/ImplementedFeaturesSection-CfV8XwSL.js")
+      () => import("./documentation/ImplementedFeaturesSection-LQqKN75c.js")
     )
   },
   {
     id: "keyboard-navigation",
     label: "Keyboard Navigation",
     component: K(
-      () => import("./documentation/KeyboardNavigationSection-dPPkpoVf.js")
+      () => import("./documentation/KeyboardNavigationSection-AU-ysaQM.js")
     )
   },
   {
     id: "component-status",
     label: "Component Accessibility Status",
     component: K(
-      () => import("./documentation/ComponentStatusSection-L3WhGtvd.js")
+      () => import("./documentation/ComponentStatusSection-lHvcoI9y.js")
     )
   },
   {
     id: "code-examples",
     label: "Implementation Examples",
     component: K(
-      () => import("./documentation/CodeExamplesSection-BNK9u1ps.js")
+      () => import("./documentation/CodeExamplesSection-1kUyGWeU.js")
     )
   },
   {
     id: "testing",
     label: "Accessibility Testing",
-    component: K(() => import("./documentation/TestingSection-CTGhtMbC.js"))
+    component: K(() => import("./documentation/TestingSection-8TPddPms.js"))
   },
   {
     id: "best-practices",
     label: "Best Practices",
     component: K(
-      () => import("./documentation/BestPracticesSection-BgqLgEsR.js")
+      () => import("./documentation/BestPracticesSection-BeWcRejA.js")
     )
   }
 ];
@@ -60942,35 +60942,35 @@ const doe = [
     id: "hook-features",
     label: "Why Choose Our Hooks?",
     component: K(
-      () => import("./documentation/HookFeaturesSection-DXVmzuOk.js")
+      () => import("./documentation/HookFeaturesSection-DXGn9w9N.js")
     )
   },
   {
     id: "hook-categories",
     label: "Hook Categories",
     component: K(
-      () => import("./documentation/HookCategoriesSection-BaBYyUdi.js")
+      () => import("./documentation/HookCategoriesSection-DxPpsCI_.js")
     )
   },
   {
     id: "live-demonstrations",
     label: "Live Hook Demonstrations",
     component: K(
-      () => import("./documentation/LiveDemonstrationsSection-UzXnub3E.js")
+      () => import("./documentation/LiveDemonstrationsSection-DRB4N92_.js")
     )
   },
   {
     id: "hook-documentation",
     label: "Hook Documentation",
     component: K(
-      () => import("./documentation/HookDocumentationSection-_NXvN1pT.js")
+      () => import("./documentation/HookDocumentationSection-CgZD1tOq.js")
     )
   },
   {
     id: "best-practices",
     label: "Best Practices",
     component: K(
-      () => import("./documentation/BestPracticesSection-DUw_zF3Z.js")
+      () => import("./documentation/BestPracticesSection-D9Vu3Kmk.js")
     )
   }
 ];
@@ -60998,52 +60998,52 @@ const uoe = [
     id: "icon-architecture",
     label: "Icon Architecture",
     component: K(
-      () => import("./documentation/IconArchitectureSection-CUwumPZY.js")
+      () => import("./documentation/IconArchitectureSection-OOghFbiq.js")
     )
   },
   {
     id: "custom-icons",
     label: "Custom Tucu Icons",
-    component: K(() => import("./documentation/CustomIconsSection-JyFWzdlQ.js"))
+    component: K(() => import("./documentation/CustomIconsSection-DPDDT3QV.js"))
   },
   {
     id: "lucide-icons",
     label: "Lucide React Icons",
-    component: K(() => import("./documentation/LucideIconsSection-B1IMM2KE.js"))
+    component: K(() => import("./documentation/LucideIconsSection-BcZP__26.js"))
   },
   {
     id: "usage-examples",
     label: "Usage Examples",
     component: K(
-      () => import("./documentation/UsageExamplesSection-BiZ1MahQ.js")
+      () => import("./documentation/UsageExamplesSection-CQsfAsO1.js")
     )
   },
   {
     id: "icon-system-api",
     label: "Icon System API",
     component: K(
-      () => import("./documentation/IconSystemAPISection-C0nEVDsJ.js")
+      () => import("./documentation/IconSystemAPISection-D6eLCOaG.js")
     )
   },
   {
     id: "best-practices",
     label: "Best Practices",
     component: K(
-      () => import("./documentation/BestPracticesSection-Ds5tgGhx.js")
+      () => import("./documentation/BestPracticesSection-DDwlvSk9.js")
     )
   },
   {
     id: "icon-sizing-guide",
     label: "Icon Sizing Guide",
     component: K(
-      () => import("./documentation/IconSizingGuideSection-BzrzVCbT.js")
+      () => import("./documentation/IconSizingGuideSection-CF9itTi0.js")
     )
   },
   {
     id: "icon-system-benefits",
     label: "Icon System Benefits",
     component: K(
-      () => import("./documentation/IconSystemBenefitsSection-C0jGyq77.js")
+      () => import("./documentation/IconSystemBenefitsSection-Cv_9L1Kq.js")
     )
   }
 ];
@@ -61071,70 +61071,70 @@ const foe = [
     id: "system-overview",
     label: "System Overview",
     component: K(
-      () => import("./documentation/SystemOverviewSection-BigtfVY7.js")
+      () => import("./documentation/SystemOverviewSection-zs1sgBU4.js")
     )
   },
   {
     id: "route-configuration",
     label: "Route Configuration",
     component: K(
-      () => import("./documentation/RouteConfigurationSection-Ba2pGQvU.js")
+      () => import("./documentation/RouteConfigurationSection-Drc5LJiF.js")
     )
   },
   {
     id: "nested-routes",
     label: "Nested Routes & Dropdown Menus",
     component: K(
-      () => import("./documentation/NestedRoutesSection-CbNTjSyW.js")
+      () => import("./documentation/NestedRoutesSection-C8UBWGHx.js")
     )
   },
   {
     id: "theme-provider-integration",
     label: "ThemeProvider Integration",
     component: K(
-      () => import("./documentation/ThemeProviderIntegrationSection-DvgYf8Rt.js")
+      () => import("./documentation/ThemeProviderIntegrationSection-BbKuNCBE.js")
     )
   },
   {
     id: "dynamic-routes",
     label: "Dynamic & Conditional Routes",
     component: K(
-      () => import("./documentation/DynamicRoutesSection-CpYydeHL.js")
+      () => import("./documentation/DynamicRoutesSection-B-wIQRz6.js")
     )
   },
   {
     id: "mfe-support",
     label: "Micro Frontends (MFE) Support",
     component: K(
-      () => import("./documentation/MFESupportSection-Dr7eg8uq.js")
+      () => import("./documentation/MFESupportSection-BHDOPkT0.js")
     )
   },
   {
     id: "standalone-app",
     label: "Standalone App",
     component: K(
-      () => import("./documentation/StandaloneAppSection-BkFjxSm_.js")
+      () => import("./documentation/StandaloneAppSection-Dn2EcBsk.js")
     )
   },
   {
     id: "architectural-patterns-comparison",
     label: "Architectural Patterns: Standalone vs MFE",
     component: K(
-      () => import("./documentation/ArchitecturalPatternsComparisonSection-Bya3HmHR.js")
+      () => import("./documentation/ArchitecturalPatternsComparisonSection-C-eRoUaS.js")
     )
   },
   {
     id: "best-practices",
     label: "Best Practices",
     component: K(
-      () => import("./documentation/BestPracticesSection-BPJ8cXNQ.js")
+      () => import("./documentation/BestPracticesSection-B6LVbicQ.js")
     )
   },
   {
     id: "api-reference",
     label: "API Reference",
     component: K(
-      () => import("./documentation/APIReferenceSection-Du0MZCoJ.js")
+      () => import("./documentation/APIReferenceSection-3tw3kbSC.js")
     )
   }
 ];
@@ -62103,50 +62103,50 @@ const woe = [
     id: "architecture-overview",
     label: "Architecture Overview",
     component: K(
-      () => import("./documentation/ArchitectureOverviewSection-DpWx_2Bf.js")
+      () => import("./documentation/ArchitectureOverviewSection-eB86uJbU.js")
     )
   },
   {
     id: "basic-usage",
     label: "Basic Usage",
-    component: K(() => import("./documentation/BasicUsageSection-BG4Pc9k4.js"))
+    component: K(() => import("./documentation/BasicUsageSection-DodQMzbr.js"))
   },
   {
     id: "form-components",
     label: "Form Components",
     component: K(
-      () => import("./documentation/FormComponentsSection-DsBtR_gO.js")
+      () => import("./documentation/FormComponentsSection-Ctj1Myfu.js")
     )
   },
   {
     id: "live-demo",
     label: "Live Demo Form",
-    component: K(() => import("./documentation/LiveDemoSection-DuWpxEHf.js"))
+    component: K(() => import("./documentation/LiveDemoSection-DlZp0AJU.js"))
   },
   {
     id: "validation-system",
     label: "Validation System",
     component: K(
-      () => import("./documentation/ValidationSystemSection-BH4fYDTN.js")
+      () => import("./documentation/ValidationSystemSection-CiTBMt8_.js")
     )
   },
   {
     id: "form-methods",
     label: "Form Methods",
-    component: K(() => import("./documentation/FormMethodsSection-XH36D1LE.js"))
+    component: K(() => import("./documentation/FormMethodsSection-B0CH8AFm.js"))
   },
   {
     id: "advanced-features",
     label: "Advanced Features",
     component: K(
-      () => import("./documentation/AdvancedFeaturesSection-WW45iO-b.js")
+      () => import("./documentation/AdvancedFeaturesSection-WMvC_2If.js")
     )
   },
   {
     id: "best-practices",
     label: "Best Practices",
     component: K(
-      () => import("./documentation/BestPracticesSection-B_tSX3Jz.js")
+      () => import("./documentation/BestPracticesSection-DYjT_pUO.js")
     )
   }
 ];
@@ -64830,7 +64830,7 @@ function Zde() {
       /* @__PURE__ */ i("div", { className: "bg-red-900/20" }),
       /* @__PURE__ */ i("div", { className: "bg-blue-500/10 bg-blue-500/20 bg-blue-500/30 bg-blue-500/40 bg-blue-500/50 bg-blue-500/60 bg-blue-500/70 bg-blue-500/80 bg-blue-500/90 bg-blue-500/100" }),
       /* @__PURE__ */ i("div", { className: "bg-slate-50 bg-slate-100 bg-slate-200 bg-slate-300 bg-slate-400 bg-slate-500 bg-slate-600 bg-slate-700 bg-slate-800 bg-slate-900 bg-slate-950" }),
-      /* @__PURE__ */ i("div", { className: "bg-gray-50 bg-gray-100 bg-gray-200 bg-gray-300 bg-gray-400 bg-gray-500 bg-gray-600 bg-gray-700 bg-gray-800 bg-gray-900 bg-gray-950" }),
+      /* @__PURE__ */ i("div", { className: "bg-gray-100 bg-gray-100 bg-gray-200 bg-gray-300 bg-gray-400 bg-gray-500 bg-gray-600 bg-gray-700 bg-gray-800 bg-gray-900 bg-gray-950" }),
       /* @__PURE__ */ i("div", { className: "bg-zinc-50 bg-zinc-100 bg-zinc-200 bg-zinc-300 bg-zinc-400 bg-zinc-500 bg-zinc-600 bg-zinc-700 bg-zinc-800 bg-zinc-900 bg-zinc-950" }),
       /* @__PURE__ */ i("div", { className: "bg-neutral-50 bg-neutral-100 bg-neutral-200 bg-neutral-300 bg-neutral-400 bg-neutral-500 bg-neutral-600 bg-neutral-700 bg-neutral-800 bg-neutral-900 bg-neutral-950" }),
       /* @__PURE__ */ i("div", { className: "bg-stone-50 bg-stone-100 bg-stone-200 bg-stone-300 bg-stone-400 bg-stone-500 bg-stone-600 bg-stone-700 bg-stone-800 bg-stone-900 bg-stone-950" }),