@e-burgos/tucu-ui 2.0.6 → 2.0.8

package/documentation/{RevealContentSection-Bts-6Rko.js → RevealContentSection-D1NNa1Zb.js}

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

package/documentation/{RevealContentSection-CYG67QMT.js → RevealContentSection-DJLCAigH.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const a=e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",children:"This is a long piece of content that will be collapsed by default."}),e.jsx(t.Typography,{tag:"p",children:'When the content exceeds the default height, a "Show More" button will appear.'}),e.jsx(t.Typography,{tag:"p",children:"Clicking the button will expand the content to show everything."}),e.jsx(t.Typography,{tag:"p",children:'You can then click "Show Less" to collapse it back to the default height.'}),e.jsx(t.Typography,{tag:"p",children:"This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view."})]});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:"RevealContent"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.'})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 100px"}),e.jsx(t.RevealContent,{defaultHeight:100,children:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 150px"}),e.jsx(t.RevealContent,{defaultHeight:150,children:a})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"RevealContent",defaultValues:{defaultHeight:100},excludeProps:[],children:n=>e.jsx(t.RevealContent,{...n,children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the first paragraph of content that is initially visible."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This second paragraph may be hidden depending on the defaultHeight value."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This third paragraph is likely hidden and revealed when expanded."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"And here is even more content to demonstrate the reveal functionality."})]})})}),e.jsx(t.AutoPropsTable,{componentName:"RevealContent"}),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 { RevealContent, Typography } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const a=e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",children:"This is a long piece of content that will be collapsed by default."}),e.jsx(t.Typography,{tag:"p",children:'When the content exceeds the default height, a "Show More" button will appear.'}),e.jsx(t.Typography,{tag:"p",children:"Clicking the button will expand the content to show everything."}),e.jsx(t.Typography,{tag:"p",children:'You can then click "Show Less" to collapse it back to the default height.'}),e.jsx(t.Typography,{tag:"p",children:"This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view."})]});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:"RevealContent"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.'})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 100px"}),e.jsx(t.RevealContent,{defaultHeight:100,children:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 150px"}),e.jsx(t.RevealContent,{defaultHeight:150,children:a})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"RevealContent",defaultValues:{defaultHeight:100},excludeProps:[],children:n=>e.jsx(t.RevealContent,{...n,children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the first paragraph of content that is initially visible."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This second paragraph may be hidden depending on the defaultHeight value."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This third paragraph is likely hidden and revealed when expanded."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"And here is even more content to demonstrate the reveal functionality."})]})})}),e.jsx(t.AutoPropsTable,{componentName:"RevealContent"}),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 { RevealContent, Typography } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <RevealContent defaultHeight={100}>

package/documentation/{RouteConfigurationSection-Ba2pGQvU.js → RouteConfigurationSection-Drc5LJiF.js}

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

package/documentation/{RouteConfigurationSection-BZ9jyZ80.js → RouteConfigurationSection-nhWEjPVc.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js"),n=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:"Route Configuration",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 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(n.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Interface"})]}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["For single applications, routes are defined using the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"StandaloneAppRoutesMenuItem"})," ","interface which extends"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"IMenuItem"}),"."]}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js"),n=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:"Route Configuration",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 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(n.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Interface"})]}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["For single applications, routes are defined using the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"StandaloneAppRoutesMenuItem"})," ","interface which extends"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"IMenuItem"}),"."]}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
   component: JSX.Element;        // The component to render
   dropdownItems?: StandaloneAppRoutesMenuItem[]; // Optional sub-routes
 }

package/documentation/{ScrollToTopSection-bZKLFCb7.js → ScrollToTopSection-CD0lf-YM.js}

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

package/documentation/{ScrollToTopSection-s0EgBP4c.js → ScrollToTopSection-Dg1DqNQU.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ScrollToTop"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A utility component that displays a floating button to scroll back to the top of the page. It automatically scrolls to top when the route changes and shows a button when the user scrolls down."})]}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.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(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Default Usage"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Add this component to your router or app component. By default, it displays a button in the bottom-right corner (24px from edges) that appears when you scroll down more than 400px."}),e.jsx(o.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"The button automatically scrolls to the top when clicked and also scrolls to top whenever the route changes."}),e.jsx("div",{className:"bg-gray-100 dark:bg-gray-800 p-4 rounded-lg",children:e.jsx(o.Typography,{tag:"p",className:"text-sm",children:"Scroll down on this page to see the button appear in the bottom-right corner."})})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Position"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"You can customize the button position using the position props."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-left:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-right:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} right={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-left:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-right:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} right={20} />"})]})]})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Size and Threshold"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Control when the button appears and its size."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Small button:"})," ",e.jsx("code",{children:'<ScrollToTop size="small" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Large button:"})," ",e.jsx("code",{children:'<ScrollToTop size="large" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Show after 200px:"})," ",e.jsx("code",{children:"<ScrollToTop showAfter={200} />"})]})]})]})]})})})}),e.jsx(o.PropPlayground,{componentName:"ScrollToTop",defaultValues:{size:"large",showAfter:400,bottom:"45%",right:50,behavior:"smooth"},excludeProps:["scrollContainer"],children:t=>e.jsx(o.ScrollToTop,{...t})}),e.jsx(o.AutoPropsTable,{componentName:"ScrollToTop"}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(o.CodeBlock,{language:"tsx",code:`import { ScrollToTop } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ScrollToTop"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A utility component that displays a floating button to scroll back to the top of the page. It automatically scrolls to top when the route changes and shows a button when the user scrolls down."})]}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.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(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Default Usage"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Add this component to your router or app component. By default, it displays a button in the bottom-right corner (24px from edges) that appears when you scroll down more than 400px."}),e.jsx(o.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"The button automatically scrolls to the top when clicked and also scrolls to top whenever the route changes."}),e.jsx("div",{className:"bg-gray-100 dark:bg-gray-800 p-4 rounded-lg",children:e.jsx(o.Typography,{tag:"p",className:"text-sm",children:"Scroll down on this page to see the button appear in the bottom-right corner."})})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Position"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"You can customize the button position using the position props."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-left:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-right:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} right={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-left:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-right:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} right={20} />"})]})]})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Size and Threshold"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Control when the button appears and its size."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Small button:"})," ",e.jsx("code",{children:'<ScrollToTop size="small" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Large button:"})," ",e.jsx("code",{children:'<ScrollToTop size="large" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Show after 200px:"})," ",e.jsx("code",{children:"<ScrollToTop showAfter={200} />"})]})]})]})]})})})}),e.jsx(o.PropPlayground,{componentName:"ScrollToTop",defaultValues:{size:"large",showAfter:400,bottom:"45%",right:50,behavior:"smooth"},excludeProps:["scrollContainer"],children:t=>e.jsx(o.ScrollToTop,{...t})}),e.jsx(o.AutoPropsTable,{componentName:"ScrollToTop"}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(o.CodeBlock,{language:"tsx",code:`import { ScrollToTop } from '@e-burgos/tucu-ui';
 import { BrowserRouter } from 'react-router-dom';
 
 function App() {

package/documentation/{ScrollbarSection-BpAYMy71.js → ScrollbarSection-DYHKnFn2.js}

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

package/documentation/{ScrollbarSection-Dfr5kanP.js → ScrollbarSection-DcH7wKa4.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const l=Array.from({length:20},(a,s)=>e.jsx("div",{className:"p-4 border-b",children:e.jsxs(r.Typography,{tag:"p",children:["Content item ",s+1]})},s));return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Scrollbar"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A customizable scrollbar component with auto-hide functionality and custom styling options."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.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(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Vertical Scrollbar"}),e.jsx(r.Scrollbar,{className:"h-48",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Auto Hide on Leave"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"leave",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Never Hide"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"never",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Custom Styled"}),e.jsx(r.Scrollbar,{className:"h-48",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"8px"}},children:e.jsx("div",{children:l.slice(0,10)})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Scrollbar",defaultValues:{autoHide:"scroll",direction:"vertical"},excludeProps:["scrollbarStyle","style"],children:a=>e.jsx(r.Scrollbar,{...a,style:{height:200},children:e.jsxs("div",{style:{height:600,padding:16},children:[e.jsx("p",{children:"Scroll down to see more content..."}),e.jsx("p",{style:{marginTop:200},children:"Middle content"}),e.jsx("p",{style:{marginTop:200},children:"End of content"})]})})}),e.jsx(r.AutoPropsTable,{componentName:"Scrollbar"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { Scrollbar } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const l=Array.from({length:20},(a,s)=>e.jsx("div",{className:"p-4 border-b",children:e.jsxs(r.Typography,{tag:"p",children:["Content item ",s+1]})},s));return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Scrollbar"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A customizable scrollbar component with auto-hide functionality and custom styling options."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.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(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Vertical Scrollbar"}),e.jsx(r.Scrollbar,{className:"h-48",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Auto Hide on Leave"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"leave",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Never Hide"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"never",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Custom Styled"}),e.jsx(r.Scrollbar,{className:"h-48",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"8px"}},children:e.jsx("div",{children:l.slice(0,10)})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Scrollbar",defaultValues:{autoHide:"scroll",direction:"vertical"},excludeProps:["scrollbarStyle","style"],children:a=>e.jsx(r.Scrollbar,{...a,style:{height:200},children:e.jsxs("div",{style:{height:600,padding:16},children:[e.jsx("p",{children:"Scroll down to see more content..."}),e.jsx("p",{style:{marginTop:200},children:"Middle content"}),e.jsx("p",{style:{marginTop:200},children:"End of content"})]})})}),e.jsx(r.AutoPropsTable,{componentName:"Scrollbar"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { Scrollbar } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <Scrollbar className="h-48">

package/documentation/{SelectSection-Ck9kof0T.js → SelectSection-BsqXWvqu.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-COj1N7FC.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const c=()=>{const[t,r]=o.useState(void 0),l=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"},{name:"Perú",value:"pe"},{name:"Uruguay",value:"uy"},{name:"Venezuela",value:"ve"}],n=[{name:"Free",value:"free",description:"Basic features, 1 user",icon:e.jsx(s.Star,{className:"h-4 w-4 text-gray-400"})},{name:"Pro",value:"pro",description:"Advanced features, 5 users",icon:e.jsx(s.Zap,{className:"h-4 w-4 text-brand"})},{name:"Enterprise",value:"enterprise",description:"Custom features, unlimited",icon:e.jsx(s.Shield,{className:"h-4 w-4 text-green-500"})},{name:"Legacy",value:"legacy",description:"No longer available",disabled:!0}];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:"Select"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A dropdown select component with search, descriptions, disabled options, and check indicators."})]}),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 Select"}),e.jsx(a.Select,{label:"Country",placeholder:"Select a country",options:l,selectedOption:t,onChange:r})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Searchable"}),e.jsx(a.Select,{label:"Country",placeholder:"Search and select...",options:l,searchable:!0,searchPlaceholder:"Type to filter...",showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Descriptions & Icons"}),e.jsx(a.Select,{label:"Plan",placeholder:"Choose a plan",options:n,showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Select,{label:"Language",placeholder:"Select a language",helperText:"Choose your preferred language",options:[{name:"English",value:"en",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"Spanish",value:"es",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"French",value:"fr",icon:e.jsx(s.Globe,{className:"h-4 w-4"})}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Select,{label:"Category",placeholder:"Select a category",errorMessage:"Category is required",options:[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Select,{label:"Status",placeholder:"Select status",disabled:!0,options:[{name:"Active",value:"active"},{name:"Inactive",value:"inactive"}]})]})]})})})}),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.Select,{label:"Ghost Variant",placeholder:"Select option",variant:"ghost",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Select,{label:"Solid Variant",placeholder:"Select option",variant:"solid",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Select,{label:"Transparent Variant",placeholder:"Select option",variant:"transparent",options:l})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Select"}),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 { Select } 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-VrMogvDN.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const c=()=>{const[t,r]=o.useState(void 0),l=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"},{name:"Perú",value:"pe"},{name:"Uruguay",value:"uy"},{name:"Venezuela",value:"ve"}],n=[{name:"Free",value:"free",description:"Basic features, 1 user",icon:e.jsx(s.Star,{className:"h-4 w-4 text-gray-400"})},{name:"Pro",value:"pro",description:"Advanced features, 5 users",icon:e.jsx(s.Zap,{className:"h-4 w-4 text-brand"})},{name:"Enterprise",value:"enterprise",description:"Custom features, unlimited",icon:e.jsx(s.Shield,{className:"h-4 w-4 text-green-500"})},{name:"Legacy",value:"legacy",description:"No longer available",disabled:!0}];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:"Select"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A dropdown select component with search, descriptions, disabled options, and check indicators."})]}),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 Select"}),e.jsx(a.Select,{label:"Country",placeholder:"Select a country",options:l,selectedOption:t,onChange:r})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Searchable"}),e.jsx(a.Select,{label:"Country",placeholder:"Search and select...",options:l,searchable:!0,searchPlaceholder:"Type to filter...",showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Descriptions & Icons"}),e.jsx(a.Select,{label:"Plan",placeholder:"Choose a plan",options:n,showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Select,{label:"Language",placeholder:"Select a language",helperText:"Choose your preferred language",options:[{name:"English",value:"en",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"Spanish",value:"es",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"French",value:"fr",icon:e.jsx(s.Globe,{className:"h-4 w-4"})}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Select,{label:"Category",placeholder:"Select a category",errorMessage:"Category is required",options:[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Select,{label:"Status",placeholder:"Select status",disabled:!0,options:[{name:"Active",value:"active"},{name:"Inactive",value:"inactive"}]})]})]})})})}),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.Select,{label:"Ghost Variant",placeholder:"Select option",variant:"ghost",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Select,{label:"Solid Variant",placeholder:"Select option",variant:"solid",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Select,{label:"Transparent Variant",placeholder:"Select option",variant:"transparent",options:l})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Select"}),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 { Select } from '@e-burgos/tucu-ui';
 
 const options = [
   { name: 'Argentina', value: 'ar' },

package/documentation/{SelectSection-CAJsrAt1.js → SelectSection-Bw7z6boY.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
 import { useState as p } from "react";
-import { T as t, C as l, a as o, S as s, A as m, c as h } from "../index-B919yoKU.js";
+import { T as t, C as l, a as o, S as s, A as m, c as h } from "../index-D3gBsvbO.js";
 import { Globe as c, Star as u, Zap as g, Shield as v } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{SettingsPanelSection-C_VSlU40.js → SettingsPanelSection-BL1MGm6Q.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { au as x, C as y, a as f, T as t, J as s, y as c } from "../index-B919yoKU.js";
+import { au as x, C as y, a as f, T as t, J as s, y as c } from "../index-D3gBsvbO.js";
 import { Settings as b, Check as m } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SettingsPanelSection-DcI36bvi.js → SettingsPanelSection-CTuxkv-A.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const h=()=>{const{mode:a,layout:n,primaryPreset:d,secondaryPreset:c,accentPreset:m,direction:o,setMode:g,setIsSettingsOpen:x,isSettingsOpen:r}=s.useTheme();return e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Settings Panel",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-orange-500 to-red-500 rounded-lg shadow-lg",children:e.jsx(i.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Built-in Settings UI"})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"The theme system includes a built-in settings panel that allows users to:"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-2",children:"Core Settings"}),e.jsx("ul",{className:"space-y-1",children:["Toggle between light and dark modes","Switch between LTR and RTL text direction","Choose between Clean, Admin, and Horizontal layouts"].map((t,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(i.Check,{className:"w-3 h-3 text-green-500"}),e.jsx("span",{className:"text-xs",children:t})]},l))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-2",children:"Color Management"}),e.jsx("ul",{className:"space-y-1",children:["Select from 34 predefined color presets","Configure primary, secondary, and accent colors","Customize dark and light theme colors","Manage muted colors and background variants"].map((t,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(i.Check,{className:"w-3 h-3 text-green-500"}),e.jsx("span",{className:"text-xs",children:t})]},l))})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium",children:"Current Settings"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Mode"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:a})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Layout"}),e.jsxs(s.Badge,{variant:"outline",className:"text-xs",children:[n==="horizontal"?"Horizontal":n==="clean"?"Clean":"Admin"," "]})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Primary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:d?.label||"DEFAULT_PRIMARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Secondary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:c?.label||"DEFAULT_SECONDARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Accent"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:m?.label||"DEFAULT_ACCENT"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Direction"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:o||"LTR"})]})]}),e.jsxs("div",{className:"flex gap-2 w-full mt-4",children:[e.jsxs(s.Button,{size:"small",onClick:()=>g(a==="dark"?"light":"dark"),className:"flex-1",children:["Toggle ",a==="dark"?"Light":"Dark"]}),e.jsxs(s.Button,{size:"small",variant:"ghost",onClick:()=>x(!r),className:"flex-1",children:[r?"Close":"Open"," Settings"]})]})]})]})]})]})})})};exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const h=()=>{const{mode:a,layout:n,primaryPreset:d,secondaryPreset:c,accentPreset:m,direction:o,setMode:g,setIsSettingsOpen:x,isSettingsOpen:r}=s.useTheme();return e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Settings Panel",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-orange-500 to-red-500 rounded-lg shadow-lg",children:e.jsx(i.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Built-in Settings UI"})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"The theme system includes a built-in settings panel that allows users to:"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-2",children:"Core Settings"}),e.jsx("ul",{className:"space-y-1",children:["Toggle between light and dark modes","Switch between LTR and RTL text direction","Choose between Clean, Admin, and Horizontal layouts"].map((t,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(i.Check,{className:"w-3 h-3 text-green-500"}),e.jsx("span",{className:"text-xs",children:t})]},l))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-2",children:"Color Management"}),e.jsx("ul",{className:"space-y-1",children:["Select from 34 predefined color presets","Configure primary, secondary, and accent colors","Customize dark and light theme colors","Manage muted colors and background variants"].map((t,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(i.Check,{className:"w-3 h-3 text-green-500"}),e.jsx("span",{className:"text-xs",children:t})]},l))})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium",children:"Current Settings"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Mode"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:a})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Layout"}),e.jsxs(s.Badge,{variant:"outline",className:"text-xs",children:[n==="horizontal"?"Horizontal":n==="clean"?"Clean":"Admin"," "]})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Primary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:d?.label||"DEFAULT_PRIMARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Secondary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:c?.label||"DEFAULT_SECONDARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Accent"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:m?.label||"DEFAULT_ACCENT"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Direction"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:o||"LTR"})]})]}),e.jsxs("div",{className:"flex gap-2 w-full mt-4",children:[e.jsxs(s.Button,{size:"small",onClick:()=>g(a==="dark"?"light":"dark"),className:"flex-1",children:["Toggle ",a==="dark"?"Light":"Dark"]}),e.jsxs(s.Button,{size:"small",variant:"ghost",onClick:()=>x(!r),className:"flex-1",children:[r?"Close":"Open"," Settings"]})]})]})]})]})]})})})};exports.default=h;

package/documentation/{ShadowsSection-BGOHvc7s.js → ShadowsSection-BxIUSqgJ.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=a=>{if(typeof window>"u")return"";const r=document.documentElement;return getComputedStyle(r).getPropertyValue(a).trim()||""},n=()=>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:"Shadows"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Shadow tokens from Tucu UI Design System for depth and elevation"})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Shadow Tokens",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[{name:"Main",varName:"--shadow-main",description:"Primary shadow for cards and elevated elements"},{name:"Light",varName:"--shadow-light",description:"Subtle shadow for minimal elevation"},{name:"Large",varName:"--shadow-large",description:"Prominent shadow for modals and overlays"},{name:"Card",varName:"--shadow-card",description:"Standard shadow for card components"},{name:"Transaction",varName:"--shadow-transaction",description:"Shadow for transaction lists and tables"},{name:"Expand",varName:"--shadow-expand",description:"Strong shadow for expanded elements"},{name:"Button",varName:"--shadow-button",description:"Shadow for button components"},{name:"Drop Shadow Main",varName:"--drop-shadow-main",description:"Drop shadow for images and graphics"}].map(a=>{const r=s(a.varName);return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Typography,{tag:"h3",className:"font-semibold",children:a.name}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-muted",children:a.description})]}),e.jsx("div",{className:"h-32 bg-white dark:bg-gray-800 rounded-lg p-4 flex items-center justify-center",style:{boxShadow:r||`var(${a.varName})`},children:e.jsx(t.Typography,{tag:"h4",className:"text-center",children:a.name})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Typography,{tag:"h4",className:"text-muted text-xs break-all font-mono",children:a.varName}),r&&e.jsx(t.Typography,{tag:"h4",className:"text-muted text-[10px] break-all",children:r})]})]},a.name)})})})})})]});exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=a=>{if(typeof window>"u")return"";const r=document.documentElement;return getComputedStyle(r).getPropertyValue(a).trim()||""},n=()=>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:"Shadows"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Shadow tokens from Tucu UI Design System for depth and elevation"})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Shadow Tokens",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[{name:"Main",varName:"--shadow-main",description:"Primary shadow for cards and elevated elements"},{name:"Light",varName:"--shadow-light",description:"Subtle shadow for minimal elevation"},{name:"Large",varName:"--shadow-large",description:"Prominent shadow for modals and overlays"},{name:"Card",varName:"--shadow-card",description:"Standard shadow for card components"},{name:"Transaction",varName:"--shadow-transaction",description:"Shadow for transaction lists and tables"},{name:"Expand",varName:"--shadow-expand",description:"Strong shadow for expanded elements"},{name:"Button",varName:"--shadow-button",description:"Shadow for button components"},{name:"Drop Shadow Main",varName:"--drop-shadow-main",description:"Drop shadow for images and graphics"}].map(a=>{const r=s(a.varName);return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Typography,{tag:"h3",className:"font-semibold",children:a.name}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-muted",children:a.description})]}),e.jsx("div",{className:"h-32 bg-white dark:bg-gray-800 rounded-lg p-4 flex items-center justify-center",style:{boxShadow:r||`var(${a.varName})`},children:e.jsx(t.Typography,{tag:"h4",className:"text-center",children:a.name})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Typography,{tag:"h4",className:"text-muted text-xs break-all font-mono",children:a.varName}),r&&e.jsx(t.Typography,{tag:"h4",className:"text-muted text-[10px] break-all",children:r})]})]},a.name)})})})})})]});exports.default=n;

package/documentation/{ShadowsSection-WKoyApzY.js → ShadowsSection-DEDnh4VA.js}

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

package/documentation/{SidebarMenuSection-B1YTDAvp.js → SidebarMenuSection-B566bFj0.js}

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

package/documentation/{SidebarMenuSection-CL_DUahR.js → SidebarMenuSection-C_FRWnLf.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"SidebarMenu"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A sidebar component with built-in menu navigation, supporting icons, paths, and dropdown items."})]}),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.jsx("div",{className:"space-y-4",children:e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic Sidebar Menu"}),e.jsx(s.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: SidebarMenu is typically used within a Drawer component. This example shows the structure."}),e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"The SidebarMenu component provides a navigation menu with icons and links, perfect for mobile navigation drawers."})]})})})})}),e.jsx(s.AutoPropsTable,{componentName:"SidebarMenu"}),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 { SidebarMenu, LucideIcons } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"SidebarMenu"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A sidebar component with built-in menu navigation, supporting icons, paths, and dropdown items."})]}),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.jsx("div",{className:"space-y-4",children:e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic Sidebar Menu"}),e.jsx(s.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: SidebarMenu is typically used within a Drawer component. This example shows the structure."}),e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"The SidebarMenu component provides a navigation menu with icons and links, perfect for mobile navigation drawers."})]})})})})}),e.jsx(s.AutoPropsTable,{componentName:"SidebarMenu"}),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 { SidebarMenu, LucideIcons } from '@e-burgos/tucu-ui';
 
 const menuItems = [
   {

package/documentation/{SidebarSection-yUTI2f67.js → SidebarSection-BxcsWxss.js}

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

package/documentation/{SidebarSection-DAKVjdKW.js → SidebarSection-x6UljOok.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const s=()=>{const[i,r]=a.useState(!1);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:"Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A sidebar component with scrollable content, optional logo, title, and action buttons."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: Sidebar is typically used within a Drawer component. This example shows the structure."}),e.jsx(t.Typography,{tag:"p",className:"text-sm",children:"The Sidebar component provides a scrollable container with optional header (logo or title) and action buttons at the bottom."})]})})})})}),e.jsx(t.AutoPropsTable,{componentName:"Sidebar"}),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 { Sidebar } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react-dom");const s=()=>{const[i,r]=a.useState(!1);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:"Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A sidebar component with scrollable content, optional logo, title, and action buttons."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: Sidebar is typically used within a Drawer component. This example shows the structure."}),e.jsx(t.Typography,{tag:"p",className:"text-sm",children:"The Sidebar component provides a scrollable container with optional header (logo or title) and action buttons at the bottom."})]})})})})}),e.jsx(t.AutoPropsTable,{componentName:"Sidebar"}),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 { Sidebar } from '@e-burgos/tucu-ui';
 
 // Basic usage (typically within Drawer)
 <Sidebar title="Sidebar Title" onClose={() => setIsOpen(false)}>

package/documentation/{SizingSection-BkzlMAgi.js → SizingSection-Bkk50xTx.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=a=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(a).trim()||""},c=()=>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:"Sizing"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Icon and avatar size tokens from Tucu UI Design Tokens"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Icon Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["xs","s","m","l"].map(a=>{const t=`w-icon-${a}`,d=`h-icon-${a}`,l=`--size-icon-${a}`,r=i(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded mx-auto ${t} ${d}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:a}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(s.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",d]})]},a)})})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Avatar Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["s","m","l","xl","xxl","xxxl"].map(a=>{const t=`w-avatar-${a}`,d=`h-avatar-${a}`,l=`--size-avatar-${a}`,r=i(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded-full mx-auto ${t} ${d}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:a}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(s.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",d]})]},a)})})})})})]})]});exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=a=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(a).trim()||""},c=()=>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:"Sizing"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Icon and avatar size tokens from Tucu UI Design Tokens"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Icon Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["xs","s","m","l"].map(a=>{const t=`w-icon-${a}`,d=`h-icon-${a}`,l=`--size-icon-${a}`,r=i(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded mx-auto ${t} ${d}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:a}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(s.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",d]})]},a)})})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Avatar Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["s","m","l","xl","xxl","xxxl"].map(a=>{const t=`w-avatar-${a}`,d=`h-avatar-${a}`,l=`--size-avatar-${a}`,r=i(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded-full mx-auto ${t} ${d}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:a}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(s.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",d]})]},a)})})})})})]})]});exports.default=c;

package/documentation/{SizingSection-B0hZc0Tv.js → SizingSection-DmDvMmpv.js}

@@ -1,5 +1,5 @@
 import { jsxs as d, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { T as r, C as i, a as n } from "../index-B919yoKU.js";
+import { T as r, C as i, a as n } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SkeletonSection-C9aIHnTu.js → SkeletonSection-BjYOD-Ui.js}

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

package/documentation/{SkeletonSection-CPXc0Imd.js → SkeletonSection-CtCnpdjN.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>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:"Skeleton"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A skeleton loader component for displaying placeholder content while data is loading."})]}),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-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Skeleton"}),e.jsx(s.Skeleton,{})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:3})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle Shape"}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",size:"small",width:"2rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"medium",width:"4rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"large",width:"6rem"})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Skeleton,{size:"tiny"}),e.jsx(s.Skeleton,{size:"small"}),e.jsx(s.Skeleton,{size:"medium"}),e.jsx(s.Skeleton,{size:"large"})]})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Animations",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Shimmer Animation (Default)"}),e.jsx(s.Skeleton,{animation:"shimmer"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Wave Animation"}),e.jsx(s.Skeleton,{animation:"wave"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Pulse Animation"}),e.jsx(s.Skeleton,{animation:"pulse"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"No Animation"}),e.jsx(s.Skeleton,{animation:"none"})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rounded (Default)"}),e.jsx(s.Skeleton,{shape:"rounded"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rectangle"}),e.jsx(s.Skeleton,{shape:"rectangle"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle"}),e.jsx(s.Skeleton,{shape:"circle",width:"8rem",height:"8rem"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:4})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Common Patterns",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Card Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-3"}),e.jsx(s.Skeleton,{shape:"text",count:3})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Profile Skeleton"}),e.jsx(s.CardContainer,{className:"p-4",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(s.Skeleton,{shape:"circle",width:"4rem",height:"4rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"60%",height:"1rem"}),e.jsx(s.Skeleton,{width:"40%",height:"0.875rem"})]})]})})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"List Skeleton"}),e.jsx(s.CardContainer,{className:"p-4 space-y-3",children:[1,2,3].map(a=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",width:"2.5rem",height:"2.5rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"70%",height:"0.875rem"}),e.jsx(s.Skeleton,{width:"50%",height:"0.75rem"})]})]},a))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Article Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-4"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-6"}),e.jsx(s.Skeleton,{width:"60%",className:"mb-4 h-6"}),e.jsx(s.Skeleton,{shape:"text",count:5})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Grid Skeleton"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[1,2,3].map(a=>e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{height:"10rem",className:"mb-3"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-5"}),e.jsx(s.Skeleton,{shape:"text",count:2})]},a))})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"Skeleton",defaultValues:{shape:"rounded",animation:"shimmer",size:"medium",count:1},excludeProps:["width","height"],children:a=>e.jsx(s.Skeleton,{...a})}),e.jsx(s.AutoPropsTable,{componentName:"Skeleton"}),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 { Skeleton } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Skeleton"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A skeleton loader component for displaying placeholder content while data is loading."})]}),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-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Skeleton"}),e.jsx(s.Skeleton,{})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:3})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle Shape"}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",size:"small",width:"2rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"medium",width:"4rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"large",width:"6rem"})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Skeleton,{size:"tiny"}),e.jsx(s.Skeleton,{size:"small"}),e.jsx(s.Skeleton,{size:"medium"}),e.jsx(s.Skeleton,{size:"large"})]})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Animations",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Shimmer Animation (Default)"}),e.jsx(s.Skeleton,{animation:"shimmer"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Wave Animation"}),e.jsx(s.Skeleton,{animation:"wave"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Pulse Animation"}),e.jsx(s.Skeleton,{animation:"pulse"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"No Animation"}),e.jsx(s.Skeleton,{animation:"none"})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rounded (Default)"}),e.jsx(s.Skeleton,{shape:"rounded"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rectangle"}),e.jsx(s.Skeleton,{shape:"rectangle"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle"}),e.jsx(s.Skeleton,{shape:"circle",width:"8rem",height:"8rem"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:4})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Common Patterns",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Card Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-3"}),e.jsx(s.Skeleton,{shape:"text",count:3})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Profile Skeleton"}),e.jsx(s.CardContainer,{className:"p-4",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(s.Skeleton,{shape:"circle",width:"4rem",height:"4rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"60%",height:"1rem"}),e.jsx(s.Skeleton,{width:"40%",height:"0.875rem"})]})]})})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"List Skeleton"}),e.jsx(s.CardContainer,{className:"p-4 space-y-3",children:[1,2,3].map(a=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",width:"2.5rem",height:"2.5rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"70%",height:"0.875rem"}),e.jsx(s.Skeleton,{width:"50%",height:"0.75rem"})]})]},a))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Article Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-4"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-6"}),e.jsx(s.Skeleton,{width:"60%",className:"mb-4 h-6"}),e.jsx(s.Skeleton,{shape:"text",count:5})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Grid Skeleton"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[1,2,3].map(a=>e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{height:"10rem",className:"mb-3"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-5"}),e.jsx(s.Skeleton,{shape:"text",count:2})]},a))})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"Skeleton",defaultValues:{shape:"rounded",animation:"shimmer",size:"medium",count:1},excludeProps:["width","height"],children:a=>e.jsx(s.Skeleton,{...a})}),e.jsx(s.AutoPropsTable,{componentName:"Skeleton"}),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 { Skeleton } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <Skeleton />

package/documentation/{SpacingSystemSection-BKr7Htp3.js → SpacingSystemSection-D1Z2lzGW.js}

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

package/documentation/{SpacingSystemSection-CTYSoQtS.js → SpacingSystemSection-kZaFDYxR.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=t=>{if(typeof window>"u")return"";const a=document.documentElement;return getComputedStyle(a).getPropertyValue(t).trim()||""},u=()=>{const t=[{value:0,key:"0"},{value:1,key:"1"},{value:2,key:"2"},{value:3,key:"3"},{value:4,key:"4"},{value:5,key:"5"},{value:6,key:"6"},{value:7,key:"7"},{value:8,key:"8"},{value:9,key:"9"},{value:10,key:"10"},{value:11,key:"11"},{value:12,key:"12"},{value:13,key:"13"},{value:14,key:"14"},{value:15,key:"15"},{value:16,key:"16"},{value:17,key:"17"},{value:18,key:"18"},{value:19,key:"19"},{value:20,key:"20"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(l.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Spacing System"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Spacing scale mapped to Tucu UI Design Tokens"})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Spacing Scale",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:t.map(a=>{const r=`--spacing-${a.key}`,s=d(r),n=`p-${a.value}, m-${a.value}, gap-${a.value}`,i=a.value.toString();return e.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Typography,{tag:"h4",className:"font-semibold",children:i}),s&&e.jsx(l.Typography,{tag:"h4",className:"text-muted text-[10px]",children:s})]}),e.jsx("div",{className:"bg-primary h-8 rounded w-full",style:{width:s||`var(${r})`,minWidth:"4px"}}),e.jsx(l.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1",children:n})]},a.key)})})})})})]})};exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=t=>{if(typeof window>"u")return"";const a=document.documentElement;return getComputedStyle(a).getPropertyValue(t).trim()||""},u=()=>{const t=[{value:0,key:"0"},{value:1,key:"1"},{value:2,key:"2"},{value:3,key:"3"},{value:4,key:"4"},{value:5,key:"5"},{value:6,key:"6"},{value:7,key:"7"},{value:8,key:"8"},{value:9,key:"9"},{value:10,key:"10"},{value:11,key:"11"},{value:12,key:"12"},{value:13,key:"13"},{value:14,key:"14"},{value:15,key:"15"},{value:16,key:"16"},{value:17,key:"17"},{value:18,key:"18"},{value:19,key:"19"},{value:20,key:"20"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(l.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Spacing System"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Spacing scale mapped to Tucu UI Design Tokens"})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Spacing Scale",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:t.map(a=>{const r=`--spacing-${a.key}`,s=d(r),n=`p-${a.value}, m-${a.value}, gap-${a.value}`,i=a.value.toString();return e.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Typography,{tag:"h4",className:"font-semibold",children:i}),s&&e.jsx(l.Typography,{tag:"h4",className:"text-muted text-[10px]",children:s})]}),e.jsx("div",{className:"bg-primary h-8 rounded w-full",style:{width:s||`var(${r})`,minWidth:"4px"}}),e.jsx(l.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1",children:n})]},a.key)})})})})})]})};exports.default=u;

package/documentation/{SpinnerSection-BvppjgYE.js → SpinnerSection-Cy4RKNBM.js}

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

package/documentation/{SpinnerSection-Dye2VsDO.js → SpinnerSection-JoJL6hKq.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Spinner"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A simple spinning loader component for indicating loading states with customizable sizes and colors."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.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(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Default Spinner"}),e.jsx(r.Spinner,{})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Small Spinner"}),e.jsx(r.Spinner,{size:"sm"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Large Spinner"}),e.jsx(r.Spinner,{size:"lg"})]})]})})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Colors"}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(r.Spinner,{color:"primary"}),e.jsx(r.Spinner,{color:"success"}),e.jsx(r.Spinner,{color:"danger"}),e.jsx(r.Spinner,{color:"info"}),e.jsx(r.Spinner,{color:"warning"}),e.jsx(r.Spinner,{color:"gray"})]})]})})})})}),e.jsx(r.PropPlayground,{componentName:"Spinner",defaultValues:{size:"md",color:"primary"},excludeProps:[],children:s=>e.jsx(r.Spinner,{...s})}),e.jsx(r.AutoPropsTable,{componentName:"Spinner"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { Spinner } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Spinner"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A simple spinning loader component for indicating loading states with customizable sizes and colors."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.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(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Default Spinner"}),e.jsx(r.Spinner,{})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Small Spinner"}),e.jsx(r.Spinner,{size:"sm"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Large Spinner"}),e.jsx(r.Spinner,{size:"lg"})]})]})})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Colors"}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(r.Spinner,{color:"primary"}),e.jsx(r.Spinner,{color:"success"}),e.jsx(r.Spinner,{color:"danger"}),e.jsx(r.Spinner,{color:"info"}),e.jsx(r.Spinner,{color:"warning"}),e.jsx(r.Spinner,{color:"gray"})]})]})})})})}),e.jsx(r.PropPlayground,{componentName:"Spinner",defaultValues:{size:"md",color:"primary"},excludeProps:[],children:s=>e.jsx(r.Spinner,{...s})}),e.jsx(r.AutoPropsTable,{componentName:"Spinner"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { Spinner } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <Spinner />

package/documentation/{StandaloneAppSection-Bnd5ch-2.js → StandaloneAppSection-BnE09OsJ.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Standalone App",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-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 to-cyan-500 shadow-lg",children:e.jsx(t.Package,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:"Standalone App Pattern (Default)"})]}),e.jsxs(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["The ",e.jsx("strong",{children:"Standalone App Pattern"})," is the default mode for traditional single-page applications. Routes are automatically generated from"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"menuItems"})," ","configuration, making it perfect for monolithic applications that don't require micro frontend architecture."]}),e.jsx(a.Alert,{variant:"info",dismissible:!1,children:e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Info,{className:"w-4 h-4"}),e.jsx(a.Typography,{tag:"span",className:"font-semibold",children:"Default Pattern"})]}),e.jsxs(a.Typography,{tag:"p",className:"text-sm",children:["The Standalone pattern is the default. You don't need to specify"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"architecturalPatterns"}),". Simply provide"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"menuItems"})," ","and routes will be automatically generated."]})]})}),e.jsxs("div",{className:"space-y-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 rounded-lg bg-linear-to-br from-indigo-500 to-purple-500 shadow-lg",children:e.jsx(t.Code,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Interface"})]}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["Define your routes using the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"StandaloneAppRoutesMenuItem"})," ","interface. Each menu item automatically becomes a route."]}),e.jsx(a.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-VrMogvDN.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Standalone App",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-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 to-cyan-500 shadow-lg",children:e.jsx(t.Package,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:"Standalone App Pattern (Default)"})]}),e.jsxs(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["The ",e.jsx("strong",{children:"Standalone App Pattern"})," is the default mode for traditional single-page applications. Routes are automatically generated from"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"menuItems"})," ","configuration, making it perfect for monolithic applications that don't require micro frontend architecture."]}),e.jsx(a.Alert,{variant:"info",dismissible:!1,children:e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Info,{className:"w-4 h-4"}),e.jsx(a.Typography,{tag:"span",className:"font-semibold",children:"Default Pattern"})]}),e.jsxs(a.Typography,{tag:"p",className:"text-sm",children:["The Standalone pattern is the default. You don't need to specify"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"architecturalPatterns"}),". Simply provide"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"menuItems"})," ","and routes will be automatically generated."]})]})}),e.jsxs("div",{className:"space-y-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 rounded-lg bg-linear-to-br from-indigo-500 to-purple-500 shadow-lg",children:e.jsx(t.Code,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Interface"})]}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["Define your routes using the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"StandaloneAppRoutesMenuItem"})," ","interface. Each menu item automatically becomes a route."]}),e.jsx(a.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
   component: JSX.Element;  // Component to render
   isPublic?: boolean;      // If true, accessible without authentication
   dropdownItems?: StandaloneAppRoutesMenuItem[]; // Nested routes

package/documentation/{StandaloneAppSection-BkFjxSm_.js → StandaloneAppSection-Dn2EcBsk.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { C as r, a as n, T as a, ag as i, c as o } from "../index-B919yoKU.js";
+import { C as r, a as n, T as a, ag as i, c as o } from "../index-D3gBsvbO.js";
 import { Package as d, Info as l, Code as c, Play as m, Settings as u, CheckCircle as s } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{StepperSection-BDCZY0X7.js → StepperSection-D7wP-dU3.js}

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as g, jsx as e } from "react/jsx-runtime";
 import { useState as m } from "react";
-import { T as s, C as l, a as h, a1 as o, A as b, c as u } from "../index-B919yoKU.js";
+import { T as s, C as l, a as h, a1 as o, A as b, c as u } from "../index-D3gBsvbO.js";
 import { User as x, CreditCard as S, Package as y, Check as N } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{StepperSection-Dw3QuSWb.js → StepperSection-dLbIrNgm.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),t=require("../index-COj1N7FC.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[i,l]=p.useState(1),[r,c]=p.useState(0),a=[{id:"details",label:"Details"},{id:"payment",label:"Payment"},{id:"shipping",label:"Shipping"},{id:"confirm",label:"Confirm"}],d=[{id:"account",label:"Account",icon:e.jsx(n.User,{className:"h-3 w-3"})},{id:"billing",label:"Billing",icon:e.jsx(n.CreditCard,{className:"h-3 w-3"})},{id:"delivery",label:"Delivery",icon:e.jsx(n.Package,{className:"h-3 w-3"})},{id:"done",label:"Done",icon:e.jsx(n.Check,{className:"h-3 w-3"})}];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:"Stepper"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A step indicator for multi-step flows like checkouts, wizards, and onboarding sequences."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-8",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-4",children:"Interactive Stepper"}),e.jsx(t.Stepper,{steps:a,currentStep:i,onStepChange:l}),e.jsxs("div",{className:"mt-4 flex gap-2",children:[e.jsx("button",{onClick:()=>l(s=>Math.max(0,s-1)),disabled:i===0,className:"px-3 py-1.5 text-xs rounded-md bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 disabled:opacity-30",children:"Previous"}),e.jsx("button",{onClick:()=>l(s=>Math.min(a.length-1,s+1)),disabled:i===a.length-1,className:"px-3 py-1.5 text-xs rounded-md bg-brand text-white disabled:opacity-30",children:"Next"})]})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-4",children:"With Icons"}),e.jsx(t.Stepper,{steps:d,currentStep:r,onStepChange:c}),e.jsxs("div",{className:"mt-4 flex gap-2",children:[e.jsx("button",{onClick:()=>c(s=>Math.max(0,s-1)),disabled:r===0,className:"px-3 py-1.5 text-xs rounded-md bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 disabled:opacity-30",children:"Previous"}),e.jsx("button",{onClick:()=>c(s=>Math.min(d.length-1,s+1)),disabled:r===d.length-1,className:"px-3 py-1.5 text-xs rounded-md bg-brand text-white disabled:opacity-30",children:"Next"})]})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-4",children:"Read-only (no onStepChange)"}),e.jsx(t.Stepper,{steps:a,currentStep:2})]})]})})}),e.jsx(t.AutoPropsTable,{componentName:"Stepper"}),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 { Stepper } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),t=require("../index-VrMogvDN.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[i,l]=p.useState(1),[r,c]=p.useState(0),a=[{id:"details",label:"Details"},{id:"payment",label:"Payment"},{id:"shipping",label:"Shipping"},{id:"confirm",label:"Confirm"}],d=[{id:"account",label:"Account",icon:e.jsx(n.User,{className:"h-3 w-3"})},{id:"billing",label:"Billing",icon:e.jsx(n.CreditCard,{className:"h-3 w-3"})},{id:"delivery",label:"Delivery",icon:e.jsx(n.Package,{className:"h-3 w-3"})},{id:"done",label:"Done",icon:e.jsx(n.Check,{className:"h-3 w-3"})}];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:"Stepper"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A step indicator for multi-step flows like checkouts, wizards, and onboarding sequences."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-8",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-4",children:"Interactive Stepper"}),e.jsx(t.Stepper,{steps:a,currentStep:i,onStepChange:l}),e.jsxs("div",{className:"mt-4 flex gap-2",children:[e.jsx("button",{onClick:()=>l(s=>Math.max(0,s-1)),disabled:i===0,className:"px-3 py-1.5 text-xs rounded-md bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 disabled:opacity-30",children:"Previous"}),e.jsx("button",{onClick:()=>l(s=>Math.min(a.length-1,s+1)),disabled:i===a.length-1,className:"px-3 py-1.5 text-xs rounded-md bg-brand text-white disabled:opacity-30",children:"Next"})]})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-4",children:"With Icons"}),e.jsx(t.Stepper,{steps:d,currentStep:r,onStepChange:c}),e.jsxs("div",{className:"mt-4 flex gap-2",children:[e.jsx("button",{onClick:()=>c(s=>Math.max(0,s-1)),disabled:r===0,className:"px-3 py-1.5 text-xs rounded-md bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 disabled:opacity-30",children:"Previous"}),e.jsx("button",{onClick:()=>c(s=>Math.min(d.length-1,s+1)),disabled:r===d.length-1,className:"px-3 py-1.5 text-xs rounded-md bg-brand text-white disabled:opacity-30",children:"Next"})]})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-4",children:"Read-only (no onStepChange)"}),e.jsx(t.Stepper,{steps:a,currentStep:2})]})]})})}),e.jsx(t.AutoPropsTable,{componentName:"Stepper"}),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 { Stepper } from '@e-burgos/tucu-ui';
 import { useState } from 'react';
 
 const steps = [

package/documentation/{SwitchSection-DsRz6B1J.js → SwitchSection-D_063gA9.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[s,c]=l.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Switch"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A toggle switch component for binary on/off states."})]}),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 Switch"}),e.jsx(a.Switch,{label:"Enable notifications",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Custom Labels"}),e.jsx(a.Switch,{label:"Dark mode",onLabel:"ON",offLabel:"OFF",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Switch,{label:"Auto-save",helperText:"Automatically save your work",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Switch,{label:"Required switch",errorMessage:"This field is required",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Switch,{label:"Disabled switch",disabled:!0,checked:s,onChange:c})]})]})})})}),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.Switch,{label:"Ghost Variant",variant:"ghost",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Switch,{label:"Solid Variant",variant:"solid",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Switch,{label:"Transparent Variant",variant:"transparent",checked:s,onChange:c})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Switch"}),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 { Switch } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[s,c]=l.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Switch"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A toggle switch component for binary on/off states."})]}),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 Switch"}),e.jsx(a.Switch,{label:"Enable notifications",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Custom Labels"}),e.jsx(a.Switch,{label:"Dark mode",onLabel:"ON",offLabel:"OFF",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Switch,{label:"Auto-save",helperText:"Automatically save your work",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Switch,{label:"Required switch",errorMessage:"This field is required",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Switch,{label:"Disabled switch",disabled:!0,checked:s,onChange:c})]})]})})})}),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.Switch,{label:"Ghost Variant",variant:"ghost",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Switch,{label:"Solid Variant",variant:"solid",checked:s,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Switch,{label:"Transparent Variant",variant:"transparent",checked:s,onChange:c})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Switch"}),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 { Switch } from '@e-burgos/tucu-ui';
 
 <Switch
   label="Enable notifications"

package/documentation/{SwitchSection-DZ9sij1G.js → SwitchSection-_aCMYfZ_.js}

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

package/documentation/{SystemOverviewSection-BaNo0I2y.js → SystemOverviewSection-BWie2kgj.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>e.jsxs("div",{className:"space-y-8",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:"System Overview"}),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 React Router with automatic menu generation and nested route support. Supports both Standalone and Micro Frontend (MFE) architectural patterns."})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:[{icon:e.jsx(a.Router,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"React Router Integration",description:"Built on React Router v6 with full compatibility and modern routing features",features:["Browser History","Nested Routes","Route Guards"],color:"from-blue-500 to-cyan-500"},{icon:e.jsx(a.Menu,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Automatic Navigation",description:"Generate navigation menus automatically from route configuration",features:["Auto Sidebar","Breadcrumb Support","Active States"],color:"from-green-500 to-emerald-500"},{icon:e.jsx(a.Layers3,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Nested Route Support",description:"Support for unlimited nesting levels with dropdown menus and sub-navigation",features:["Multi-level","Dropdown Menus","Hierarchical"],color:"from-purple-500 to-indigo-500"},{icon:e.jsx(a.Box,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Architectural Patterns",description:"Support for both Standalone and Micro Frontend (MFE) patterns with type-safe configuration",features:["Standalone","MFE","Type-Safe"],color:"from-orange-500 to-amber-500"}].map((r,o)=>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-linear-to-br ${r.color} text-white shadow-lg group-hover:scale-110 transition-all duration-300`,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,i)=>e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:s},i))})]})},o))})]});exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>e.jsxs("div",{className:"space-y-8",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:"System Overview"}),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 React Router with automatic menu generation and nested route support. Supports both Standalone and Micro Frontend (MFE) architectural patterns."})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:[{icon:e.jsx(a.Router,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"React Router Integration",description:"Built on React Router v6 with full compatibility and modern routing features",features:["Browser History","Nested Routes","Route Guards"],color:"from-blue-500 to-cyan-500"},{icon:e.jsx(a.Menu,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Automatic Navigation",description:"Generate navigation menus automatically from route configuration",features:["Auto Sidebar","Breadcrumb Support","Active States"],color:"from-green-500 to-emerald-500"},{icon:e.jsx(a.Layers3,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Nested Route Support",description:"Support for unlimited nesting levels with dropdown menus and sub-navigation",features:["Multi-level","Dropdown Menus","Hierarchical"],color:"from-purple-500 to-indigo-500"},{icon:e.jsx(a.Box,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Architectural Patterns",description:"Support for both Standalone and Micro Frontend (MFE) patterns with type-safe configuration",features:["Standalone","MFE","Type-Safe"],color:"from-orange-500 to-amber-500"}].map((r,o)=>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-linear-to-br ${r.color} text-white shadow-lg group-hover:scale-110 transition-all duration-300`,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,i)=>e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:s},i))})]})},o))})]});exports.default=n;

package/documentation/{SystemOverviewSection-BigtfVY7.js → SystemOverviewSection-zs1sgBU4.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { T as r, C as n, J as l } from "../index-B919yoKU.js";
+import { T as r, C as n, J as l } from "../index-D3gBsvbO.js";
 import { Router as d, Menu as c, Layers3 as m, Box as u } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TabModalSection-BkJ1YqWc.js → TabModalSection-DAR0pwr1.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-COj1N7FC.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const d=()=>{const[l,a]=i.useState(!1),[r,n]=i.useState(!1),[c,o]=i.useState(!1);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:"TabModal"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A modal dialog with built-in tab navigation, header with icon/badge, expandable footer, and mobile-first responsive design."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Tabs"}),e.jsx(t.Button,{onClick:()=>n(!0),children:"Open TabModal (Tabs)"}),r&&e.jsx(t.TabModal,{icon:s.Activity,title:"Dashboard",subtitle:"View your activity and stats",badgeHeader:"LIVE",badgeHeaderClassName:"text-green-600 bg-green-100 border-green-300",tabs:[{icon:s.BarChart3,name:"Overview",content:e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h5",children:"Overview Tab"}),e.jsx(t.Typography,{tag:"p",children:"This is the overview content with charts and metrics."})]})},{icon:s.Settings,name:"Settings",content:e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h5",children:"Settings Tab"}),e.jsx(t.Typography,{tag:"p",children:"Configure your preferences here."})]})}],footerLabel:"Last updated: 2 minutes ago",successButton:{label:"Save",onClick:()=>n(!1)},onClose:()=>n(!1)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Direct Content"}),e.jsx(t.Button,{onClick:()=>o(!0),children:"Open TabModal (Content)"}),c&&e.jsx(t.TabModal,{icon:s.Settings,title:"Preferences",subtitle:"Manage your account settings",content:e.jsx("div",{className:"space-y-4",children:e.jsxs(t.Typography,{tag:"p",children:["When you pass the ",e.jsx("code",{children:"content"})," prop directly, the tab bar is hidden and this content fills the body."]})}),onClose:()=>o(!1)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Minimal (No Tabs, No Content)"}),e.jsx(t.Button,{onClick:()=>a(!0),children:"Open Minimal TabModal"}),l&&e.jsx(t.TabModal,{title:"Confirmation",successButton:{label:"Confirm",onClick:()=>a(!1)},closeButton:{label:"Cancel",onClick:()=>a(!1)},onClose:()=>a(!1)})]})]})})})}),e.jsx(t.AutoPropsTable,{componentName:"TabModal"}),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 { TabModal } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-VrMogvDN.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const d=()=>{const[l,a]=i.useState(!1),[r,n]=i.useState(!1),[c,o]=i.useState(!1);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:"TabModal"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A modal dialog with built-in tab navigation, header with icon/badge, expandable footer, and mobile-first responsive design."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Tabs"}),e.jsx(t.Button,{onClick:()=>n(!0),children:"Open TabModal (Tabs)"}),r&&e.jsx(t.TabModal,{icon:s.Activity,title:"Dashboard",subtitle:"View your activity and stats",badgeHeader:"LIVE",badgeHeaderClassName:"text-green-600 bg-green-100 border-green-300",tabs:[{icon:s.BarChart3,name:"Overview",content:e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h5",children:"Overview Tab"}),e.jsx(t.Typography,{tag:"p",children:"This is the overview content with charts and metrics."})]})},{icon:s.Settings,name:"Settings",content:e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h5",children:"Settings Tab"}),e.jsx(t.Typography,{tag:"p",children:"Configure your preferences here."})]})}],footerLabel:"Last updated: 2 minutes ago",successButton:{label:"Save",onClick:()=>n(!1)},onClose:()=>n(!1)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Direct Content"}),e.jsx(t.Button,{onClick:()=>o(!0),children:"Open TabModal (Content)"}),c&&e.jsx(t.TabModal,{icon:s.Settings,title:"Preferences",subtitle:"Manage your account settings",content:e.jsx("div",{className:"space-y-4",children:e.jsxs(t.Typography,{tag:"p",children:["When you pass the ",e.jsx("code",{children:"content"})," prop directly, the tab bar is hidden and this content fills the body."]})}),onClose:()=>o(!1)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Minimal (No Tabs, No Content)"}),e.jsx(t.Button,{onClick:()=>a(!0),children:"Open Minimal TabModal"}),l&&e.jsx(t.TabModal,{title:"Confirmation",successButton:{label:"Confirm",onClick:()=>a(!1)},closeButton:{label:"Cancel",onClick:()=>a(!1)},onClose:()=>a(!1)})]})]})})})}),e.jsx(t.AutoPropsTable,{componentName:"TabModal"}),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 { TabModal } from '@e-burgos/tucu-ui';
 import { Activity, BarChart3, Settings } from 'lucide-react';
 import { useState } from 'react';
 

package/documentation/{TabModalSection-RfCWr-Nn.js → TabModalSection-cPdxSg37.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as u, jsx as e } from "react/jsx-runtime";
 import { useState as o } from "react";
-import { T as t, C as n, a as d, y as l, a3 as c, A as f, c as g } from "../index-B919yoKU.js";
+import { T as t, C as n, a as d, y as l, a3 as c, A as f, c as g } from "../index-D3gBsvbO.js";
 import { BarChart3 as v, Settings as m, Activity as C } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{TabSection-dsMwz13E.js → TabSection-B0K0gRVb.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as h, jsx as e } from "react/jsx-runtime";
-import { T as i, C as n, a as d, ak as t, al as s, am as l, an as c, ao as r, A as o, c as m } from "../index-B919yoKU.js";
+import { T as i, C as n, a as d, ak as t, al as s, am as l, an as c, ao as r, A as o, c as m } from "../index-D3gBsvbO.js";
 import { Home as b, User as p, Settings as v, Mail as T, Bell as g, Calendar as u } from "lucide-react";
 import "react-router-dom";
 import "react";