@e-burgos/tucu-ui 2.0.9 → 2.0.10

package/documentation/{ThemeHooksSection-D5hs4bKp.js → ThemeHooksSection-DN-dSaho.js}

@@ -1,23 +1,23 @@
-import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { H as c, T as r, ax as o, C as a, a as s } from "../index-lfg6LZ1p.js";
-import { Anchor as d, Zap as n, Palette as h, Globe as m } from "lucide-react";
+import { jsxs as r, Fragment as l, jsx as e } from "react/jsx-runtime";
+import { H as c, T as t, ax as o, C as a, a as s } from "../index-19KsCnyX.js";
+import { Anchor as n, Zap as d, Palette as h, Globe as m } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
-const w = () => /* @__PURE__ */ t(l, { children: [
+const v = () => /* @__PURE__ */ r(l, { children: [
   /* @__PURE__ */ e(
     c,
     {
       title: "Theme Hooks",
       description: "Powerful hooks for accessing, modifying, and reacting to theme state throughout your application.",
-      icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-yellow-500 via-amber-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(d, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
+      icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-yellow-500 via-amber-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(n, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
     }
   ),
-  /* @__PURE__ */ t("section", { className: "space-y-8", children: [
-    /* @__PURE__ */ t("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(r, { tag: "h2", className: "mb-2", children: "Available Hooks" }),
+  /* @__PURE__ */ r("section", { className: "space-y-8", children: [
+    /* @__PURE__ */ r("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(t, { tag: "h2", className: "mb-2", children: "Available Hooks" }),
       /* @__PURE__ */ e(
-        r,
+        t,
         {
           tag: "p",
           className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
@@ -27,7 +27,7 @@ const w = () => /* @__PURE__ */ t(l, { children: [
     ] }),
     /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6", children: [
       {
-        icon: /* @__PURE__ */ e(n, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
+        icon: /* @__PURE__ */ e(d, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
         title: "useTheme",
         description: "Main hook — all state, setters, and actions. Zustand-based with localStorage persistence.",
         iconBgClassName: "from-yellow-500 via-amber-500 to-orange-500"
@@ -35,7 +35,7 @@ const w = () => /* @__PURE__ */ t(l, { children: [
       {
         icon: /* @__PURE__ */ e(h, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
         title: "useThemeColor",
-        description: "Injects 12 CSS variables (6 light/dark pairs) into document root for real-time theming.",
+        description: "Injects 24 CSS variables (12 light/dark pairs) into document root for real-time theming.",
         iconBgClassName: "from-blue-500 via-cyan-500 to-teal-500"
       },
       {
@@ -46,11 +46,11 @@ const w = () => /* @__PURE__ */ t(l, { children: [
       }
     ].map((i) => /* @__PURE__ */ e(o, { layout: "horizontal", ...i }, i.title)) })
   ] }),
-  /* @__PURE__ */ t("section", { className: "space-y-8", children: [
-    /* @__PURE__ */ t("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(r, { tag: "h2", className: "mb-2", children: "useTheme Hook API" }),
+  /* @__PURE__ */ r("section", { className: "space-y-8", children: [
+    /* @__PURE__ */ r("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(t, { tag: "h2", className: "mb-2", children: "useTheme Hook API" }),
       /* @__PURE__ */ e(
-        r,
+        t,
         {
           tag: "p",
           className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
@@ -58,23 +58,23 @@ const w = () => /* @__PURE__ */ t(l, { children: [
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { title: "State Properties", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ t(
-          r,
+    /* @__PURE__ */ r("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { title: "State Properties", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ r(
+          t,
           {
             tag: "p",
             className: "text-gray-600 dark:text-gray-400 text-sm",
             children: [
               "Accessed via",
               " ",
-              /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "useTheme()" }),
+              /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "useTheme()" }),
               " ",
               "— persisted to localStorage automatically."
             ]
           }
         ),
-        /* @__PURE__ */ t("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
+        /* @__PURE__ */ r("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
           /* @__PURE__ */ e("li", { children: "mode, layout, direction, logo, lang" }),
           /* @__PURE__ */ e("li", { children: "colorScheme (theme variant: default | macos | macos-tahoe)" }),
           /* @__PURE__ */ e("li", { children: "primaryPreset, darkPrimaryPreset" }),
@@ -83,19 +83,26 @@ const w = () => /* @__PURE__ */ t(l, { children: [
           /* @__PURE__ */ e("li", { children: "mutedPreset, darkMutedPreset" }),
           /* @__PURE__ */ e("li", { children: "darkBgPreset, lightBgPreset" }),
           /* @__PURE__ */ e("li", { children: "lightDarkPreset, darkLightDarkPreset" }),
+          /* @__PURE__ */ e("li", { children: "successPreset, darkSuccessPreset" }),
+          /* @__PURE__ */ e("li", { children: "warningPreset, darkWarningPreset" }),
+          /* @__PURE__ */ e("li", { children: "errorPreset, darkErrorPreset" }),
+          /* @__PURE__ */ e("li", { children: "infoPreset, darkInfoPreset" }),
+          /* @__PURE__ */ e("li", { children: "fgPreset, darkFgPreset" }),
+          /* @__PURE__ */ e("li", { children: "borderPreset, darkBorderPreset" }),
+          /* @__PURE__ */ e("li", { children: "backgroundVariant" }),
           /* @__PURE__ */ e("li", { children: "isSettingsOpen, showSettings" })
         ] })
       ] }) }) }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { title: "Setters", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { title: "Setters", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
         /* @__PURE__ */ e(
-          r,
+          t,
           {
             tag: "p",
             className: "text-gray-600 dark:text-gray-400 text-sm",
             children: "Each setter updates the store and persists to localStorage."
           }
         ),
-        /* @__PURE__ */ t("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
+        /* @__PURE__ */ r("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
           /* @__PURE__ */ e("li", { children: "setMode, setLayout, setDirection" }),
           /* @__PURE__ */ e("li", { children: "setPrimaryPreset, setDarkPrimaryPreset" }),
           /* @__PURE__ */ e("li", { children: "setSecondaryPreset, setDarkSecondaryPreset" }),
@@ -103,52 +110,64 @@ const w = () => /* @__PURE__ */ t(l, { children: [
           /* @__PURE__ */ e("li", { children: "setMutedPreset, setDarkMutedPreset" }),
           /* @__PURE__ */ e("li", { children: "setDarkBgPreset, setLightBgPreset" }),
           /* @__PURE__ */ e("li", { children: "setLightDarkPreset, setDarkLightDarkPreset" }),
-          /* @__PURE__ */ e("li", { children: "setLogo, setLang, setIsSettingsOpen" }),
-          /* @__PURE__ */ e("li", { children: "setShowSettings" })
+          /* @__PURE__ */ e("li", { children: "setSuccessPreset, setDarkSuccessPreset" }),
+          /* @__PURE__ */ e("li", { children: "setWarningPreset, setDarkWarningPreset" }),
+          /* @__PURE__ */ e("li", { children: "setErrorPreset, setDarkErrorPreset" }),
+          /* @__PURE__ */ e("li", { children: "setInfoPreset, setDarkInfoPreset" }),
+          /* @__PURE__ */ e("li", { children: "setFgPreset, setDarkFgPreset" }),
+          /* @__PURE__ */ e("li", { children: "setBorderPreset, setDarkBorderPreset" }),
+          /* @__PURE__ */ e("li", { children: "setBackgroundVariant" }),
+          /* @__PURE__ */ e("li", { children: "setLogo, setLang, setIsSettingsOpen, setShowSettings" })
         ] })
       ] }) }) }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { title: "Actions", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { title: "Actions", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
         /* @__PURE__ */ e(
-          r,
+          t,
           {
             tag: "p",
             className: "text-gray-600 dark:text-gray-400 text-sm",
             children: "Compound actions that apply multiple state changes at once."
           }
         ),
-        /* @__PURE__ */ t("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
+        /* @__PURE__ */ r("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
           /* @__PURE__ */ e("li", { children: "restoreDefaultColors — resets all color presets to defaults" }),
           /* @__PURE__ */ e("li", { children: "applyMacOSTheme — sets layout to MACOS + Sonoma style" }),
           /* @__PURE__ */ e("li", { children: "applyMacOSTahoeTheme — sets layout to MACOS_TAHOE + Tahoe style" }),
           /* @__PURE__ */ e("li", { children: "applyThemeStyle(style: THEME_VARIANT) — generic applicator for any variant" })
         ] })
       ] }) }) }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { title: "useThemeColor Variables", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ t(
-          r,
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { title: "useThemeColor Variables", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ r(
+          t,
           {
             tag: "p",
             className: "text-gray-600 dark:text-gray-400 text-sm",
             children: [
-              "12 CSS variables injected into",
+              "24 CSS variables injected into",
               " ",
-              /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "document.documentElement" }),
+              /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "document.documentElement" }),
               ":"
             ]
           }
         ),
-        /* @__PURE__ */ t("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
+        /* @__PURE__ */ r("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
           /* @__PURE__ */ e("li", { children: "--color-semantic-bg-primary / dark variant" }),
           /* @__PURE__ */ e("li", { children: "--color-semantic-bg-secondary / dark variant" }),
           /* @__PURE__ */ e("li", { children: "--color-semantic-accent-bold-yellow / dark variant" }),
           /* @__PURE__ */ e("li", { children: "--color-semantic-fg-muted / dark variant" }),
           /* @__PURE__ */ e("li", { children: "--color-semantic-bg / dark variant" }),
-          /* @__PURE__ */ e("li", { children: "--color-semantic-bg-secondary-wash / dark variant" })
+          /* @__PURE__ */ e("li", { children: "--color-semantic-bg-secondary-wash / dark variant" }),
+          /* @__PURE__ */ e("li", { children: "--color-semantic-bg-positive / dark variant (success)" }),
+          /* @__PURE__ */ e("li", { children: "--color-semantic-bg-warning / dark variant (warning)" }),
+          /* @__PURE__ */ e("li", { children: "--color-semantic-bg-negative / dark variant (error)" }),
+          /* @__PURE__ */ e("li", { children: "--color-semantic-bg-info / dark variant (info)" }),
+          /* @__PURE__ */ e("li", { children: "--color-semantic-fg / dark variant (text foreground)" }),
+          /* @__PURE__ */ e("li", { children: "--color-semantic-line-primary-subtle / dark variant (border)" })
         ] })
       ] }) }) })
     ] })
   ] })
 ] });
 export {
-  w as default
+  v as default
 };

package/documentation/{ThemeProviderIntegrationSection-T1FvNpOT.js → ThemeProviderIntegrationSection-CtckSEZ6.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as i, T as o, C as a, a as r, c as s } from "../index-lfg6LZ1p.js";
+import { H as i, T as o, C as a, a as r, c as s } from "../index-19KsCnyX.js";
 import { Puzzle as m } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ThemeProviderIntegrationSection-hBvjgSG1.js → ThemeProviderIntegrationSection-DxWYUVNo.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"ThemeProvider Integration",description:"The routing system is fully integrated with ThemeProvider. It provides seamless navigation, layout management, and theming through the architecturalPatterns prop.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Puzzle,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"ThemeProvider Props"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"The ThemeProvider accepts layout, theming, and routing configuration"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppProviderProps
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"ThemeProvider Integration",description:"The routing system is fully integrated with ThemeProvider. It provides seamless navigation, layout management, and theming through the architecturalPatterns prop.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Puzzle,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"ThemeProvider Props"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"The ThemeProvider accepts layout, theming, and routing configuration"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppProviderProps
   extends Omit<ThemeWrapperProps, 'menuItems' | 'children'> {
   menuItems: StandaloneAppRoutesMenuItem[];  // Required: Array of route items
   customRoutes?: React.ReactElement<typeof Routes>; // Override default routing

package/documentation/{ThemeProviderRequiredSection-03ZYoeWQ.js → ThemeProviderRequiredSection-BHmXKzqL.js}

@@ -1,10 +1,10 @@
 import { jsxs as r, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as a, T as t, aj as d, C as i, a as n } from "../index-lfg6LZ1p.js";
+import { H as a, T as t, aj as d, C as i, a as n } from "../index-19KsCnyX.js";
 import { Shield as s, AlertTriangle as l } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
-const y = () => /* @__PURE__ */ r(o, { children: [
+const b = () => /* @__PURE__ */ r(o, { children: [
   /* @__PURE__ */ e(
     a,
     {
@@ -32,7 +32,7 @@ const y = () => /* @__PURE__ */ r(o, { children: [
     /* @__PURE__ */ r("div", { children: [
       "Before using any layout components or theme hooks, you MUST wrap your application with ThemeProvider. All layout components and theme hooks depend on the theme context provided by ThemeProvider. Located in",
       " ",
-      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded text-xs", children: "ui/tucu-ui/src/themes/components/theme-provider" }),
+      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border dark:border-border rounded text-xs", children: "ui/tucu-ui/src/themes/components/theme-provider" }),
       "."
     ] })
   ] }) }),
@@ -41,7 +41,7 @@ const y = () => /* @__PURE__ */ r(o, { children: [
       /* @__PURE__ */ e("strong", { children: "ThemeProvider" }),
       " includes",
       " ",
-      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded text-xs", children: "BrowserRouter" }),
+      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border dark:border-border rounded text-xs", children: "BrowserRouter" }),
       " ",
       "from React Router and handles routing automatically. You have two options:"
     ] }),
@@ -110,5 +110,5 @@ const y = () => /* @__PURE__ */ r(o, { children: [
   ] }) }) })
 ] });
 export {
-  y as default
+  b as default
 };

package/documentation/ThemeProviderRequiredSection-DMStR6-A.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"ThemeProvider Required",description:"Essential prerequisite for using the layout system and theme hooks. All layout components depend on the theme context.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Shield,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"ThemeProvider Required"}),e.jsx(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Essential prerequisite for using the layout system and theme hooks"})]}),e.jsx(r.Alert,{variant:"warning",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(t.AlertTriangle,{className:"h-4 w-4"}),"ThemeProvider Required"]}),e.jsxs("div",{children:["Before using any layout components or theme hooks, you MUST wrap your application with ThemeProvider. All layout components and theme hooks depend on the theme context provided by ThemeProvider. Located in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border dark:border-border rounded text-xs",children:"ui/tucu-ui/src/themes/components/theme-provider"}),"."]})]})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Routing System",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:[e.jsx("strong",{children:"ThemeProvider"})," includes"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border dark:border-border rounded text-xs",children:"BrowserRouter"})," ","from React Router and handles routing automatically. You have two options:"]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800",children:[e.jsx(r.Typography,{tag:"h4",className:"font-semibold mb-2",children:"1. Automatic Routing (Default)"}),e.jsxs(r.Typography,{tag:"p",className:"text-sm text-gray-700 dark:text-gray-300 mb-2",children:["Provide ",e.jsx("code",{children:"menuItems"})," with ",e.jsx("code",{children:"component"})," ","prop. ThemeProvider will automatically generate routes from your menu items."]}),e.jsxs(r.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:[e.jsx("strong",{children:"Use when:"})," You want routing based on menu items. Each menu item with a ",e.jsx("code",{children:"component"})," prop becomes a route."]})]}),e.jsxs("div",{className:"p-4 bg-green-50 dark:bg-green-900/20 rounded-lg border border-green-200 dark:border-green-800",children:[e.jsx(r.Typography,{tag:"h4",className:"font-semibold mb-2",children:"2. Custom Routing"}),e.jsxs(r.Typography,{tag:"p",className:"text-sm text-gray-700 dark:text-gray-300 mb-2",children:["Provide ",e.jsx("code",{children:"customRoutes"})," prop with your own"," ",e.jsx("code",{children:"<Routes>"})," component. This gives you full control over routing."]}),e.jsxs(r.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:[e.jsx("strong",{children:"Use when:"})," You need custom routing logic, landing pages without navigation, or complex routing scenarios."]})]})]})]})})})]});exports.default=s;

package/documentation/{ThemeProviderSection-nIdNlZjq.js → ThemeProviderSection-CTTjgBhZ.js}

@@ -1,16 +1,16 @@
-import { jsxs as r, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as p, T as o, C as d, a as l, y as c } from "../index-lfg6LZ1p.js";
+import { jsxs as r, Fragment as i, jsx as e } from "react/jsx-runtime";
+import { H as d, T as o, C as p, a as l, y as c } from "../index-19KsCnyX.js";
 import { Component as m } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
-const C = () => {
+const b = () => {
   const s = [
     { key: "prop", label: "Prop" },
     { key: "type", label: "Type" },
     { key: "default", label: "Default" },
     { key: "description", label: "Description" }
-  ], i = [
+  ], n = [
     {
       prop: "menuItems",
       type: "IMenuItem[]",
@@ -45,7 +45,7 @@ const C = () => {
       prop: "customPaletteColor",
       type: "object",
       default: "-",
-      description: "Custom color palette with 12 color slots (primary, darkPrimary, secondary, etc.)"
+      description: "Custom color palette with 24 color slots organized in groups: Brand (primary, accent), Surfaces (secondary, backgrounds), Text (fg, muted, border), and Status (success, warning, error, info) — each with light/dark variants"
     },
     {
       prop: "logo",
@@ -96,9 +96,9 @@ const C = () => {
       description: "Callback invoked on route change with current pathname"
     }
   ];
-  return /* @__PURE__ */ r(n, { children: [
+  return /* @__PURE__ */ r(i, { children: [
     /* @__PURE__ */ e(
-      p,
+      d,
       {
         title: "ThemeProvider Component",
         description: "The root component that wraps your application, manages all theme state, handles routing, and applies color configurations.",
@@ -117,11 +117,11 @@ const C = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { title: "ThemeProvider Props", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(l, { title: "ThemeProvider Props", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: [
         /* @__PURE__ */ r(o, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: [
           "Located in",
           " ",
-          /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "ui/tucu-ui/src/themes/components/theme-provider/" })
+          /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "ui/tucu-ui/src/themes/components/theme-provider/" })
         ] }),
         /* @__PURE__ */ e(
           c,
@@ -130,7 +130,7 @@ const C = () => {
               ...t,
               render: (a) => t.key === "prop" ? /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(a ?? "") }) : t.key === "type" || t.key === "default" ? /* @__PURE__ */ e("code", { className: "text-xs text-gray-600 dark:text-gray-400", children: String(a ?? "") }) : t.key === "description" ? /* @__PURE__ */ e("span", { className: "text-xs text-gray-600 dark:text-gray-400", children: String(a ?? "") }) : String(a ?? "")
             })),
-            data: i,
+            data: n,
             containerClassName: "mb-4"
           }
         )
@@ -139,5 +139,5 @@ const C = () => {
   ] });
 };
 export {
-  C as default
+  b as default
 };

package/documentation/ThemeProviderSection-DSllsxjP.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const o=[{key:"prop",label:"Prop"},{key:"type",label:"Type"},{key:"default",label:"Default"},{key:"description",label:"Description"}],s=[{prop:"menuItems",type:"IMenuItem[]",default:"Required",description:"Navigation menu items"},{prop:"themeStyle",type:"'default' | 'macos' | 'macos-tahoe'",default:"'default'",description:"Visual theme variant — constrains available layouts"},{prop:"layout",type:"LAYOUT_OPTIONS",default:"HORIZONTAL",description:"Layout type (constrained by themeStyle)"},{prop:"mode",type:"'light' | 'dark'",default:"'dark'",description:"Color mode"},{prop:"showSettings",type:"boolean",default:"false",description:"Show theme settings drawer button"},{prop:"customPaletteColor",type:"object",default:"-",description:"Custom color palette with 24 color slots organized in groups: Brand (primary, accent), Surfaces (secondary, backgrounds), Text (fg, muted, border), and Status (success, warning, error, info) — each with light/dark variants"},{prop:"logo",type:"LogoType",default:"{ path: '/', name: '' }",description:"Logo configuration object with path and name"},{prop:"brandColor",type:"PresetColorType",default:"-",description:"Brand color preset name"},{prop:"headerClassName",type:"string",default:"-",description:"Custom CSS classes for header"},{prop:"contentClassName",type:"string",default:"-",description:"Custom CSS classes for content area"},{prop:"fullWidth",type:"boolean",default:"false",description:"Enable full width layout"},{prop:"rightButton",type:"ReactNode",default:"-",description:"Custom button component for header right area"},{prop:"className",type:"string",default:"-",description:"Custom CSS classes for root layout"},{prop:"setCurrentPathname",type:"(pathname: string) => void",default:"-",description:"Callback invoked on route change with current pathname"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"ThemeProvider Component",description:"The root component that wraps your application, manages all theme state, handles routing, and applies color configurations.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-cyan-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.Component,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Props Reference"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Complete list of ThemeProvider configuration props"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider Props",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Located in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"ui/tucu-ui/src/themes/components/theme-provider/"})]}),e.jsx(t.BasicTable,{columns:o.map(r=>({...r,render:a=>r.key==="prop"?e.jsx("code",{className:"text-xs text-brand",children:String(a??"")}):r.key==="type"||r.key==="default"?e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(a??"")}):r.key==="description"?e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(a??"")}):String(a??"")})),data:s,containerClassName:"mb-4"})]})})})]})]})};exports.default=i;

package/documentation/{ToastSection-DF3L8jxW.js → ToastSection-BcMWRjYM.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const{addToast:a}=t.useToastStore(),r=[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:String(s)})},{key:"default",label:"Default",render:s=>{const o=String(s);return o==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:o})}},{key:"description",label:"Description"}],n=[{prop:"Toast Component",type:"React.FC",default:"-",description:"The Toast component renders automatically from the toast store"},{prop:"useToastStore",type:"Hook",default:"-",description:"Hook to manage toast notifications"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Toast",description:`A toast notification system for displaying temporary messages with
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const{addToast:a}=t.useToastStore(),r=[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:String(s)})},{key:"default",label:"Default",render:s=>{const o=String(s);return o==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:o})}},{key:"description",label:"Description"}],n=[{prop:"Toast Component",type:"React.FC",default:"-",description:"The Toast component renders automatically from the toast store"},{prop:"useToastStore",type:"Hook",default:"-",description:"Hook to manage toast notifications"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Toast",description:`A toast notification system for displaying temporary messages with
           multiple variants and auto-dismiss functionality.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-red-600 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(i.BellRing,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Success Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Success!",message:"Operation completed successfully.",variant:"success"}),children:"Show Success Toast"})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Error Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Error!",message:"Something went wrong.",variant:"destructive"}),children:"Show Error Toast"})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Warning Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Warning!",message:"Please review this information.",variant:"warning"}),children:"Show Warning Toast"})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Info Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Info",message:"Here is some information.",variant:"info"}),children:"Show Info Toast"})]})]}),e.jsx(t.Toast,{})]})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.BasicTable,{columns:r,data:n})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { Toast, useToastStore } from '@e-burgos/tucu-ui';
 
 function MyComponent() {

package/documentation/{ToastSection-C3RQpSox.js → ToastSection-CAz8Hcgy.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { al as d, H as m, C as s, a as n, T as r, x as i, am as h, y as p, c as u } from "../index-lfg6LZ1p.js";
+import { al as d, H as m, C as s, a as n, T as r, x as i, am as h, y as p, c as u } from "../index-19KsCnyX.js";
 import { BellRing as g } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ToggleBarSection-CJmXFlZa.js → ToggleBarSection-BAJRL-JL.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("../index-BaGqriuz.js"),r=require("lucide-react");require("react-router-dom");require("react-dom");const u=()=>{const[l,t]=o.useState(!1),[n,d]=o.useState(!0),i=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],[h,g]=o.useState({primary:!0,secondary:!0,danger:!0,info:!0,success:!0,warning:!0}),m=s=>()=>{g(c=>({...c,[s]:!c[s]}))};return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"ToggleBar",description:"A toggle bar component with title, subtitle, icon, and optional content. Perfect for settings panels and feature toggles.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-orange-500/50",children:e.jsx(r.ToggleRight,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic ToggleBar"}),e.jsx(a.ToggleBar,{title:"Enable Notifications",checked:l,onChange:()=>t(!l)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Subtitle"}),e.jsx(a.ToggleBar,{title:"Dark Mode",subTitle:"Switch between light and dark themes",checked:l,onChange:()=>t(!l)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Icon"}),e.jsx(a.ToggleBar,{title:"Auto Save",subTitle:"Automatically save your work",icon:e.jsx(r.Save,{className:"w-5 h-5"}),checked:l,onChange:()=>t(!l)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Children"}),e.jsx(a.ToggleBar,{title:"Advanced Settings",subTitle:"Show advanced configuration options",checked:l,onChange:()=>t(!l),children:e.jsx("div",{className:"mt-4 space-y-2",children:e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Additional content appears here when toggle is enabled."})})})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",children:i.map(({label:s,color:c})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:s}),e.jsx(a.ToggleBar,{title:`${s} Toggle`,subTitle:"Toggle with inherited Switch color",color:c,checked:h[c],onChange:m(c)})]},c))})})})}),e.jsx(a.PropPlayground,{componentName:"ToggleBar",defaultValues:{title:"Preview ToggleBar",subTitle:"Use the controls to adjust the component",color:"primary"},includeProps:["title","subTitle","color"],excludeProps:["checked","onChange","icon","children"],children:s=>e.jsx("div",{className:"w-full max-w-2xl",children:e.jsx(a.ToggleBar,{...s,icon:e.jsx(r.Save,{className:"w-5 h-5"}),checked:n,onChange:()=>d(c=>!c)})})}),e.jsx(a.AutoPropsTable,{componentName:"ToggleBar"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { ToggleBar, LucideIcons } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("../index-DMs_SmPq.js"),r=require("lucide-react");require("react-router-dom");require("react-dom");const u=()=>{const[l,t]=o.useState(!1),[n,d]=o.useState(!0),i=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],[h,g]=o.useState({primary:!0,secondary:!0,danger:!0,info:!0,success:!0,warning:!0}),m=s=>()=>{g(c=>({...c,[s]:!c[s]}))};return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"ToggleBar",description:"A toggle bar component with title, subtitle, icon, and optional content. Perfect for settings panels and feature toggles.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-orange-500/50",children:e.jsx(r.ToggleRight,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic ToggleBar"}),e.jsx(a.ToggleBar,{title:"Enable Notifications",checked:l,onChange:()=>t(!l)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Subtitle"}),e.jsx(a.ToggleBar,{title:"Dark Mode",subTitle:"Switch between light and dark themes",checked:l,onChange:()=>t(!l)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Icon"}),e.jsx(a.ToggleBar,{title:"Auto Save",subTitle:"Automatically save your work",icon:e.jsx(r.Save,{className:"w-5 h-5"}),checked:l,onChange:()=>t(!l)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Children"}),e.jsx(a.ToggleBar,{title:"Advanced Settings",subTitle:"Show advanced configuration options",checked:l,onChange:()=>t(!l),children:e.jsx("div",{className:"mt-4 space-y-2",children:e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Additional content appears here when toggle is enabled."})})})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",children:i.map(({label:s,color:c})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:s}),e.jsx(a.ToggleBar,{title:`${s} Toggle`,subTitle:"Toggle with inherited Switch color",color:c,checked:h[c],onChange:m(c)})]},c))})})})}),e.jsx(a.PropPlayground,{componentName:"ToggleBar",defaultValues:{title:"Preview ToggleBar",subTitle:"Use the controls to adjust the component",color:"primary"},includeProps:["title","subTitle","color"],excludeProps:["checked","onChange","icon","children"],children:s=>e.jsx("div",{className:"w-full max-w-2xl",children:e.jsx(a.ToggleBar,{...s,icon:e.jsx(r.Save,{className:"w-5 h-5"}),checked:n,onChange:()=>d(c=>!c)})})}),e.jsx(a.AutoPropsTable,{componentName:"ToggleBar"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { ToggleBar, LucideIcons } from '@e-burgos/tucu-ui';
 
 const [checked, setChecked] = useState(false);
 

package/documentation/{ToggleBarSection-D26Mzrf4.js → ToggleBarSection-D0gxe4bi.js}

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as T, jsx as e } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { H as b, C as l, a as i, T as r, w as s, P as w, A as N, c as f } from "../index-lfg6LZ1p.js";
+import { H as b, C as l, a as i, T as r, w as s, P as w, A as N, c as f } from "../index-19KsCnyX.js";
 import { ToggleRight as B, Save as h } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{TooltipSection-DugfAWzs.js → TooltipSection-8BAcW1F8.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../index-BaGqriuz.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>t.jsxs(t.Fragment,{children:[t.jsx(o.HeroCard,{title:"Tooltip",description:`A portal-based tooltip component that renders above all other DOM
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../index-DMs_SmPq.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>t.jsxs(t.Fragment,{children:[t.jsx(o.HeroCard,{title:"Tooltip",description:`A portal-based tooltip component that renders above all other DOM
           elements. Supports configurable placement, arrow, color themes, and
           delays.`,icon:t.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-teal-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:t.jsx(r.MessageSquare,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Placement",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4",children:[t.jsx(o.Tooltip,{content:"Top tooltip",placement:"top",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Top"})}),t.jsx(o.Tooltip,{content:"Bottom tooltip",placement:"bottom",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Bottom"})}),t.jsx(o.Tooltip,{content:"Left tooltip",placement:"left",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Left"})}),t.jsx(o.Tooltip,{content:"Right tooltip",placement:"right",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Right"})})]})})})}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Color Themes",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4",children:[t.jsx(o.Tooltip,{content:"Auto (uses theme mode)",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Auto"})}),t.jsx(o.Tooltip,{content:"Dark theme",color:"dark",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Dark"})}),t.jsx(o.Tooltip,{content:"Light theme",color:"light",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Light"})}),t.jsx(o.Tooltip,{content:"Primary color",color:"primary",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"primary",children:"Primary"})}),t.jsx(o.Tooltip,{content:"Success message",color:"success",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"success",children:"Success"})}),t.jsx(o.Tooltip,{content:"Info message",color:"info",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"info",children:"Info"})}),t.jsx(o.Tooltip,{content:"Warning message",color:"warning",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"warning",children:"Warning"})}),t.jsx(o.Tooltip,{content:"Danger message",color:"danger",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"danger",children:"Danger"})})]})})})}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Arrow Options",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4",children:[t.jsx(o.Tooltip,{content:"With arrow",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"info",children:"With Arrow"})}),t.jsx(o.Tooltip,{content:"Without arrow",arrow:!1,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"info",children:"No Arrow"})})]})})})}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Rich Content",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4",children:[t.jsx(o.Tooltip,{content:t.jsxs("div",{className:"space-y-1",children:[t.jsx(o.Typography,{tag:"strong",className:"text-xs",children:"Rich Tooltip"}),t.jsx(o.Typography,{tag:"p",className:"text-xs opacity-80",children:"Supports any React node as content."})]}),placement:"bottom",color:"light",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"success",children:"Rich Content"})}),t.jsx(o.Tooltip,{content:"Delayed tooltip",enterDelay:500,arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"warning",children:"500ms Delay"})})]})})})}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Component Integration",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"space-y-4",children:[t.jsxs(o.CardContainer,{className:"p-4",children:[t.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Button with tooltip prop"}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(o.Button,{tooltip:"Save changes",tooltipPlacement:"top",children:"Save"}),t.jsx(o.Button,{tooltip:"Delete item",tooltipPlacement:"bottom",tooltipColor:"light",color:"danger",children:"Delete"})]})]}),t.jsxs(o.CardContainer,{className:"p-4",children:[t.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Typography with tooltip prop"}),t.jsxs("div",{className:"flex flex-wrap gap-4 items-center",children:[t.jsx(o.Typography,{tag:"span",tooltip:"This is an abbreviation",tooltipPlacement:"top",className:"underline decoration-dotted cursor-help",children:"Hover this text"}),t.jsx(o.Typography,{tag:"strong",tooltip:"Important information",tooltipPlacement:"right",tooltipColor:"light",children:"Bold with tooltip"})]})]})]})})})}),t.jsx(o.PropPlayground,{componentName:"Tooltip",defaultValues:{placement:"top",color:"primary",arrow:!0,disabled:!1,enterDelay:0,leaveDelay:100},excludeProps:["children","content"],children:e=>t.jsx(o.Tooltip,{...e,content:"Tooltip preview text",children:t.jsx(o.Button,{children:"Hover me"})})}),t.jsx(o.AutoPropsTable,{componentName:"Tooltip"}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsx(o.CodeBlock,{language:"tsx",code:`import { Tooltip, Button, Typography } from '@e-burgos/tucu-ui';
 

package/documentation/{TooltipSection-DhfdMLxD.js → TooltipSection-8ft95fhM.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, Fragment as c, jsx as t } from "react/jsx-runtime";
-import { H as s, C as l, a as n, $ as e, x as o, T as a, P as p, A as m, c as h } from "../index-lfg6LZ1p.js";
+import { H as s, C as l, a as n, $ as e, x as o, T as a, P as p, A as m, c as h } from "../index-19KsCnyX.js";
 import { MessageSquare as d } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TopupButtonSection-6THSaEvz.js → TopupButtonSection-BsP9qMKz.js}

@@ -1,5 +1,5 @@
 import { jsxs as l, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as t, C as o, a as s, T as c, D as a, P as r, A as d, c as p } from "../index-lfg6LZ1p.js";
+import { H as t, C as o, a as s, T as c, D as a, P as r, A as d, c as p } from "../index-19KsCnyX.js";
 import { ArrowUpCircle as m, Plus as u, CreditCard as h, Wallet as N } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TopupButtonSection-DO2sCxIV.js → TopupButtonSection-DMX7DHtm.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-BaGqriuz.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"TopupButton",description:`A specialized button component for top-up or recharge actions, with
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"TopupButton",description:`A specialized button component for top-up or recharge actions, with
           support for icons and links.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-indigo-500 to-blue-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.ArrowUpCircle,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic Topup Button"}),e.jsx(s.TopupButton,{label:"Add Funds"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Icon"}),e.jsx(s.TopupButton,{label:"Top Up Account",icon:e.jsx(o.Plus,{className:"w-4 h-4"})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Link"}),e.jsx(s.TopupButton,{label:"Recharge Now",href:"/topup",icon:e.jsx(o.CreditCard,{className:"w-4 h-4"})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With onClick Handler"}),e.jsx(s.TopupButton,{label:"Add Balance",icon:e.jsx(o.Wallet,{className:"w-4 h-4"}),onClick:()=>console.log("Topup clicked")})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"TopupButton",defaultValues:{label:"Top Up"},excludeProps:["onClick","icon"],children:a=>e.jsx(s.TopupButton,{...a})}),e.jsx(s.AutoPropsTable,{componentName:"TopupButton"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { TopupButton, LucideIcons } from '@e-burgos/tucu-ui';
 
 // Basic usage

package/documentation/{TransactionInfoSection-7ZWdfrbf.js → TransactionInfoSection-Dfyi0vTL.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"TransactionInfo",description:"Simple component for displaying transaction information with label and value. Perfect for showing blockchain transaction details.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-slate-500 via-gray-500 to-zinc-500 rounded-full flex items-center justify-center shadow-lg border border-slate-500/50",children:e.jsx(l.Receipt,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Value"}),e.jsx(a.TransactionInfo,{label:"Transaction Hash",value:"0x1234...5678"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Without Value"}),e.jsx(a.TransactionInfo,{label:"Gas Fee"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Number Value"}),e.jsx(a.TransactionInfo,{label:"Block Number",value:12345678})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"TransactionInfo",defaultValues:{label:"Transaction Hash",value:"0x1234...5678"},controlOverrides:[{name:"label",type:"text",description:"Label text for the transaction field"},{name:"value",type:"text",description:"Value to display (string or number)"}],includeProps:["label","value"],children:s=>e.jsx("div",{className:"w-full max-w-md",children:e.jsx(a.TransactionInfo,{label:s.label,value:s.value})})}),e.jsx(a.AutoPropsTable,{componentName:"TransactionInfo"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { TransactionInfo } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"TransactionInfo",description:"Simple component for displaying transaction information with label and value. Perfect for showing blockchain transaction details.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-slate-500 via-gray-500 to-zinc-500 rounded-full flex items-center justify-center shadow-lg border border-slate-500/50",children:e.jsx(l.Receipt,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Value"}),e.jsx(a.TransactionInfo,{label:"Transaction Hash",value:"0x1234...5678"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Without Value"}),e.jsx(a.TransactionInfo,{label:"Gas Fee"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Number Value"}),e.jsx(a.TransactionInfo,{label:"Block Number",value:12345678})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"TransactionInfo",defaultValues:{label:"Transaction Hash",value:"0x1234...5678"},controlOverrides:[{name:"label",type:"text",description:"Label text for the transaction field"},{name:"value",type:"text",description:"Value to display (string or number)"}],includeProps:["label","value"],children:s=>e.jsx("div",{className:"w-full max-w-md",children:e.jsx(a.TransactionInfo,{label:s.label,value:s.value})})}),e.jsx(a.AutoPropsTable,{componentName:"TransactionInfo"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { TransactionInfo } from '@e-burgos/tucu-ui';
 
 <TransactionInfo
   label="Transaction Hash"

package/documentation/{TransactionInfoSection-BL23o6Ao.js → TransactionInfoSection-gfy4OG-G.js}

@@ -1,5 +1,5 @@
 import { jsxs as e, Fragment as i, jsx as a } from "react/jsx-runtime";
-import { H as t, C as l, a as r, T as n, j as s, P as c, A as m, c as d } from "../index-lfg6LZ1p.js";
+import { H as t, C as l, a as r, T as n, j as s, P as c, A as m, c as d } from "../index-19KsCnyX.js";
 import { Receipt as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TucuUiLogoSection-Dyfblzs7.js → TucuUiLogoSection-BlyXPiuE.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-BaGqriuz.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"TucuUiLogo",description:"The core logo icon component featuring the distinctive double T design with 'ui' text, representing the Tucu UI design system.",icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-pink-500 to-rose-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Hexagon,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Size"}),e.jsx(s.TucuUiLogo,{})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"flex items-center gap-4 flex-wrap",children:[e.jsx(s.TucuUiLogo,{size:60}),e.jsx(s.TucuUiLogo,{size:120}),e.jsx(s.TucuUiLogo,{size:180})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Classes"}),e.jsx(s.TucuUiLogo,{size:100,className:"opacity-80 hover:opacity-100 transition-opacity"})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"TucuUiLogo",defaultValues:{size:60},excludeProps:["props"],children:i=>e.jsx(s.TucuUiLogo,{...i})}),e.jsx(s.AutoPropsTable,{componentName:"TucuUiLogo"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { TucuUiLogo } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"TucuUiLogo",description:"The core logo icon component featuring the distinctive double T design with 'ui' text, representing the Tucu UI design system.",icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-pink-500 to-rose-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Hexagon,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Size"}),e.jsx(s.TucuUiLogo,{})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"flex items-center gap-4 flex-wrap",children:[e.jsx(s.TucuUiLogo,{size:60}),e.jsx(s.TucuUiLogo,{size:120}),e.jsx(s.TucuUiLogo,{size:180})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Classes"}),e.jsx(s.TucuUiLogo,{size:100,className:"opacity-80 hover:opacity-100 transition-opacity"})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"TucuUiLogo",defaultValues:{size:60},excludeProps:["props"],children:i=>e.jsx(s.TucuUiLogo,{...i})}),e.jsx(s.AutoPropsTable,{componentName:"TucuUiLogo"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { TucuUiLogo } from '@e-burgos/tucu-ui';
 
 // Basic usage (default 120x120)
 <TucuUiLogo />

package/documentation/{TucuUiLogoSection-BsYhhz9J.js → TucuUiLogoSection-Dr4QKJE2.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { H as r, C as o, a as t, T as a, ah as i, P as m, A as n, c as u } from "../index-lfg6LZ1p.js";
+import { H as r, C as o, a as t, T as a, ah as i, P as m, A as n, c as u } from "../index-19KsCnyX.js";
 import { Hexagon as d } from "lucide-react";
 import "react-router-dom";
 import "react";