@e-burgos/tucu-ui 1.5.0 → 2.0.1

package/{TextareaSection-BC5OuD6Y.mjs → TextareaSection-BesPi1oh.mjs}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
 import { useState as p } from "react";
-import { T as t, C as r, a as i, q as s, B as m, c as h } from "./index-DCf83AyI.mjs";
+import { T as t, C as r, a as i, q as s, B as m, c as h } from "./index-DAzR4tRy.mjs";
 import "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/{TextareaSection-DdF73vjR.js → TextareaSection-_02vZC7T.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("./index-BoEJRnmP.js");require("lucide-react");require("react-router-dom");require("react-dom");const d=()=>{const[t,l]=o.useState(""),i=[{key:"prop",label:"Prop",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"default",label:"Default",render:r=>{const s=String(r);return s==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:s})}},{key:"description",label:"Description"}],n=[{prop:"label",type:"string",default:"-",description:"Field label text"},{prop:"variant",type:"'ghost' | 'solid' | 'transparent'",default:"'ghost'",description:"Visual variant of the textarea"},{prop:"error",type:"string",default:"-",description:"Error message to display"},{prop:"helperText",type:"string",default:"-",description:"Helper text displayed below the textarea"},{prop:"disabled",type:"boolean",default:"false",description:"Disables the textarea field"},{prop:"rows",type:"number",default:"-",description:"Number of visible text lines"},{prop:"useUppercaseLabel",type:"boolean",default:"false",description:"Display label in uppercase"},{prop:"className",type:"string",default:"-",description:"Custom CSS classes for the container"},{prop:"inputClassName",type:"string",default:"-",description:"Custom CSS classes for the textarea element"}];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:"Textarea"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A multi-line text input component for longer text content."})]}),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 Textarea"}),e.jsx(a.Textarea,{label:"Message",placeholder:"Write your message here",value:t,onChange:r=>l(r.target.value),rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Textarea,{label:"Description",placeholder:"Enter description",helperText:"Provide a detailed description",rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Textarea,{label:"Comments",placeholder:"Enter comments",error:"Comments are required",rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Textarea,{label:"Notes",placeholder:"Disabled textarea",disabled:!0,rows:4})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",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-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Textarea,{label:"Ghost Variant",placeholder:"Enter text",variant:"ghost",rows:3})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Textarea,{label:"Solid Variant",placeholder:"Enter text",variant:"solid",rows:3})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Textarea,{label:"Transparent Variant",placeholder:"Enter text",variant:"transparent",rows:3})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:i,data:n})})})}),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 { Textarea } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react-dom");const d=()=>{const[t,l]=o.useState(""),i=[{key:"prop",label:"Prop",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"default",label:"Default",render:r=>{const s=String(r);return s==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:s})}},{key:"description",label:"Description"}],n=[{prop:"label",type:"string",default:"-",description:"Field label text"},{prop:"variant",type:"'ghost' | 'solid' | 'transparent'",default:"'ghost'",description:"Visual variant of the textarea"},{prop:"error",type:"string",default:"-",description:"Error message to display"},{prop:"helperText",type:"string",default:"-",description:"Helper text displayed below the textarea"},{prop:"disabled",type:"boolean",default:"false",description:"Disables the textarea field"},{prop:"rows",type:"number",default:"-",description:"Number of visible text lines"},{prop:"useUppercaseLabel",type:"boolean",default:"false",description:"Display label in uppercase"},{prop:"className",type:"string",default:"-",description:"Custom CSS classes for the container"},{prop:"inputClassName",type:"string",default:"-",description:"Custom CSS classes for the textarea element"}];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:"Textarea"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A multi-line text input component for longer text content."})]}),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 Textarea"}),e.jsx(a.Textarea,{label:"Message",placeholder:"Write your message here",value:t,onChange:r=>l(r.target.value),rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Textarea,{label:"Description",placeholder:"Enter description",helperText:"Provide a detailed description",rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Textarea,{label:"Comments",placeholder:"Enter comments",error:"Comments are required",rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Textarea,{label:"Notes",placeholder:"Disabled textarea",disabled:!0,rows:4})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",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-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Textarea,{label:"Ghost Variant",placeholder:"Enter text",variant:"ghost",rows:3})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Textarea,{label:"Solid Variant",placeholder:"Enter text",variant:"solid",rows:3})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Textarea,{label:"Transparent Variant",placeholder:"Enter text",variant:"transparent",rows:3})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:i,data:n})})})}),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 { Textarea } from '@e-burgos/tucu-ui';
 
 <Textarea
   label="Message"

package/{ThemeArchitectureSection-CRMTbUjE.js → ThemeArchitectureSection-4CrY1Kjp.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BoEJRnmP.js"),a=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",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Theme Architecture"}),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:"Built on modern technologies for flexibility and performance"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[{icon:e.jsx(a.Zap,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Zustand State Management",description:"Centralized theme state with minimal boilerplate and excellent TypeScript support",color:"from-yellow-500 via-amber-500 to-orange-500",features:["Lightweight","TypeScript First","DevTools Support"]},{icon:e.jsx(a.Palette,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"CSS Custom Properties",description:"Dynamic brand colors using CSS variables for real-time theme updates",color:"from-blue-500 via-cyan-500 to-teal-500",features:["Dynamic Colors","Alpha Support","No Rebuilds"]},{icon:e.jsx(a.Moon,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Dark Mode Support",description:"Automatic dark/light mode switching with smooth transitions",color:"from-purple-500 via-violet-500 to-indigo-500",features:["Auto Detection","Smooth Transitions","System Sync"]}].map((r,i)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-gradient-to-br ${r.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:r.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:r.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:r.description}),e.jsx("div",{className:"flex flex-wrap gap-2",children:r.features.map((s,o)=>e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:s},o))})]})},i))})]});exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-Cj89iBVR.js"),a=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",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Theme Architecture"}),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:"Built on modern technologies for flexibility and performance"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[{icon:e.jsx(a.Zap,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Zustand State Management",description:"Centralized theme state with minimal boilerplate and excellent TypeScript support",color:"from-yellow-500 via-amber-500 to-orange-500",features:["Lightweight","TypeScript First","DevTools Support"]},{icon:e.jsx(a.Palette,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"CSS Custom Properties",description:"Dynamic brand colors using CSS variables for real-time theme updates",color:"from-blue-500 via-cyan-500 to-teal-500",features:["Dynamic Colors","Alpha Support","No Rebuilds"]},{icon:e.jsx(a.Moon,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Dark Mode Support",description:"Automatic dark/light mode switching with smooth transitions",color:"from-purple-500 via-violet-500 to-indigo-500",features:["Auto Detection","Smooth Transitions","System Sync"]}].map((r,i)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-gradient-to-br ${r.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:r.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:r.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:r.description}),e.jsx("div",{className:"flex flex-wrap gap-2",children:r.features.map((s,o)=>e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:s},o))})]})},i))})]});exports.default=l;

package/{ThemeArchitectureSection-hVs57qtQ.mjs → ThemeArchitectureSection-BeYX2LDb.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as r, C as n, D as c } from "./index-DCf83AyI.mjs";
+import { T as r, C as n, D as c } from "./index-DAzR4tRy.mjs";
 import { Zap as d, Palette as m, Moon as p } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{ThemeConfigurationSection-V9NL4B6w.js → ThemeConfigurationSection-CbR2q8t6.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./index-BoEJRnmP.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Theme Configuration",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-8",children:e.jsxs("div",{className:"grid grid-cols-1 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-gradient-to-br from-emerald-500 to-teal-500 rounded-lg shadow-lg",children:e.jsx(o.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(l.Typography,{tag:"h4",className:"font-semibold",children:"Available Options"})]}),e.jsx("div",{className:"space-y-3",children:[{label:"Mode",value:"'light' | 'dark'"},{label:"Direction",value:"'ltr' | 'rtl'"},{label:"Layout",value:"'clean' | 'admin' | 'horizontal'"},{label:"Primary Color",value:"34+ predefined colors"},{label:"Dark Primary Color",value:"34+ predefined colors"},{label:"Secondary Color",value:"34+ predefined colors"},{label:"Dark Secondary Color",value:"34+ predefined colors"},{label:"Accent Color",value:"34+ predefined colors"},{label:"Dark Accent Color",value:"34+ predefined colors"},{label:"Muted Color",value:"34+ predefined colors"},{label:"Dark Muted Color",value:"34+ predefined colors"},{label:"Dark Background",value:"Theme base colors"},{label:"Light Background",value:"Theme base colors"},{label:"Light Dark",value:"Theme base colors"},{label:"Dark Light Dark",value:"Theme base colors"},{label:"Language",value:"'en' | 'es' | 'fr'"}].map((a,r)=>e.jsxs("div",{className:"flex justify-between items-center py-2 px-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"font-medium",children:a.label}),e.jsx("code",{className:"text-sm text-gray-600 dark:text-gray-400",children:a.value})]},r))})]}),e.jsxs("div",{className:"space-y-4 mt-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-pink-500 to-rose-500 rounded-lg shadow-lg",children:e.jsx(o.Palette,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(l.Typography,{tag:"h4",className:"font-semibold",children:"Color Presets"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 overflow-y-auto",children:[{name:"DEFAULT_PRIMARY",color:"#0052ff"},{name:"DEFAULT_DARK_PRIMARY",color:"#578bfa"},{name:"DEFAULT_SECONDARY",color:"#eef0f3"},{name:"DEFAULT_DARK_SECONDARY",color:"#282b31"},{name:"DEFAULT_ACCENT",color:"#f7d21a"},{name:"DEFAULT_DARK_ACCENT",color:"#936000"},{name:"DEFAULT_MUTED",color:"#5b616e"},{name:"DEFAULT_DARK_MUTED",color:"#8a919e"},{name:"DEFAULT_LIGHT_BG",color:"#ffffff"},{name:"DEFAULT_DARK_BG",color:"#0a0b0d"},{name:"DEFAULT_LIGHT_DARK",color:"#f7f8f9"},{name:"DEFAULT_DARK_LIGHT_DARK",color:"#141519"},{name:"BLUE",color:"#105eff"},{name:"DARK_BLUE",color:"#2162ee"},{name:"GREEN",color:"#129961"},{name:"DARK_GREEN",color:"#159962"},{name:"ORANGE",color:"#e1591b"},{name:"DARK_ORANGE",color:"#e66020"},{name:"GRAY",color:"#717886"},{name:"DARK_GRAY",color:"#727886"},{name:"INDIGO",color:"#596ff2"},{name:"DARK_INDIGO",color:"#5c71ee"},{name:"PINK",color:"#cb51bb"},{name:"DARK_PINK",color:"#d058c1"},{name:"PURPLE",color:"#9d6bf2"},{name:"DARK_PURPLE",color:"#bc7bfb"},{name:"RED",color:"#e13947"},{name:"DARK_RED",color:"#e6404e"},{name:"TEAL",color:"#0093cb"},{name:"DARK_TEAL",color:"#0095cd"},{name:"YELLOW",color:"#cf9700"},{name:"DARK_YELLOW",color:"#c79e00"},{name:"CHARTREUSE",color:"#56b340"},{name:"DARK_CHARTREUSE",color:"#7bc869"}].map((a,r)=>e.jsxs("div",{className:"flex items-center gap-2 p-2 bg-gray-200 dark:bg-gray-800 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",children:[e.jsx("div",{className:"w-4 h-4 rounded-full border border-gray-300 dark:border-gray-600 shadow-sm",style:{backgroundColor:a.color}}),e.jsx("span",{className:"text-xs font-medium truncate",children:a.name})]},r))}),e.jsx(l.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-400 mt-2",children:"34 total color presets available (12 default + 22 spectrum colors)"})]})]})})})});exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./index-Cj89iBVR.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Theme Configuration",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-8",children:e.jsxs("div",{className:"grid grid-cols-1 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-gradient-to-br from-emerald-500 to-teal-500 rounded-lg shadow-lg",children:e.jsx(o.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(l.Typography,{tag:"h4",className:"font-semibold",children:"Available Options"})]}),e.jsx("div",{className:"space-y-3",children:[{label:"Mode",value:"'light' | 'dark'"},{label:"Direction",value:"'ltr' | 'rtl'"},{label:"Layout",value:"'clean' | 'admin' | 'horizontal'"},{label:"Primary Color",value:"34+ predefined colors"},{label:"Dark Primary Color",value:"34+ predefined colors"},{label:"Secondary Color",value:"34+ predefined colors"},{label:"Dark Secondary Color",value:"34+ predefined colors"},{label:"Accent Color",value:"34+ predefined colors"},{label:"Dark Accent Color",value:"34+ predefined colors"},{label:"Muted Color",value:"34+ predefined colors"},{label:"Dark Muted Color",value:"34+ predefined colors"},{label:"Dark Background",value:"Theme base colors"},{label:"Light Background",value:"Theme base colors"},{label:"Light Dark",value:"Theme base colors"},{label:"Dark Light Dark",value:"Theme base colors"},{label:"Language",value:"'en' | 'es' | 'fr'"}].map((a,r)=>e.jsxs("div",{className:"flex justify-between items-center py-2 px-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"font-medium",children:a.label}),e.jsx("code",{className:"text-sm text-gray-600 dark:text-gray-400",children:a.value})]},r))})]}),e.jsxs("div",{className:"space-y-4 mt-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-pink-500 to-rose-500 rounded-lg shadow-lg",children:e.jsx(o.Palette,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(l.Typography,{tag:"h4",className:"font-semibold",children:"Color Presets"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 overflow-y-auto",children:[{name:"DEFAULT_PRIMARY",color:"#0052ff"},{name:"DEFAULT_DARK_PRIMARY",color:"#578bfa"},{name:"DEFAULT_SECONDARY",color:"#eef0f3"},{name:"DEFAULT_DARK_SECONDARY",color:"#282b31"},{name:"DEFAULT_ACCENT",color:"#f7d21a"},{name:"DEFAULT_DARK_ACCENT",color:"#936000"},{name:"DEFAULT_MUTED",color:"#5b616e"},{name:"DEFAULT_DARK_MUTED",color:"#8a919e"},{name:"DEFAULT_LIGHT_BG",color:"#ffffff"},{name:"DEFAULT_DARK_BG",color:"#0a0b0d"},{name:"DEFAULT_LIGHT_DARK",color:"#f7f8f9"},{name:"DEFAULT_DARK_LIGHT_DARK",color:"#141519"},{name:"BLUE",color:"#105eff"},{name:"DARK_BLUE",color:"#2162ee"},{name:"GREEN",color:"#129961"},{name:"DARK_GREEN",color:"#159962"},{name:"ORANGE",color:"#e1591b"},{name:"DARK_ORANGE",color:"#e66020"},{name:"GRAY",color:"#717886"},{name:"DARK_GRAY",color:"#727886"},{name:"INDIGO",color:"#596ff2"},{name:"DARK_INDIGO",color:"#5c71ee"},{name:"PINK",color:"#cb51bb"},{name:"DARK_PINK",color:"#d058c1"},{name:"PURPLE",color:"#9d6bf2"},{name:"DARK_PURPLE",color:"#bc7bfb"},{name:"RED",color:"#e13947"},{name:"DARK_RED",color:"#e6404e"},{name:"TEAL",color:"#0093cb"},{name:"DARK_TEAL",color:"#0095cd"},{name:"YELLOW",color:"#cf9700"},{name:"DARK_YELLOW",color:"#c79e00"},{name:"CHARTREUSE",color:"#56b340"},{name:"DARK_CHARTREUSE",color:"#7bc869"}].map((a,r)=>e.jsxs("div",{className:"flex items-center gap-2 p-2 bg-gray-200 dark:bg-gray-800 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",children:[e.jsx("div",{className:"w-4 h-4 rounded-full border border-gray-300 dark:border-gray-600 shadow-sm",style:{backgroundColor:a.color}}),e.jsx("span",{className:"text-xs font-medium truncate",children:a.name})]},r))}),e.jsx(l.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-400 mt-2",children:"34 total color presets available (12 default + 22 spectrum colors)"})]})]})})})});exports.default=s;

package/{ThemeConfigurationSection-ByKwC4NV.mjs → ThemeConfigurationSection-_DXIBuk6.mjs}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { C as c, a as d, T as r } from "./index-DCf83AyI.mjs";
+import { C as c, a as d, T as r } from "./index-DAzR4tRy.mjs";
 import { Settings as s, Palette as n } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{ThemeHooksSection-BqMaxz3M.mjs → ThemeHooksSection-B6KG30vE.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { T as r, C as s, a } from "./index-DCf83AyI.mjs";
+import { T as r, C as s, a } from "./index-DAzR4tRy.mjs";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/{ThemeHooksSection-Cq7naa3J.js → ThemeHooksSection-BoiwpG3l.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BoEJRnmP.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Theme Hooks"}),e.jsx(s.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful hooks for theme management and customization"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"useTheme Hook",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:["The"," ",e.jsx("code",{className:"px-2 py-1 bg-light-dark rounded text-sm",children:"useTheme"})," ","hook provides access to all theme state and setters. It uses Zustand for state management with localStorage persistence."]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm",children:"Available State:"}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"mode, layout, direction, logo, lang"}),e.jsx("li",{children:"primaryPreset, darkPrimaryPreset"}),e.jsx("li",{children:"secondaryPreset, darkSecondaryPreset"}),e.jsx("li",{children:"accentPreset, darkAccentPreset"}),e.jsx("li",{children:"mutedPreset, darkMutedPreset"}),e.jsx("li",{children:"darkBgPreset, lightBgPreset"}),e.jsx("li",{children:"lightDarkPreset, darkLightDarkPreset"}),e.jsx("li",{children:"isSettingsOpen, showSettings"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm",children:"Available Setters:"}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"setMode, setLayout, setDirection"}),e.jsx("li",{children:"setPrimaryPreset, setDarkPrimaryPreset"}),e.jsx("li",{children:"setSecondaryPreset, setDarkSecondaryPreset"}),e.jsx("li",{children:"setAccentPreset, setDarkAccentPreset"}),e.jsx("li",{children:"setMutedPreset, setDarkMutedPreset"}),e.jsx("li",{children:"setDarkBgPreset, setLightBgPreset"}),e.jsx("li",{children:"setLightDarkPreset, setDarkLightDarkPreset"}),e.jsx("li",{children:"setLogo, setLang, setIsSettingsOpen"}),e.jsx("li",{children:"setShowSettings, restoreDefaultColors"})]})]})]})})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"useThemeColor & useDirection",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm mb-2",children:"useThemeColor"}),e.jsx(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400 mb-2",children:"Automatically used by ThemeWrapper to inject CSS variables into the document root:"}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"--color-semantic-bg-primary"}),e.jsx("li",{children:"--color-semantic-dark-bg-primary"}),e.jsx("li",{children:"--color-semantic-bg-secondary"}),e.jsx("li",{children:"--color-semantic-accent-bold-yellow"}),e.jsx("li",{children:"--color-semantic-fg-muted"}),e.jsx("li",{children:"--color-semantic-bg"}),e.jsx("li",{children:"--color-semantic-bg-secondary-wash"})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm mb-2",children:"useDirection"}),e.jsxs(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:["Sets the document direction for RTL/LTR support. Sets"," ",e.jsx("code",{className:"px-1 py-0.5 bg-light-dark rounded text-xs",children:"document.documentElement.dir"}),"."]})]})]})})})})]})]});exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Theme Hooks"}),e.jsx(s.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful hooks for theme management and customization"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"useTheme Hook",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:["The"," ",e.jsx("code",{className:"px-2 py-1 bg-light-dark rounded text-sm",children:"useTheme"})," ","hook provides access to all theme state and setters. It uses Zustand for state management with localStorage persistence."]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm",children:"Available State:"}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"mode, layout, direction, logo, lang"}),e.jsx("li",{children:"primaryPreset, darkPrimaryPreset"}),e.jsx("li",{children:"secondaryPreset, darkSecondaryPreset"}),e.jsx("li",{children:"accentPreset, darkAccentPreset"}),e.jsx("li",{children:"mutedPreset, darkMutedPreset"}),e.jsx("li",{children:"darkBgPreset, lightBgPreset"}),e.jsx("li",{children:"lightDarkPreset, darkLightDarkPreset"}),e.jsx("li",{children:"isSettingsOpen, showSettings"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm",children:"Available Setters:"}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"setMode, setLayout, setDirection"}),e.jsx("li",{children:"setPrimaryPreset, setDarkPrimaryPreset"}),e.jsx("li",{children:"setSecondaryPreset, setDarkSecondaryPreset"}),e.jsx("li",{children:"setAccentPreset, setDarkAccentPreset"}),e.jsx("li",{children:"setMutedPreset, setDarkMutedPreset"}),e.jsx("li",{children:"setDarkBgPreset, setLightBgPreset"}),e.jsx("li",{children:"setLightDarkPreset, setDarkLightDarkPreset"}),e.jsx("li",{children:"setLogo, setLang, setIsSettingsOpen"}),e.jsx("li",{children:"setShowSettings, restoreDefaultColors"})]})]})]})})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"useThemeColor & useDirection",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm mb-2",children:"useThemeColor"}),e.jsx(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400 mb-2",children:"Automatically used by ThemeWrapper to inject CSS variables into the document root:"}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"--color-semantic-bg-primary"}),e.jsx("li",{children:"--color-semantic-dark-bg-primary"}),e.jsx("li",{children:"--color-semantic-bg-secondary"}),e.jsx("li",{children:"--color-semantic-accent-bold-yellow"}),e.jsx("li",{children:"--color-semantic-fg-muted"}),e.jsx("li",{children:"--color-semantic-bg"}),e.jsx("li",{children:"--color-semantic-bg-secondary-wash"})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm mb-2",children:"useDirection"}),e.jsxs(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:["Sets the document direction for RTL/LTR support. Sets"," ",e.jsx("code",{className:"px-1 py-0.5 bg-light-dark rounded text-xs",children:"document.documentElement.dir"}),"."]})]})]})})})})]})]});exports.default=t;

package/{ThemeProviderIntegrationSection-Dd4ey6yw.mjs → ThemeProviderIntegrationSection-CW8KEw1O.mjs}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { C as r, a as s, T as o, c as a } from "./index-DCf83AyI.mjs";
+import { C as r, a as s, T as o, c as a } from "./index-DAzR4tRy.mjs";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/{ThemeProviderIntegrationSection-BdyKt0OG.js → ThemeProviderIntegrationSection-DDSnnzZu.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BoEJRnmP.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider Integration",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 routing system is fully integrated with the ThemeProvider, providing seamless navigation, layout management, and theming support. The ThemeProvider supports two architectural patterns:",e.jsx("strong",{children:" Standalone"})," (default) for traditional SPAs and",e.jsx("strong",{children:" Micro Frontends (MFE)"})," for distributed architectures."]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppThemeProvider Props"}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppProviderProps
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider Integration",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 routing system is fully integrated with the ThemeProvider, providing seamless navigation, layout management, and theming support. The ThemeProvider supports two architectural patterns:",e.jsx("strong",{children:" Standalone"})," (default) for traditional SPAs and",e.jsx("strong",{children:" Micro Frontends (MFE)"})," for distributed architectures."]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppThemeProvider Props"}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppProviderProps
   extends Omit<ThemeWrapperProps, 'menuItems' | 'children'> {
   menuItems: StandaloneAppRoutesMenuItem[];  // Required: Array of route items
   customRoutes?: React.ReactElement<typeof Routes>; // Override default routing

package/{ThemeProviderRequiredSection-BC0SE1oX.mjs → ThemeProviderRequiredSection-DdQg1QoB.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as r, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { a4 as a, C as d, a as n, T as o } from "./index-DCf83AyI.mjs";
+import { a4 as a, C as d, a as n, T as o } from "./index-DAzR4tRy.mjs";
 import { AlertTriangle as i } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{ThemeProviderRequiredSection-C38NrwgR.js → ThemeProviderRequiredSection-DsJy6P0M.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index-BoEJRnmP.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-Cj89iBVR.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/{ThemeProviderSection-IP9yGtu9.js → ThemeProviderSection-BLdv7k-y.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BoEJRnmP.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-Cj89iBVR.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/{ThemeProviderSection-DH9EOiSK.mjs → ThemeProviderSection-CfMenkEO.mjs}

@@ -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, B as d } from "./index-DCf83AyI.mjs";
+import { T as a, C as p, a as l, B as d } from "./index-DAzR4tRy.mjs";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/{ToastSection-DMKHXDUt.mjs → ToastSection-BkgwANB7.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as e, Fragment as c, jsx as t } from "react/jsx-runtime";
-import { a6 as d, T as s, C as a, a as i, s as n, a7 as m, B as p, c as h } from "./index-DCf83AyI.mjs";
+import { a6 as d, T as s, C as a, a as i, s as n, a7 as m, B as p, c as h } from "./index-DAzR4tRy.mjs";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/{ToastSection--5jtANA4.js → ToastSection-cDxM5ibL.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BoEJRnmP.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-Cj89iBVR.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/{ToggleBarSection-DFyy46ps.mjs → ToggleBarSection-BRfqWaTH.mjs}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { T as l, C as c, a as d, r, B as g, c as p } from "./index-DCf83AyI.mjs";
+import { T as l, C as c, a as d, r, B as g, c as p } from "./index-DAzR4tRy.mjs";
 import { Save as m } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/{ToggleBarSection-sLrIdWGE.js → ToggleBarSection-C3CIWZ2e.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("./index-BoEJRnmP.js"),d=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[a,l]=n.useState(!1),i=[{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 c=String(s);return c==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:c})}},{key:"description",label:"Description"}],r=[{prop:"title",type:"string",default:"required",description:"Main title text"},{prop:"subTitle",type:"string",default:"-",description:"Subtitle text displayed below the title"},{prop:"icon",type:"React.ReactNode",default:"-",description:"Icon element to display next to the title"},{prop:"checked",type:"boolean",default:"required",description:"Whether the toggle is checked"},{prop:"onChange",type:"() => void",default:"required",description:"Callback when toggle state changes"},{prop:"children",type:"React.ReactNode",default:"-",description:"Content to display below the toggle bar"}];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:"ToggleBar"}),e.jsx(t.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(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic ToggleBar"}),e.jsx(t.ToggleBar,{title:"Enable Notifications",checked:a,onChange:()=>l(!a)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Subtitle"}),e.jsx(t.ToggleBar,{title:"Dark Mode",subTitle:"Switch between light and dark themes",checked:a,onChange:()=>l(!a)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Icon"}),e.jsx(t.ToggleBar,{title:"Auto Save",subTitle:"Automatically save your work",icon:e.jsx(d.Save,{className:"w-5 h-5"}),checked:a,onChange:()=>l(!a)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Children"}),e.jsx(t.ToggleBar,{title:"Advanced Settings",subTitle:"Show advanced configuration options",checked:a,onChange:()=>l(!a),children:e.jsx("div",{className:"mt-4 space-y-2",children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Additional content appears here when toggle is enabled."})})})]})]})})})}),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:i,data:r})})})}),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 { ToggleBar, LucideIcons } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("./index-Cj89iBVR.js"),d=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[a,l]=n.useState(!1),i=[{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 c=String(s);return c==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:c})}},{key:"description",label:"Description"}],r=[{prop:"title",type:"string",default:"required",description:"Main title text"},{prop:"subTitle",type:"string",default:"-",description:"Subtitle text displayed below the title"},{prop:"icon",type:"React.ReactNode",default:"-",description:"Icon element to display next to the title"},{prop:"checked",type:"boolean",default:"required",description:"Whether the toggle is checked"},{prop:"onChange",type:"() => void",default:"required",description:"Callback when toggle state changes"},{prop:"children",type:"React.ReactNode",default:"-",description:"Content to display below the toggle bar"}];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:"ToggleBar"}),e.jsx(t.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(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic ToggleBar"}),e.jsx(t.ToggleBar,{title:"Enable Notifications",checked:a,onChange:()=>l(!a)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Subtitle"}),e.jsx(t.ToggleBar,{title:"Dark Mode",subTitle:"Switch between light and dark themes",checked:a,onChange:()=>l(!a)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Icon"}),e.jsx(t.ToggleBar,{title:"Auto Save",subTitle:"Automatically save your work",icon:e.jsx(d.Save,{className:"w-5 h-5"}),checked:a,onChange:()=>l(!a)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Children"}),e.jsx(t.ToggleBar,{title:"Advanced Settings",subTitle:"Show advanced configuration options",checked:a,onChange:()=>l(!a),children:e.jsx("div",{className:"mt-4 space-y-2",children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Additional content appears here when toggle is enabled."})})})]})]})})})}),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:i,data:r})})})}),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 { ToggleBar, LucideIcons } from '@e-burgos/tucu-ui';
 
 const [checked, setChecked] = useState(false);
 

package/{TopupButtonSection-D4UKj_4e.js → TopupButtonSection-A2WtFct_.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-BoEJRnmP.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const 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 t=String(s);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],n=[{prop:"label",type:"string",default:"required",description:"Button label text"},{prop:"icon",type:"React.ReactNode",default:"-",description:"Optional icon to display before the label"},{prop:"href",type:"string",default:"-",description:"Optional link URL"},{prop:"className",type:"string",default:"-",description:"Additional CSS classes"},{prop:"onClick",type:"() => void",default:"-",description:"Click handler function"}];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:"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(l.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(l.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(l.Wallet,{className:"w-4 h-4"}),onClick:()=>console.log("Topup clicked")})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:r,data:n})})})}),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-Cj89iBVR.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const 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 t=String(s);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],n=[{prop:"label",type:"string",default:"required",description:"Button label text"},{prop:"icon",type:"React.ReactNode",default:"-",description:"Optional icon to display before the label"},{prop:"href",type:"string",default:"-",description:"Optional link URL"},{prop:"className",type:"string",default:"-",description:"Additional CSS classes"},{prop:"onClick",type:"() => void",default:"-",description:"Click handler function"}];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:"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(l.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(l.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(l.Wallet,{className:"w-4 h-4"}),onClick:()=>console.log("Topup clicked")})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:r,data:n})})})}),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/{TopupButtonSection-MWCr2HgN.mjs → TopupButtonSection-CznbRDrY.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { T as t, C as l, a as o, t as c, B as r, c as d } from "./index-DCf83AyI.mjs";
+import { T as t, C as l, a as o, t as c, B as r, c as d } from "./index-DAzR4tRy.mjs";
 import { Plus as p, CreditCard as m, Wallet as u } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{TransactionInfoSection-Dow-BcLX.js → TransactionInfoSection-DuWR1QlK.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-BoEJRnmP.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const l=[{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 r=String(s);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{key:"description",label:"Description"}],t=[{prop:"label",type:"string",default:"required",description:"Label text for the transaction field"},{prop:"value",type:"string | number",default:"-",description:"Transaction value to display"},{prop:"className",type:"string",default:"''",description:"Custom CSS classes"}];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:"TransactionInfo"}),e.jsx(a.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."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Value"}),e.jsx(a.TransactionInfo,{label:"Transaction Hash",value:"0x1234...5678"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Without Value"}),e.jsx(a.TransactionInfo,{label:"Gas Fee"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Number Value"}),e.jsx(a.TransactionInfo,{label:"Block Number",value:12345678})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:l,data:t})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { TransactionInfo } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const l=[{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 r=String(s);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{key:"description",label:"Description"}],t=[{prop:"label",type:"string",default:"required",description:"Label text for the transaction field"},{prop:"value",type:"string | number",default:"-",description:"Transaction value to display"},{prop:"className",type:"string",default:"''",description:"Custom CSS classes"}];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:"TransactionInfo"}),e.jsx(a.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."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Value"}),e.jsx(a.TransactionInfo,{label:"Transaction Hash",value:"0x1234...5678"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Without Value"}),e.jsx(a.TransactionInfo,{label:"Gas Fee"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Number Value"}),e.jsx(a.TransactionInfo,{label:"Block Number",value:12345678})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:l,data:t})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { TransactionInfo } from '@e-burgos/tucu-ui';
 
 <TransactionInfo
   label="Transaction Hash"

package/{TransactionInfoSection-BDjeyKVu.mjs → TransactionInfoSection-RPa0gSi7.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as t, C as l, a as r, j as n, B as c, c as d } from "./index-DCf83AyI.mjs";
+import { T as t, C as l, a as r, j as n, B as c, c as d } from "./index-DAzR4tRy.mjs";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/{TucuUiLogoSection-D33WplqP.js → TucuUiLogoSection-COR2iw_o.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BoEJRnmP.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const a=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>{const i=String(t);return i==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:i})}},{key:"description",label:"Description"}],r=[{prop:"size",type:"number | string",default:"120",description:"Size of the logo icon"},{prop:"className",type:"string",default:"''",description:"Additional CSS classes"},{prop:"props",type:"React.SVGAttributes<SVGElement>",default:"-",description:"Additional SVG attributes"}];return 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.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:a,data:r})})})}),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-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const a=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>{const i=String(t);return i==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:i})}},{key:"description",label:"Description"}],r=[{prop:"size",type:"number | string",default:"120",description:"Size of the logo icon"},{prop:"className",type:"string",default:"''",description:"Additional CSS classes"},{prop:"props",type:"React.SVGAttributes<SVGElement>",default:"-",description:"Additional SVG attributes"}];return 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.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:a,data:r})})})}),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/{TucuUiLogoSection-B98FqIGR.mjs → TucuUiLogoSection-D810inty.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { T as i, C as t, a as o, a2 as l, B as n, c as d } from "./index-DCf83AyI.mjs";
+import { T as i, C as t, a as o, a2 as l, B as n, c as d } from "./index-DAzR4tRy.mjs";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/{TypographySection-BhLYx-Kc.mjs → TypographySection-B_XR5lWg.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as a, C as r, a as p, B as d, c as n } from "./index-DCf83AyI.mjs";
+import { T as a, C as r, a as p, B as d, c as n } from "./index-DAzR4tRy.mjs";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/{TypographySection-C5qZROOc.mjs → TypographySection-Blt_hgNA.mjs}

@@ -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, D as i } from "./index-DCf83AyI.mjs";
+import { T as r, C as t, a as d, D as i } from "./index-DAzR4tRy.mjs";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/{TypographySection-D833eiFZ.js → TypographySection-Cj1vjXX0.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("./index-BoEJRnmP.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-Cj89iBVR.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/{TypographySection-CGqn0YKc.js → TypographySection-CnxPstaS.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-BoEJRnmP.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const s=[{key:"prop",label:"Prop",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"default",label:"Default",render:r=>{const t=String(r);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],p=[{prop:"tag",type:"string",default:"required",description:"HTML tag or typography variant to render"},{prop:"children",type:"React.ReactNode",default:"required",description:"Content to display"},{prop:"className",type:"string",default:"-",description:"Additional CSS classes"}];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:"Typography"}),e.jsx(a.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."})]}),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:"space-y-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Headings"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"h1",children:"Heading 1"}),e.jsx(a.Typography,{tag:"h2",children:"Heading 2"}),e.jsx(a.Typography,{tag:"h3",children:"Heading 3"}),e.jsx(a.Typography,{tag:"h4",children:"Heading 4"}),e.jsx(a.Typography,{tag:"h5",children:"Heading 5"}),e.jsx(a.Typography,{tag:"h6",children:"Heading 6"})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Text Variants"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"headline",children:"Headline Text"}),e.jsx(a.Typography,{tag:"body",children:"Body Text"}),e.jsx(a.Typography,{tag:"label-1",children:"Label 1"}),e.jsx(a.Typography,{tag:"h5",children:"Label 2"}),e.jsx(a.Typography,{tag:"caption",children:"Caption Text"}),e.jsx(a.Typography,{tag:"legal",children:"Legal Text"})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Semantic Elements"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"p",children:"Paragraph text"}),e.jsx(a.Typography,{tag:"strong",children:"Strong text"}),e.jsx(a.Typography,{tag:"em",children:"Emphasized text"}),e.jsx(a.Typography,{tag:"code",children:"Code text"}),e.jsx(a.Typography,{tag:"pre",children:"Preformatted text"})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:s,data:p})})})}),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 { Typography } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const s=[{key:"prop",label:"Prop",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"default",label:"Default",render:r=>{const t=String(r);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],p=[{prop:"tag",type:"string",default:"required",description:"HTML tag or typography variant to render"},{prop:"children",type:"React.ReactNode",default:"required",description:"Content to display"},{prop:"className",type:"string",default:"-",description:"Additional CSS classes"}];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:"Typography"}),e.jsx(a.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."})]}),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:"space-y-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Headings"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"h1",children:"Heading 1"}),e.jsx(a.Typography,{tag:"h2",children:"Heading 2"}),e.jsx(a.Typography,{tag:"h3",children:"Heading 3"}),e.jsx(a.Typography,{tag:"h4",children:"Heading 4"}),e.jsx(a.Typography,{tag:"h5",children:"Heading 5"}),e.jsx(a.Typography,{tag:"h6",children:"Heading 6"})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Text Variants"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"headline",children:"Headline Text"}),e.jsx(a.Typography,{tag:"body",children:"Body Text"}),e.jsx(a.Typography,{tag:"label-1",children:"Label 1"}),e.jsx(a.Typography,{tag:"h5",children:"Label 2"}),e.jsx(a.Typography,{tag:"caption",children:"Caption Text"}),e.jsx(a.Typography,{tag:"legal",children:"Legal Text"})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Semantic Elements"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"p",children:"Paragraph text"}),e.jsx(a.Typography,{tag:"strong",children:"Strong text"}),e.jsx(a.Typography,{tag:"em",children:"Emphasized text"}),e.jsx(a.Typography,{tag:"code",children:"Code text"}),e.jsx(a.Typography,{tag:"pre",children:"Preformatted text"})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:s,data:p})})})}),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 { Typography } from '@e-burgos/tucu-ui';
 
 // Headings
 <Typography tag="h1">Heading 1</Typography>

package/{UsageExamplesSection-B_3VW7eX.js → UsageExamplesSection-4k8TwUCa.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BoEJRnmP.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-Cj89iBVR.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/{UsageExamplesSection-BYqtf6E5.mjs → UsageExamplesSection-lylwbuD1.mjs}

@@ -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-DCf83AyI.mjs";
+import { C as s, a as t, T as c, c as o } from "./index-DAzR4tRy.mjs";
 import { Code as i } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{UsingThemeSystemSection-F28_AtB_.mjs → UsingThemeSystemSection-CIppqU5O.mjs}

@@ -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-DCf83AyI.mjs";
+import { C as a, a as s, T as o, c as r } from "./index-DAzR4tRy.mjs";
 import { Code as n, Zap as i } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{UsingThemeSystemSection-DnfcjVLJ.js → UsingThemeSystemSection-huPZQBqy.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BoEJRnmP.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-Cj89iBVR.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 = [

package/{ValidationSystemSection-Ci83T7Q5.mjs → ValidationSystemSection-Cg53UUsy.mjs}

@@ -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, a4 as c, B as u } from "./index-DCf83AyI.mjs";
+import { T as r, C as i, a as l, c as d, a4 as c, B as u } from "./index-DAzR4tRy.mjs";
 import { FileText as p, Code as h, Info as g } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{ValidationSystemSection-Dsoz_A_r.js → ValidationSystemSection-HRaOWXrp.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-BoEJRnmP.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-Cj89iBVR.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/{WCAGPrinciplesSection-zEOESp2h.mjs → WCAGPrinciplesSection-BTwFRsmK.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { T as r, C as l } from "./index-DCf83AyI.mjs";
+import { T as r, C as l } from "./index-DAzR4tRy.mjs";
 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";