@e-burgos/tucu-ui 2.0.4 → 2.0.6

package/documentation/{ThemeProviderRequiredSection-DfNXhp3f.js → ThemeProviderRequiredSection-ScLygoBY.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-QnI4b7wS.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[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(o.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-gray-300 dark:border-gray-700 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-gray-300 dark:border-gray-700 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=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-COj1N7FC.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[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(o.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-gray-300 dark:border-gray-700 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-gray-300 dark:border-gray-700 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=t;

package/documentation/{ThemeProviderSection-CT5hlFD2.js → ThemeProviderSection-6LHY1gR6.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const a=[{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:"layout",type:"LAYOUT_OPTIONS",default:"HORIZONTAL",description:"Layout type: CLEAN, ADMIN, or HORIZONTAL"},{prop:"mode",type:"'light' | 'dark'",default:"'light'",description:"Color mode"},{prop:"showSettings",type:"boolean",default:"false",description:"Show theme settings drawer button"},{prop:"customPaletteColor",type:"object",default:"-",description:"Custom color palette (see Color Configuration)"},{prop:"logo",type:"LogoType",default:"{ path: '/', name: '' }",description:"Logo configuration object with path and name"},{prop:"brandColor",type:"PresetColorType",default:"-",description:"Brand color preset"},{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"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"ThemeProvider Component"}),e.jsx(t.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Complete reference for ThemeProvider props and configuration"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider Props",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["The ThemeProvider is the root component that wraps your application and manages all theme state. Located in",e.jsx("code",{className:"px-2 py-1 font-mono rounded text-sm",children:"ui/tucu-ui/src/themes"}),"directory."]}),e.jsx(t.BasicTable,{columns:a.map(r=>({...r,render:o=>r.key==="prop"?e.jsx("code",{className:"text-xs text-brand",children:String(o??"")}):r.key==="type"||r.key==="default"?e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(o??"")}):r.key==="description"?e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(o??"")}):String(o??"")})),data:s,containerClassName:"mb-4"})]})})})]})};exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const a=[{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:"layout",type:"LAYOUT_OPTIONS",default:"HORIZONTAL",description:"Layout type: CLEAN, ADMIN, or HORIZONTAL"},{prop:"mode",type:"'light' | 'dark'",default:"'light'",description:"Color mode"},{prop:"showSettings",type:"boolean",default:"false",description:"Show theme settings drawer button"},{prop:"customPaletteColor",type:"object",default:"-",description:"Custom color palette (see Color Configuration)"},{prop:"logo",type:"LogoType",default:"{ path: '/', name: '' }",description:"Logo configuration object with path and name"},{prop:"brandColor",type:"PresetColorType",default:"-",description:"Brand color preset"},{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"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"ThemeProvider Component"}),e.jsx(t.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Complete reference for ThemeProvider props and configuration"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider Props",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["The ThemeProvider is the root component that wraps your application and manages all theme state. Located in",e.jsx("code",{className:"px-2 py-1 font-mono rounded text-sm",children:"ui/tucu-ui/src/themes"}),"directory."]}),e.jsx(t.BasicTable,{columns:a.map(r=>({...r,render:o=>r.key==="prop"?e.jsx("code",{className:"text-xs text-brand",children:String(o??"")}):r.key==="type"||r.key==="default"?e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(o??"")}):r.key==="description"?e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(o??"")}):String(o??"")})),data:s,containerClassName:"mb-4"})]})})})]})};exports.default=i;

package/documentation/{ThemeProviderSection-BFtuOM3w.js → ThemeProviderSection-D43ZRcch.js}

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { T as a, C as p, a as l, q as d } from "../index-B6CStnMG.js";
+import { T as a, C as p, a as l, q as d } from "../index-B919yoKU.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ToastSection-DD18GmJl.js → ToastSection-CHIsWCMb.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{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.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Toast"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A toast notification system for displaying temporary messages with multiple variants and auto-dismiss functionality."})]}),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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{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.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Toast"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A toast notification system for displaying temporary messages with multiple variants and auto-dismiss functionality."})]}),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() {
   const { addToast } = useToastStore();

package/documentation/{ToastSection-DoHzysF9.js → ToastSection-DKMWIbdY.js}

@@ -1,5 +1,5 @@
 import { jsxs as e, Fragment as c, jsx as t } from "react/jsx-runtime";
-import { ai as d, T as s, C as a, a as n, y as i, aj as m, q as p, c as h } from "../index-B6CStnMG.js";
+import { ai as d, T as s, C as a, a as n, y as i, aj as m, q as p, c as h } from "../index-B919yoKU.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ToggleBarSection-BpxFr9W6.js → ToggleBarSection-ByVhbSBC.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),a=require("../index-QnI4b7wS.js"),l=require("lucide-react");require("react-router-dom");require("react-dom");const i=()=>{const[t,s]=c.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ToggleBar"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A toggle bar component with title, subtitle, icon, and optional content. Perfect for settings panels and feature toggles."})]}),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:t,onChange:()=>s(!t)})]}),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:t,onChange:()=>s(!t)})]}),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(l.Save,{className:"w-5 h-5"}),checked:t,onChange:()=>s(!t)})]}),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:t,onChange:()=>s(!t),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.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"),c=require("react"),a=require("../index-COj1N7FC.js"),l=require("lucide-react");require("react-router-dom");require("react-dom");const i=()=>{const[t,s]=c.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ToggleBar"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A toggle bar component with title, subtitle, icon, and optional content. Perfect for settings panels and feature toggles."})]}),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:t,onChange:()=>s(!t)})]}),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:t,onChange:()=>s(!t)})]}),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(l.Save,{className:"w-5 h-5"}),checked:t,onChange:()=>s(!t)})]}),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:t,onChange:()=>s(!t),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.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-D3BYm7ZV.js → ToggleBarSection-DbkIzwZP.js}

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as d, jsx as e } from "react/jsx-runtime";
 import { useState as o } from "react";
-import { T as c, C as l, a as n, x as i, A as r, c as h } from "../index-B6CStnMG.js";
+import { T as c, C as l, a as n, x as i, A as r, c as h } from "../index-B919yoKU.js";
 import { Save as g } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{TooltipSection-5th4KA-K.js → TooltipSection-BEHBbMa3.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, Fragment as c, jsx as t } from "react/jsx-runtime";
-import { T as l, C as a, a as n, _ as e, y as o, P as s, A as p, c as m } from "../index-B6CStnMG.js";
+import { T as l, C as a, a as n, _ as e, y as o, P as s, A as p, c as m } from "../index-B919yoKU.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TooltipSection-BeW0mvEG.js → TooltipSection-DTGXs9vT.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"text-center space-y-4",children:[t.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Tooltip"}),t.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A portal-based tooltip component that renders above all other DOM elements. Supports configurable placement, arrow, color themes, and delays."})]}),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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"text-center space-y-4",children:[t.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Tooltip"}),t.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A portal-based tooltip component that renders above all other DOM elements. Supports configurable placement, arrow, color themes, and delays."})]}),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';
 
 // Standalone Tooltip wrapping any element
 <Tooltip content="Hello!" placement="top" arrow>

package/documentation/{TopupButtonSection-Cw92WCuk.js → TopupButtonSection-ClbM3sSZ.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { T as l, C as o, a as t, z as c, P as i, A as p, c as r } from "../index-B6CStnMG.js";
+import { T as l, C as o, a as t, z as c, P as i, A as p, c as r } from "../index-B919yoKU.js";
 import { Plus as d, CreditCard as m, Wallet as u } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TopupButtonSection-C419_R5w.js → TopupButtonSection-DDZwSfM6.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-QnI4b7wS.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"TopupButton"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A specialized button component for top-up or recharge actions, with support for icons and links."})]}),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:"Basic Topup Button"}),e.jsx(a.TopupButton,{label:"Add Funds"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Icon"}),e.jsx(a.TopupButton,{label:"Top Up Account",icon:e.jsx(s.Plus,{className:"w-4 h-4"})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Link"}),e.jsx(a.TopupButton,{label:"Recharge Now",href:"/topup",icon:e.jsx(s.CreditCard,{className:"w-4 h-4"})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With onClick Handler"}),e.jsx(a.TopupButton,{label:"Add Balance",icon:e.jsx(s.Wallet,{className:"w-4 h-4"}),onClick:()=>console.log("Topup clicked")})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"TopupButton",defaultValues:{label:"Top Up"},excludeProps:["onClick","icon"],children:o=>e.jsx(a.TopupButton,{...o})}),e.jsx(a.AutoPropsTable,{componentName:"TopupButton"}),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 { TopupButton, LucideIcons } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"TopupButton"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A specialized button component for top-up or recharge actions, with support for icons and links."})]}),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:"Basic Topup Button"}),e.jsx(a.TopupButton,{label:"Add Funds"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Icon"}),e.jsx(a.TopupButton,{label:"Top Up Account",icon:e.jsx(s.Plus,{className:"w-4 h-4"})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Link"}),e.jsx(a.TopupButton,{label:"Recharge Now",href:"/topup",icon:e.jsx(s.CreditCard,{className:"w-4 h-4"})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With onClick Handler"}),e.jsx(a.TopupButton,{label:"Add Balance",icon:e.jsx(s.Wallet,{className:"w-4 h-4"}),onClick:()=>console.log("Topup clicked")})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"TopupButton",defaultValues:{label:"Top Up"},excludeProps:["onClick","icon"],children:o=>e.jsx(a.TopupButton,{...o})}),e.jsx(a.AutoPropsTable,{componentName:"TopupButton"}),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 { TopupButton, LucideIcons } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <TopupButton label="Add Funds" />

package/documentation/{TransactionInfoSection-CF0j2oxc.js → TransactionInfoSection-CO5s67_e.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"TransactionInfo"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Simple component for displaying transaction information with label and value."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Value"}),a.jsx(e.TransactionInfo,{label:"Transaction Hash",value:"0x1234...5678"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Without Value"}),a.jsx(e.TransactionInfo,{label:"Gas Fee"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Number Value"}),a.jsx(e.TransactionInfo,{label:"Block Number",value:12345678})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"TransactionInfo"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { TransactionInfo } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"TransactionInfo"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Simple component for displaying transaction information with label and value."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Value"}),a.jsx(e.TransactionInfo,{label:"Transaction Hash",value:"0x1234...5678"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Without Value"}),a.jsx(e.TransactionInfo,{label:"Gas Fee"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Number Value"}),a.jsx(e.TransactionInfo,{label:"Block Number",value:12345678})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"TransactionInfo"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { TransactionInfo } from '@e-burgos/tucu-ui';
 
 <TransactionInfo
   label="Transaction Hash"

package/documentation/{TransactionInfoSection-cKwmQpgL.js → TransactionInfoSection-ZFQbN2wP.js}

@@ -1,5 +1,5 @@
 import { jsxs as e, Fragment as t, jsx as a } from "react/jsx-runtime";
-import { T as l, C as s, a as o, j as n, A as i, c as r } from "../index-B6CStnMG.js";
+import { T as l, C as s, a as o, j as n, A as i, c as r } from "../index-B919yoKU.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TucuUiLogoSection-BuasEv--.js → TucuUiLogoSection-BB5Zr58k.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"TucuUiLogo"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'The core logo icon component featuring the distinctive double T design with "ui" text, representing the Tucu UI design system.'})]}),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-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"TucuUiLogo"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'The core logo icon component featuring the distinctive double T design with "ui" text, representing the Tucu UI design system.'})]}),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-NYK0oUdj.js → TucuUiLogoSection-CcGnK1Ai.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { T as i, C as t, a as o, ae as a, P as r, A as m, c as u } from "../index-B6CStnMG.js";
+import { T as i, C as t, a as o, ae as a, P as r, A as m, c as u } from "../index-B919yoKU.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TypographySection-CjGIv22g.js → TypographySection-BYKjiWVg.js}

@@ -1,5 +1,5 @@
 import { jsxs as l, Fragment as g, jsx as a } from "react/jsx-runtime";
-import { T as r, C as t, a as d, J as i } from "../index-B6CStnMG.js";
+import { T as r, C as t, a as d, J as i } from "../index-B919yoKU.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TypographySection-02IMtWN4.js → TypographySection-CS29TD-z.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as r, jsx as a } from "react/jsx-runtime";
-import { T as e, C as o, a as l, P as i, A as h, c as n } from "../index-B6CStnMG.js";
+import { T as e, C as o, a as l, P as i, A as h, c as n } from "../index-B919yoKU.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TypographySection-uhboa1b_.js → TypographySection-CgEGnQ1Q.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const l=[{tag:"headline",label:"Headline",category:"Tucu UI Tokens"},{tag:"body",label:"Body",category:"Tucu UI Tokens"},{tag:"label-1",label:"Label 1",category:"Tucu UI Tokens"},{tag:"label-2",label:"Label 2",category:"Tucu UI Tokens"},{tag:"caption",label:"Caption",category:"Tucu UI Tokens"},{tag:"legal",label:"Legal",category:"Tucu UI Tokens"},{tag:"h1",label:"Heading 1 (h1)",category:"HTML Tags"},{tag:"h2",label:"Heading 2 (h2)",category:"HTML Tags"},{tag:"h3",label:"Heading 3 (h3)",category:"HTML Tags"},{tag:"h4",label:"Heading 4 (h4)",category:"HTML Tags"},{tag:"h5",label:"Heading 5 (h5)",category:"HTML Tags"},{tag:"h6",label:"Heading 6 (h6)",category:"HTML Tags"},{tag:"p",label:"Paragraph (p)",category:"HTML Tags"},{tag:"i",label:"Italic (i)",category:"HTML Tags"},{tag:"b",label:"Bold (b)",category:"HTML Tags"},{tag:"strong",label:"Strong",category:"HTML Tags"},{tag:"em",label:"Emphasis (em)",category:"HTML Tags"},{tag:"small",label:"Small",category:"HTML Tags"},{tag:"q",label:"Quote (q)",category:"HTML Tags"},{tag:"blockquote",label:"Blockquote",category:"HTML Tags"},{tag:"code",label:"Code",category:"HTML Tags"},{tag:"pre",label:"Preformatted (pre)",category:"HTML Tags"},{tag:"kbd",label:"Keyboard (kbd)",category:"HTML Tags"},{tag:"mark",label:"Mark",category:"HTML Tags"},{tag:"del",label:"Deleted (del)",category:"HTML Tags"},{tag:"sub",label:"Subscript (sub)",category:"HTML Tags"},{tag:"sup",label:"Superscript (sup)",category:"HTML Tags"},{tag:"abbr",label:"Abbreviation (abbr)",category:"HTML Tags"},{tag:"span",label:"Span",category:"HTML Tags"}],s=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"dark",label:"Dark"},{value:"light",label:"Light"},{value:"muted",label:"Muted"},{value:"success",label:"Success"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}],t=[{value:"default",label:"Default (Sans)"},{value:"mono",label:"Mono"}];return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Typography"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Typography component with all available tags, colors, and font families"})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Tucu UI Tokens - Type Scale",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Hierarchical typography tokens designed for consistent text styling across the design system."}),a.jsx("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-light-dark",children:a.jsx("div",{className:"space-y-6",children:l.filter(r=>r.category==="Tucu UI Tokens").map(r=>a.jsxs("div",{className:"flex flex-col md:flex-row md:items-center md:justify-between gap-4 pb-6 border-b border-gray-200 dark:border-gray-700 last:border-0 last:pb-0",children:[a.jsxs("div",{className:"flex-1 space-y-2",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx(e.Typography,{tag:r.tag,children:r.label}),a.jsx(e.Badge,{variant:"outline",className:"text-xs font-mono",children:r.tag})]}),a.jsxs(e.Typography,{tag:"caption",className:"text-muted",children:[r.tag==="headline"&&"Main headlines and hero text",r.tag==="body"&&"Primary body text and paragraphs",r.tag==="label-1"&&"Primary labels and form fields",r.tag==="label-2"&&"Secondary labels and smaller text",r.tag==="caption"&&"Image captions and metadata",r.tag==="legal"&&"Legal text, disclaimers, and fine print"]})]}),a.jsx("div",{className:"md:w-1/2",children:a.jsxs(e.Typography,{tag:r.tag,children:[r.tag==="headline"&&"The quick brown fox jumps over the lazy dog",r.tag==="body"&&"The quick brown fox jumps over the lazy dog. This is body text used for paragraphs and main content.",r.tag==="label-1"&&"Label Text",r.tag==="label-2"&&"Small Label",r.tag==="caption"&&"Image caption or supporting text",r.tag==="legal"&&"Legal disclaimer text"]})})]},r.tag))})})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"HTML Tags",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Standard HTML semantic tags with Tucu UI styling."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:l.filter(r=>r.category==="HTML Tags").map(r=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(e.Typography,{tag:"h4",children:r.label}),a.jsxs(e.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['tag="',r.tag,'"']})]}),a.jsx("div",{className:"min-h-[60px] flex items-start overflow-hidden",children:a.jsx(e.Typography,{className:r.tag==="pre"||r.tag==="code"?"overflow-wrap-anywhere whitespace-pre-wrap w-full":"overflow-wrap-anywhere",tag:r.tag,...r.tag==="abbr"&&{title:"Abbreviation example"},children:r.tag==="pre"||r.tag==="code"?'const example = "The quick brown fox jumps over the lazy dog";':"The quick brown fox jumps over the lazy dog"})})]},r.tag))})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Typography Colors",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Available color props for the Typography component."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:s.map(r=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(e.Typography,{tag:"h4",children:r.label}),a.jsxs(e.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['color="',r.value,'"']})]}),a.jsx("div",{className:"min-h-[40px] flex items-center",children:a.jsx(e.Typography,{tag:"p",color:r.value,children:"The quick brown fox jumps over the lazy dog"})})]},r.value))})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Typography Font Families",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Available fontFamily props for the Typography component."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:t.map(r=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(e.Typography,{tag:"h4",children:r.label}),a.jsxs(e.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['fontFamily="',r.value,'"']})]}),a.jsx("div",{className:"min-h-[40px] flex items-center",children:a.jsx(e.Typography,{tag:"p",fontFamily:r.value,children:"The quick brown fox jumps over the lazy dog"})})]},r.value))})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Combined Examples",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Examples combining tags, colors, and font families."}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Headline + Primary + Mono"}),a.jsx(e.Typography,{tag:"headline",color:"primary",fontFamily:"mono",children:"The quick brown fox"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Body + Success"}),a.jsx(e.Typography,{tag:"body",color:"success",children:"The quick brown fox jumps over the lazy dog"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Label 1 + Warning"}),a.jsx(e.Typography,{tag:"label-1",color:"warning",children:"The quick brown fox"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Code + Error + Mono"}),a.jsx(e.Typography,{tag:"code",color:"error",fontFamily:"mono",children:'const example = "Hello World";'})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Caption + Muted"}),a.jsx(e.Typography,{tag:"caption",color:"muted",children:"The quick brown fox jumps over the lazy dog"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"H2 + Secondary"}),a.jsx(e.Typography,{tag:"h2",color:"secondary",children:"The quick brown fox"})]})]})]})})})]})};exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const l=[{tag:"headline",label:"Headline",category:"Tucu UI Tokens"},{tag:"body",label:"Body",category:"Tucu UI Tokens"},{tag:"label-1",label:"Label 1",category:"Tucu UI Tokens"},{tag:"label-2",label:"Label 2",category:"Tucu UI Tokens"},{tag:"caption",label:"Caption",category:"Tucu UI Tokens"},{tag:"legal",label:"Legal",category:"Tucu UI Tokens"},{tag:"h1",label:"Heading 1 (h1)",category:"HTML Tags"},{tag:"h2",label:"Heading 2 (h2)",category:"HTML Tags"},{tag:"h3",label:"Heading 3 (h3)",category:"HTML Tags"},{tag:"h4",label:"Heading 4 (h4)",category:"HTML Tags"},{tag:"h5",label:"Heading 5 (h5)",category:"HTML Tags"},{tag:"h6",label:"Heading 6 (h6)",category:"HTML Tags"},{tag:"p",label:"Paragraph (p)",category:"HTML Tags"},{tag:"i",label:"Italic (i)",category:"HTML Tags"},{tag:"b",label:"Bold (b)",category:"HTML Tags"},{tag:"strong",label:"Strong",category:"HTML Tags"},{tag:"em",label:"Emphasis (em)",category:"HTML Tags"},{tag:"small",label:"Small",category:"HTML Tags"},{tag:"q",label:"Quote (q)",category:"HTML Tags"},{tag:"blockquote",label:"Blockquote",category:"HTML Tags"},{tag:"code",label:"Code",category:"HTML Tags"},{tag:"pre",label:"Preformatted (pre)",category:"HTML Tags"},{tag:"kbd",label:"Keyboard (kbd)",category:"HTML Tags"},{tag:"mark",label:"Mark",category:"HTML Tags"},{tag:"del",label:"Deleted (del)",category:"HTML Tags"},{tag:"sub",label:"Subscript (sub)",category:"HTML Tags"},{tag:"sup",label:"Superscript (sup)",category:"HTML Tags"},{tag:"abbr",label:"Abbreviation (abbr)",category:"HTML Tags"},{tag:"span",label:"Span",category:"HTML Tags"}],s=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"dark",label:"Dark"},{value:"light",label:"Light"},{value:"muted",label:"Muted"},{value:"success",label:"Success"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}],t=[{value:"default",label:"Default (Sans)"},{value:"mono",label:"Mono"}];return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Typography"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Typography component with all available tags, colors, and font families"})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Tucu UI Tokens - Type Scale",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Hierarchical typography tokens designed for consistent text styling across the design system."}),a.jsx("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-light-dark",children:a.jsx("div",{className:"space-y-6",children:l.filter(r=>r.category==="Tucu UI Tokens").map(r=>a.jsxs("div",{className:"flex flex-col md:flex-row md:items-center md:justify-between gap-4 pb-6 border-b border-gray-200 dark:border-gray-700 last:border-0 last:pb-0",children:[a.jsxs("div",{className:"flex-1 space-y-2",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx(e.Typography,{tag:r.tag,children:r.label}),a.jsx(e.Badge,{variant:"outline",className:"text-xs font-mono",children:r.tag})]}),a.jsxs(e.Typography,{tag:"caption",className:"text-muted",children:[r.tag==="headline"&&"Main headlines and hero text",r.tag==="body"&&"Primary body text and paragraphs",r.tag==="label-1"&&"Primary labels and form fields",r.tag==="label-2"&&"Secondary labels and smaller text",r.tag==="caption"&&"Image captions and metadata",r.tag==="legal"&&"Legal text, disclaimers, and fine print"]})]}),a.jsx("div",{className:"md:w-1/2",children:a.jsxs(e.Typography,{tag:r.tag,children:[r.tag==="headline"&&"The quick brown fox jumps over the lazy dog",r.tag==="body"&&"The quick brown fox jumps over the lazy dog. This is body text used for paragraphs and main content.",r.tag==="label-1"&&"Label Text",r.tag==="label-2"&&"Small Label",r.tag==="caption"&&"Image caption or supporting text",r.tag==="legal"&&"Legal disclaimer text"]})})]},r.tag))})})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"HTML Tags",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Standard HTML semantic tags with Tucu UI styling."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:l.filter(r=>r.category==="HTML Tags").map(r=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(e.Typography,{tag:"h4",children:r.label}),a.jsxs(e.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['tag="',r.tag,'"']})]}),a.jsx("div",{className:"min-h-[60px] flex items-start overflow-hidden",children:a.jsx(e.Typography,{className:r.tag==="pre"||r.tag==="code"?"overflow-wrap-anywhere whitespace-pre-wrap w-full":"overflow-wrap-anywhere",tag:r.tag,...r.tag==="abbr"&&{title:"Abbreviation example"},children:r.tag==="pre"||r.tag==="code"?'const example = "The quick brown fox jumps over the lazy dog";':"The quick brown fox jumps over the lazy dog"})})]},r.tag))})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Typography Colors",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Available color props for the Typography component."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:s.map(r=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(e.Typography,{tag:"h4",children:r.label}),a.jsxs(e.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['color="',r.value,'"']})]}),a.jsx("div",{className:"min-h-[40px] flex items-center",children:a.jsx(e.Typography,{tag:"p",color:r.value,children:"The quick brown fox jumps over the lazy dog"})})]},r.value))})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Typography Font Families",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Available fontFamily props for the Typography component."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:t.map(r=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(e.Typography,{tag:"h4",children:r.label}),a.jsxs(e.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['fontFamily="',r.value,'"']})]}),a.jsx("div",{className:"min-h-[40px] flex items-center",children:a.jsx(e.Typography,{tag:"p",fontFamily:r.value,children:"The quick brown fox jumps over the lazy dog"})})]},r.value))})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Combined Examples",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Examples combining tags, colors, and font families."}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Headline + Primary + Mono"}),a.jsx(e.Typography,{tag:"headline",color:"primary",fontFamily:"mono",children:"The quick brown fox"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Body + Success"}),a.jsx(e.Typography,{tag:"body",color:"success",children:"The quick brown fox jumps over the lazy dog"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Label 1 + Warning"}),a.jsx(e.Typography,{tag:"label-1",color:"warning",children:"The quick brown fox"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Code + Error + Mono"}),a.jsx(e.Typography,{tag:"code",color:"error",fontFamily:"mono",children:'const example = "Hello World";'})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Caption + Muted"}),a.jsx(e.Typography,{tag:"caption",color:"muted",children:"The quick brown fox jumps over the lazy dog"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"H2 + Secondary"}),a.jsx(e.Typography,{tag:"h2",color:"secondary",children:"The quick brown fox"})]})]})]})})})]})};exports.default=o;

package/documentation/{TypographySection-CpjtNAfZ.js → TypographySection-DGjPTW0m.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Typography"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A comprehensive typography component system with semantic HTML tags and predefined text styles."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Headings"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Typography,{tag:"h1",children:"Heading 1"}),a.jsx(e.Typography,{tag:"h2",children:"Heading 2"}),a.jsx(e.Typography,{tag:"h3",children:"Heading 3"}),a.jsx(e.Typography,{tag:"h4",children:"Heading 4"}),a.jsx(e.Typography,{tag:"h5",children:"Heading 5"}),a.jsx(e.Typography,{tag:"h6",children:"Heading 6"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Text Variants"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Typography,{tag:"headline",children:"Headline Text"}),a.jsx(e.Typography,{tag:"body",children:"Body Text"}),a.jsx(e.Typography,{tag:"label-1",children:"Label 1"}),a.jsx(e.Typography,{tag:"h5",children:"Label 2"}),a.jsx(e.Typography,{tag:"caption",children:"Caption Text"}),a.jsx(e.Typography,{tag:"legal",children:"Legal Text"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Semantic Elements"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Typography,{tag:"p",children:"Paragraph text"}),a.jsx(e.Typography,{tag:"strong",children:"Strong text"}),a.jsx(e.Typography,{tag:"em",children:"Emphasized text"}),a.jsx(e.Typography,{tag:"code",children:"Code text"}),a.jsx(e.Typography,{tag:"pre",children:"Preformatted text"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Tooltip"}),a.jsxs("div",{className:"flex flex-wrap gap-4 items-center",children:[a.jsx(e.Typography,{tag:"span",tooltip:"This is an abbreviation",tooltipPlacement:"top",className:"underline decoration-dotted cursor-help",children:"Hover this text"}),a.jsx(e.Typography,{tag:"strong",tooltip:"Important information",tooltipPlacement:"right",tooltipColor:"light",children:"Bold with tooltip"}),a.jsx(e.Typography,{tag:"code",tooltip:"Copied!",tooltipPlacement:"bottom",children:"Code with tooltip"})]})]})]})})})}),a.jsx(e.PropPlayground,{componentName:"Typography",defaultValues:{tag:"p",color:"default"},excludeProps:["tooltip","tooltipArrow","tooltipColor","tooltipPlacement","title"],children:t=>a.jsx(e.Typography,{...t,children:"The quick brown fox jumps over the lazy dog."})}),a.jsx(e.AutoPropsTable,{componentName:"Typography"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { Typography } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Typography"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A comprehensive typography component system with semantic HTML tags and predefined text styles."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Headings"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Typography,{tag:"h1",children:"Heading 1"}),a.jsx(e.Typography,{tag:"h2",children:"Heading 2"}),a.jsx(e.Typography,{tag:"h3",children:"Heading 3"}),a.jsx(e.Typography,{tag:"h4",children:"Heading 4"}),a.jsx(e.Typography,{tag:"h5",children:"Heading 5"}),a.jsx(e.Typography,{tag:"h6",children:"Heading 6"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Text Variants"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Typography,{tag:"headline",children:"Headline Text"}),a.jsx(e.Typography,{tag:"body",children:"Body Text"}),a.jsx(e.Typography,{tag:"label-1",children:"Label 1"}),a.jsx(e.Typography,{tag:"h5",children:"Label 2"}),a.jsx(e.Typography,{tag:"caption",children:"Caption Text"}),a.jsx(e.Typography,{tag:"legal",children:"Legal Text"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Semantic Elements"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Typography,{tag:"p",children:"Paragraph text"}),a.jsx(e.Typography,{tag:"strong",children:"Strong text"}),a.jsx(e.Typography,{tag:"em",children:"Emphasized text"}),a.jsx(e.Typography,{tag:"code",children:"Code text"}),a.jsx(e.Typography,{tag:"pre",children:"Preformatted text"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Tooltip"}),a.jsxs("div",{className:"flex flex-wrap gap-4 items-center",children:[a.jsx(e.Typography,{tag:"span",tooltip:"This is an abbreviation",tooltipPlacement:"top",className:"underline decoration-dotted cursor-help",children:"Hover this text"}),a.jsx(e.Typography,{tag:"strong",tooltip:"Important information",tooltipPlacement:"right",tooltipColor:"light",children:"Bold with tooltip"}),a.jsx(e.Typography,{tag:"code",tooltip:"Copied!",tooltipPlacement:"bottom",children:"Code with tooltip"})]})]})]})})})}),a.jsx(e.PropPlayground,{componentName:"Typography",defaultValues:{tag:"p",color:"default"},excludeProps:["tooltip","tooltipArrow","tooltipColor","tooltipPlacement","title"],children:t=>a.jsx(e.Typography,{...t,children:"The quick brown fox jumps over the lazy dog."})}),a.jsx(e.AutoPropsTable,{componentName:"Typography"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { Typography } from '@e-burgos/tucu-ui';
 
 // Headings
 <Typography tag="h1">Heading 1</Typography>

package/documentation/{UsageExamplesSection-BmWz_idr.js → UsageExamplesSection-BNrxVQj2.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-QnI4b7wS.js"),c=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Usage Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 shadow-lg",children:e.jsx(c.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"How to Use Icons"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Lucide React Integration"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Import the LucideIcons namespace and access any icon with dot notation. All 5000+ Lucide icons are available."}),e.jsx(s.CodeBlock,{code:`import { LucideIcons } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js"),c=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Usage Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 shadow-lg",children:e.jsx(c.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"How to Use Icons"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Lucide React Integration"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Import the LucideIcons namespace and access any icon with dot notation. All 5000+ Lucide icons are available."}),e.jsx(s.CodeBlock,{code:`import { LucideIcons } from '@e-burgos/tucu-ui';
 
 function MyComponent() {
   return (

package/documentation/{UsageExamplesSection-BO_K1AHD.js → UsageExamplesSection-BiZ1MahQ.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { C as s, a as t, T as c, c as o } from "../index-B6CStnMG.js";
+import { C as s, a as t, T as c, c as o } from "../index-B919yoKU.js";
 import { Code as i } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{UsingThemeSystemSection-bYxrH_-c.js → UsingThemeSystemSection-CS0WVYk1.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-QnI4b7wS.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Using the Theme System",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-lg shadow-lg",children:e.jsx(r.Code,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"ThemeProvider Setup"})]}),e.jsx(t.CodeBlock,{language:"tsx",code:`import { ThemeProvider, LAYOUT_OPTIONS } from '@ui/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Using the Theme System",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-lg shadow-lg",children:e.jsx(r.Code,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"ThemeProvider Setup"})]}),e.jsx(t.CodeBlock,{language:"tsx",code:`import { ThemeProvider, LAYOUT_OPTIONS } from '@ui/tucu-ui';
 
 function App() {
   const menuItems = [
@@ -18,16 +18,16 @@ function App() {
       customPaletteColor={{
         primary: '#0052ff',          // Hex color or preset name
         darkPrimary: '#578bfa',
-        secondary: '#eef0f3',
-        darkSecondary: '#282b31',
+        secondary: '#f3f4f6',
+        darkSecondary: '#172131',
         accent: '#f7d21a',
         darkAccent: '#936000',
-        muted: '#5b616e',
-        darkMuted: '#8a919e',
-        darkBg: '#0a0b0d',
+        muted: '#4a5565',
+        darkMuted: '#828a99',
+        darkBg: '#030712',
         lightBg: '#ffffff',
-        lightDark: '#f7f8f9',
-        darkLightDark: '#141519',
+        lightDark: '#f9fafb',
+        darkLightDark: '#0a101d',
       }}
 
       // Theme Settings
@@ -122,7 +122,7 @@ function ThemeControls() {
         Set Primary Color
       </button>
 
-      <button onClick={() => setSecondaryPreset({ label: 'DEFAULT_SECONDARY', value: '#eef0f3' })}>
+      <button onClick={() => setSecondaryPreset({ label: 'DEFAULT_SECONDARY', value: '#f3f4f6' })}>
         Set Secondary Color
       </button>
 

package/documentation/{UsingThemeSystemSection-Dd8ZQrUl.js → UsingThemeSystemSection-vyxb3z51.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { C as a, a as s, T as o, c as r } from "../index-B6CStnMG.js";
+import { C as a, a as s, T as o, c as r } from "../index-B919yoKU.js";
 import { Code as n, Zap as i } from "lucide-react";
 import "react-router-dom";
 import "react";
@@ -34,16 +34,16 @@ function App() {
       customPaletteColor={{
         primary: '#0052ff',          // Hex color or preset name
         darkPrimary: '#578bfa',
-        secondary: '#eef0f3',
-        darkSecondary: '#282b31',
+        secondary: '#f3f4f6',
+        darkSecondary: '#172131',
         accent: '#f7d21a',
         darkAccent: '#936000',
-        muted: '#5b616e',
-        darkMuted: '#8a919e',
-        darkBg: '#0a0b0d',
+        muted: '#4a5565',
+        darkMuted: '#828a99',
+        darkBg: '#030712',
         lightBg: '#ffffff',
-        lightDark: '#f7f8f9',
-        darkLightDark: '#141519',
+        lightDark: '#f9fafb',
+        darkLightDark: '#0a101d',
       }}
 
       // Theme Settings
@@ -151,7 +151,7 @@ function ThemeControls() {
         Set Primary Color
       </button>
 
-      <button onClick={() => setSecondaryPreset({ label: 'DEFAULT_SECONDARY', value: '#eef0f3' })}>
+      <button onClick={() => setSecondaryPreset({ label: 'DEFAULT_SECONDARY', value: '#f3f4f6' })}>
         Set Secondary Color
       </button>
 

package/documentation/{ValidationSystemSection-Cvyf6j2T.js → ValidationSystemSection-BH4fYDTN.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { T as r, C as i, a as l, c as d, ag as c, q as u } from "../index-B6CStnMG.js";
+import { T as r, C as i, a as l, c as d, ag as c, q as u } from "../index-B919yoKU.js";
 import { FileText as p, Code as h, Info as g } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ValidationSystemSection-CBfiMPsL.js → ValidationSystemSection-BOIkiXR1.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-QnI4b7wS.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const i=[{key:"rule",label:"Rule"},{key:"example",label:"Example"},{key:"description",label:"Description"}],l=[{rule:"required",example:"required: 'Field is required'",description:"Makes field required"},{rule:"minLength",example:"minLength: { value: 2, message: '...' }",description:"Minimum string length"},{rule:"maxLength",example:"maxLength: { value: 100, message: '...' }",description:"Maximum string length"},{rule:"pattern",example:"pattern: { value: /regex/, message: '...' }",description:"Regex pattern validation"},{rule:"min",example:"min: { value: 18, message: '...' }",description:"Minimum numeric value"},{rule:"max",example:"max: { value: 100, message: '...' }",description:"Maximum numeric value"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Validation System"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Centralized validation with built-in and custom rules"})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Validation Approaches",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"You can define validation in two ways:"}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-blue-500 to-cyan-500 rounded-lg shadow-lg",children:e.jsx(t.FileText,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:"Centralized Validation Schema"})]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Define all validation rules in a single schema object and pass it to the Form component. This eliminates the need to define rules on each FormField."}),e.jsx(a.CodeBlock,{language:"tsx",code:`import { FormValidations } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const i=[{key:"rule",label:"Rule"},{key:"example",label:"Example"},{key:"description",label:"Description"}],l=[{rule:"required",example:"required: 'Field is required'",description:"Makes field required"},{rule:"minLength",example:"minLength: { value: 2, message: '...' }",description:"Minimum string length"},{rule:"maxLength",example:"maxLength: { value: 100, message: '...' }",description:"Maximum string length"},{rule:"pattern",example:"pattern: { value: /regex/, message: '...' }",description:"Regex pattern validation"},{rule:"min",example:"min: { value: 18, message: '...' }",description:"Minimum numeric value"},{rule:"max",example:"max: { value: 100, message: '...' }",description:"Maximum numeric value"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Validation System"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Centralized validation with built-in and custom rules"})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Validation Approaches",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"You can define validation in two ways:"}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-blue-500 to-cyan-500 rounded-lg shadow-lg",children:e.jsx(t.FileText,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:"Centralized Validation Schema"})]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Define all validation rules in a single schema object and pass it to the Form component. This eliminates the need to define rules on each FormField."}),e.jsx(a.CodeBlock,{language:"tsx",code:`import { FormValidations } from '@e-burgos/tucu-ui';
 
 export const formValidations: FormValidations<FormValues> = {
   name: {

package/documentation/{WCAGPrinciplesSection-DmeJUV8c.js → WCAGPrinciplesSection-BQWhdatC.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { T as r, C as l } from "../index-B6CStnMG.js";
+import { T as r, C as l } from "../index-B919yoKU.js";
 import { Check as n, Eye as c, Hand as d, Brain as m, Wrench as p } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{WCAGPrinciplesSection-DAOi68Jt.js → WCAGPrinciplesSection-BoHN-ga-.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-QnI4b7wS.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const r=[{title:"Perceivable",description:"Information and UI components must be presentable to users in ways they can perceive.",icon:e.jsx(s.Eye,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Color contrast ratios","Alt text for images","Scalable text","Audio descriptions"]},{title:"Operable",description:"UI components and navigation must be operable by all users.",icon:e.jsx(s.Hand,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Keyboard navigation","Focus management","No seizure triggers","Sufficient time limits"]},{title:"Understandable",description:"Information and UI operation must be understandable.",icon:e.jsx(s.Brain,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Readable text","Predictable functionality","Input assistance","Error identification"]},{title:"Robust",description:"Content must be robust enough for various assistive technologies.",icon:e.jsx(s.Wrench,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Valid HTML","Compatible markup","Future-proof code","Assistive tech support"]}];return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"WCAG 2.1 AA Principles"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Four fundamental principles that guide our accessibility implementation"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:r.map((a,i)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${a.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:a.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:a.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:a.description}),e.jsx("div",{className:"space-y-2",children:a.features.map((o,l)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0"}),e.jsx(t.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:o})]},l))})]})},i))})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const r=[{title:"Perceivable",description:"Information and UI components must be presentable to users in ways they can perceive.",icon:e.jsx(s.Eye,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Color contrast ratios","Alt text for images","Scalable text","Audio descriptions"]},{title:"Operable",description:"UI components and navigation must be operable by all users.",icon:e.jsx(s.Hand,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Keyboard navigation","Focus management","No seizure triggers","Sufficient time limits"]},{title:"Understandable",description:"Information and UI operation must be understandable.",icon:e.jsx(s.Brain,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Readable text","Predictable functionality","Input assistance","Error identification"]},{title:"Robust",description:"Content must be robust enough for various assistive technologies.",icon:e.jsx(s.Wrench,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Valid HTML","Compatible markup","Future-proof code","Assistive tech support"]}];return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"WCAG 2.1 AA Principles"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Four fundamental principles that guide our accessibility implementation"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:r.map((a,i)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${a.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:a.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:a.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:a.description}),e.jsx("div",{className:"space-y-2",children:a.features.map((o,l)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0"}),e.jsx(t.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:o})]},l))})]})},i))})]})};exports.default=n;