@e-burgos/tucu-ui 2.0.11 → 2.1.0

package/documentation/{MacOSToolbarSection-DfFGfIYr.js → MacOSToolbarSection-BmjCDkxq.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
 import { useState as i } from "react";
-import { H as d, C as r, a as t, bn as l, bo as c, c as m } from "../index-4GONhZIF.js";
+import { H as d, C as r, a as t, bn as l, bo as c, c as m } from "../index-sdOMz8GW.js";
 import { PanelTop as h, Share2 as b, MoreHorizontal as g, ChevronLeft as u, SlidersHorizontal as p, Mail as f } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{MacOSToolbarSection-BZe5dcqG.js → MacOSToolbarSection-VjGjxjYh.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-C0NugKZs.js"),r=require("lucide-react");require("react-router-dom");require("react-dom");const s=()=>{const[l,t]=o.useState("");return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"MacOSToolbar",description:"A macOS-style toolbar with leading, center, and trailing slots. Supports vibrancy backdrop blur, a transparent mode, and an optional bottom border.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-sky-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-sky-400/50",children:e.jsx(r.PanelTop,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Title + Leading + Trailing",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-xl overflow-hidden border border-(--color-semantic-line-primary-subtle) shadow-(--shadow-card)",children:[e.jsx(a.MacOSToolbarSonoma,{title:"Documents",leading:e.jsxs("button",{className:"flex items-center gap-1 text-xs text-[#007aff] hover:opacity-80",children:[e.jsx(r.ChevronLeft,{className:"w-3.5 h-3.5"}),"Back"]}),trailing:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{className:"p-1.5 rounded-md hover:bg-gray-500/10 text-gray-600 dark:text-gray-400",children:e.jsx(r.Share2,{className:"w-4 h-4"})}),e.jsx("button",{className:"p-1.5 rounded-md hover:bg-gray-500/10 text-gray-600 dark:text-gray-400",children:e.jsx(r.MoreHorizontal,{className:"w-4 h-4"})})]})}),e.jsx("div",{className:"h-24 bg-(--color-semantic-bg) flex items-center justify-center text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Search Bar in Center",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-xl overflow-hidden border border-(--color-semantic-line-primary-subtle) shadow-(--shadow-card)",children:[e.jsx(a.MacOSToolbarSonoma,{leading:e.jsx(r.Mail,{className:"w-4 h-4 text-gray-500"}),center:e.jsx(a.MacOSSearchBar,{value:l,onChange:t,onClear:()=>t(""),className:"w-56",placeholder:"Search messages"}),trailing:e.jsx("button",{className:"p-1.5 rounded-md hover:bg-gray-500/10 text-gray-600 dark:text-gray-400",children:e.jsx(r.SlidersHorizontal,{className:"w-4 h-4"})})}),e.jsx("div",{className:"h-24 bg-(--color-semantic-bg) flex items-center justify-center text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Transparent (no background)",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-xl overflow-hidden border border-(--color-semantic-line-primary-subtle) shadow-(--shadow-card) bg-linear-to-br from-blue-50 to-indigo-100 dark:from-gray-800 dark:to-gray-900",children:[e.jsx(a.MacOSToolbarSonoma,{title:"Transparent Toolbar",transparent:!0,bordered:!1}),e.jsx("div",{className:"h-24 flex items-center justify-center text-sm text-gray-500",children:"Toolbar blends into background"})]})})})}),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 { MacOSToolbar, MacOSSearchBar } 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-DEZRGktf.js"),r=require("lucide-react");require("react-router-dom");require("react-dom");const s=()=>{const[l,t]=o.useState("");return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"MacOSToolbar",description:"A macOS-style toolbar with leading, center, and trailing slots. Supports vibrancy backdrop blur, a transparent mode, and an optional bottom border.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-sky-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-sky-400/50",children:e.jsx(r.PanelTop,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Title + Leading + Trailing",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-xl overflow-hidden border border-(--color-semantic-line-primary-subtle) shadow-(--shadow-card)",children:[e.jsx(a.MacOSToolbarSonoma,{title:"Documents",leading:e.jsxs("button",{className:"flex items-center gap-1 text-xs text-[#007aff] hover:opacity-80",children:[e.jsx(r.ChevronLeft,{className:"w-3.5 h-3.5"}),"Back"]}),trailing:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{className:"p-1.5 rounded-md hover:bg-gray-500/10 text-gray-600 dark:text-gray-400",children:e.jsx(r.Share2,{className:"w-4 h-4"})}),e.jsx("button",{className:"p-1.5 rounded-md hover:bg-gray-500/10 text-gray-600 dark:text-gray-400",children:e.jsx(r.MoreHorizontal,{className:"w-4 h-4"})})]})}),e.jsx("div",{className:"h-24 bg-(--color-semantic-bg) flex items-center justify-center text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Search Bar in Center",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-xl overflow-hidden border border-(--color-semantic-line-primary-subtle) shadow-(--shadow-card)",children:[e.jsx(a.MacOSToolbarSonoma,{leading:e.jsx(r.Mail,{className:"w-4 h-4 text-gray-500"}),center:e.jsx(a.MacOSSearchBar,{value:l,onChange:t,onClear:()=>t(""),className:"w-56",placeholder:"Search messages"}),trailing:e.jsx("button",{className:"p-1.5 rounded-md hover:bg-gray-500/10 text-gray-600 dark:text-gray-400",children:e.jsx(r.SlidersHorizontal,{className:"w-4 h-4"})})}),e.jsx("div",{className:"h-24 bg-(--color-semantic-bg) flex items-center justify-center text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Transparent (no background)",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-xl overflow-hidden border border-(--color-semantic-line-primary-subtle) shadow-(--shadow-card) bg-linear-to-br from-blue-50 to-indigo-100 dark:from-gray-800 dark:to-gray-900",children:[e.jsx(a.MacOSToolbarSonoma,{title:"Transparent Toolbar",transparent:!0,bordered:!1}),e.jsx("div",{className:"h-24 flex items-center justify-center text-sm text-gray-500",children:"Toolbar blends into background"})]})})})}),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 { MacOSToolbar, MacOSSearchBar } from '@e-burgos/tucu-ui';
 
 // Title with leading and trailing slots
 <MacOSToolbar

package/documentation/{MacOSWidgetSection-DDArll2O.js → MacOSWidgetSection-CtxKuq9A.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Widget",description:"macOS-style widget cards in four sizes with optional glass/vibrancy backdrop, icon header, and subtitle. Perfect for dashboards, quick-glance info, and control center items.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-500 via-teal-500 to-cyan-600 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:e.jsx(t.LayoutGrid,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"All Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"flex flex-wrap gap-6 items-start justify-center",children:["sm","md","lg","xl"].map(a=>e.jsxs(s.MacOSWidget,{size:a,children:[e.jsx(s.MacOSWidgetHeader,{title:`Widget ${a.toUpperCase()}`,subtitle:"Description",icon:e.jsx(t.Cloud,{className:"w-4 h-4"})}),e.jsxs("div",{className:"px-3 pb-3 text-xs text-gray-500 dark:text-gray-400",children:["Content area for the ",a," widget."]})]},a))})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Glass Mode",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 bg-linear-to-br from-purple-600/30 via-blue-500/30 to-cyan-400/30 rounded-lg",children:e.jsx("div",{className:"flex flex-wrap gap-6 items-start justify-center",children:["sm","md","lg"].map(a=>e.jsxs(s.MacOSWidget,{size:a,glass:!0,children:[e.jsx(s.MacOSWidgetHeader,{title:`Glass ${a.toUpperCase()}`,icon:e.jsx(t.Sparkles,{className:"w-4 h-4"})}),e.jsx("div",{className:"px-3 pb-3 text-xs text-gray-300",children:"Glass vibrancy mode — blurred background."})]},a))})})})}),e.jsx(s.PropPlayground,{componentName:"MacOSWidget",defaultValues:{size:"md",glass:!1},controlOverrides:[{name:"size",type:"select",options:["sm","md","lg","xl"],description:"Widget size preset"},{name:"glass",type:"boolean",description:"Enable glass/vibrancy backdrop"}],includeProps:["size","glass"],excludeProps:["className"],children:a=>e.jsx("div",{className:"flex items-center justify-center p-6 rounded-lg bg-linear-to-br from-purple-600/20 via-blue-500/20 to-cyan-400/20",children:e.jsxs(s.MacOSWidget,{...a,children:[e.jsx(s.MacOSWidgetHeader,{title:"Preview Widget",subtitle:"Subtitle text",icon:e.jsx(t.Activity,{className:"w-4 h-4"})}),e.jsx("div",{className:"px-3 pb-3 text-xs text-gray-600 dark:text-gray-400",children:"Widget content — adjust props above."})]})})}),e.jsx(s.AutoPropsTable,{componentName:"MacOSWidget"}),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 { MacOSWidget, MacOSWidgetHeader } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Widget",description:"macOS-style widget cards in four sizes with optional glass/vibrancy backdrop, icon header, and subtitle. Perfect for dashboards, quick-glance info, and control center items.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-500 via-teal-500 to-cyan-600 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:e.jsx(t.LayoutGrid,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"All Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"flex flex-wrap gap-6 items-start justify-center",children:["sm","md","lg","xl"].map(a=>e.jsxs(s.MacOSWidget,{size:a,children:[e.jsx(s.MacOSWidgetHeader,{title:`Widget ${a.toUpperCase()}`,subtitle:"Description",icon:e.jsx(t.Cloud,{className:"w-4 h-4"})}),e.jsxs("div",{className:"px-3 pb-3 text-xs text-gray-500 dark:text-gray-400",children:["Content area for the ",a," widget."]})]},a))})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Glass Mode",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 bg-linear-to-br from-purple-600/30 via-blue-500/30 to-cyan-400/30 rounded-lg",children:e.jsx("div",{className:"flex flex-wrap gap-6 items-start justify-center",children:["sm","md","lg"].map(a=>e.jsxs(s.MacOSWidget,{size:a,glass:!0,children:[e.jsx(s.MacOSWidgetHeader,{title:`Glass ${a.toUpperCase()}`,icon:e.jsx(t.Sparkles,{className:"w-4 h-4"})}),e.jsx("div",{className:"px-3 pb-3 text-xs text-gray-300",children:"Glass vibrancy mode — blurred background."})]},a))})})})}),e.jsx(s.PropPlayground,{componentName:"MacOSWidget",defaultValues:{size:"md",glass:!1},controlOverrides:[{name:"size",type:"select",options:["sm","md","lg","xl"],description:"Widget size preset"},{name:"glass",type:"boolean",description:"Enable glass/vibrancy backdrop"}],includeProps:["size","glass"],excludeProps:["className"],children:a=>e.jsx("div",{className:"flex items-center justify-center p-6 rounded-lg bg-linear-to-br from-purple-600/20 via-blue-500/20 to-cyan-400/20",children:e.jsxs(s.MacOSWidget,{...a,children:[e.jsx(s.MacOSWidgetHeader,{title:"Preview Widget",subtitle:"Subtitle text",icon:e.jsx(t.Activity,{className:"w-4 h-4"})}),e.jsx("div",{className:"px-3 pb-3 text-xs text-gray-600 dark:text-gray-400",children:"Widget content — adjust props above."})]})})}),e.jsx(s.AutoPropsTable,{componentName:"MacOSWidget"}),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 { MacOSWidget, MacOSWidgetHeader } from '@e-burgos/tucu-ui';
 
 // Basic widget
 <MacOSWidget size="md">

package/documentation/{MacOSWidgetSection-qJYsLW4w.js → MacOSWidgetSection-RgWZTriK.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { H as c, C as s, a as i, bs as l, bt as r, P as o, A as n, c as m } from "../index-4GONhZIF.js";
+import { H as c, C as s, a as i, bs as l, bt as r, P as o, A as n, c as m } from "../index-sdOMz8GW.js";
 import { LayoutGrid as p, Cloud as g, Sparkles as u, Activity as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{MacOSWindowSection-CNCeYJ4q.js → MacOSWindowSection-7jn163jK.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, Fragment as d, jsx as e } from "react/jsx-runtime";
 import { useState as c } from "react";
-import { H as h, C as i, a as t, br as a, x as o, P as m, A as g, c as f } from "../index-4GONhZIF.js";
+import { H as h, C as i, a as t, br as a, x as o, P as m, A as g, c as f } from "../index-sdOMz8GW.js";
 import { AppWindow as p } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{MacOSWindowSection-BXRF47Xp.js → MacOSWindowSection-COEicJkG.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("../index-C0NugKZs.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");function d(t){return e.jsx("div",{className:"relative rounded-xl bg-gray-100 dark:bg-gray-800/50 p-8",style:{minHeight:220},children:e.jsx(i.MacOSWindow,{...t,defaultWidth:t.defaultWidth??380,children:e.jsx("div",{className:"p-4 text-sm text-gray-700 dark:text-gray-300",children:"Interactive window — adjust props above."})})})}const l=()=>{const[t,s]=r.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(i.HeroCard,{title:"Window",description:"A macOS-style window container with vibrancy title bar, traffic-light buttons, drag & resize support, maximize/minimize states, and optional action slots.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:e.jsx(n.AppWindow,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Interactive — Drag, Resize, Maximize",className:"mt-2 mb-2",children:e.jsx("div",{className:"relative w-full overflow-hidden",style:{height:400},children:e.jsx(i.MacOSWindow,{title:"Drag & Resize Me",defaultWidth:420,defaultHeight:220,children:e.jsxs("div",{className:"p-6 text-sm text-gray-700 dark:text-gray-300",children:[e.jsx("p",{className:"mb-2 font-medium",children:"Try these interactions:"}),e.jsxs("ul",{className:"list-disc pl-5 space-y-1 text-[12px]",children:[e.jsx("li",{children:"Drag the title bar to move the window"}),e.jsx("li",{children:"Drag any edge or corner to resize"}),e.jsx("li",{children:"Double-click the title bar to maximize"}),e.jsx("li",{children:"Click the green traffic light to maximize/restore"}),e.jsx("li",{children:"Click the yellow traffic light to restore default size"})]})]})})})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Traffic Lights — Left (default)",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.MacOSWindow,{title:"My Application",draggable:!1,resizable:!1,onClose:()=>alert("close"),children:e.jsx("div",{className:"p-6 text-sm text-gray-700 dark:text-gray-300",children:"Window content goes here. The title bar uses vibrancy material and the traffic lights appear on hover."})})})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Traffic Lights — Right",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.MacOSWindow,{title:"Settings",trafficLightsPosition:"right",draggable:!1,resizable:!1,children:e.jsx("div",{className:"p-6 text-sm text-gray-700 dark:text-gray-300",children:"Traffic lights positioned on the right side of the title bar."})})})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Without Traffic Lights + Custom Actions",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.MacOSWindow,{title:"Document",showTrafficLights:!1,draggable:!1,resizable:!1,actions:e.jsx(i.Button,{size:"mini",shape:"rounded",color:"info",children:"Save"}),children:e.jsx("div",{className:"p-6 text-sm text-gray-700 dark:text-gray-300",children:"Traffic lights hidden. A custom action button appears in the trailing slot."})})})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Toggle Visibility",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-4",children:[e.jsx(i.Button,{onClick:()=>s(a=>!a),children:t?"Hide Window":"Show Window"}),t&&e.jsx(i.MacOSWindow,{title:"Toggled Window",draggable:!1,resizable:!1,onClose:()=>s(!1),children:e.jsx("div",{className:"p-6 text-sm text-gray-700 dark:text-gray-300",children:"Click the red traffic light or the button above to close."})})]})})}),e.jsx(i.PropPlayground,{componentName:"MacOSWindow",defaultValues:{title:"My Window",draggable:!0,resizable:!0,showTrafficLights:!0,trafficLightsPosition:"left",defaultWidth:380,defaultHeight:200,minWidth:200,minHeight:120},controlOverrides:[{name:"title",type:"text",description:"Window title displayed in the title bar"},{name:"draggable",type:"boolean",description:"Allow drag-moving by the title bar"},{name:"resizable",type:"boolean",description:"Allow resizing from edges/corners"},{name:"showTrafficLights",type:"boolean",description:"Show close/minimize/maximize buttons"},{name:"trafficLightsPosition",type:"select",options:["left","right"],description:"Position of traffic light buttons"},{name:"defaultWidth",type:"text",description:"Initial width (px or CSS value)"},{name:"defaultHeight",type:"text",description:"Initial height (px or CSS value)"},{name:"minWidth",type:"text",description:"Minimum width in pixels"},{name:"minHeight",type:"text",description:"Minimum height in pixels"}],includeProps:["title","draggable","resizable","showTrafficLights","trafficLightsPosition","defaultWidth","defaultHeight","minWidth","minHeight"],excludeProps:["className","titleBarClassName","actions","onClose","onMinimize","onMaximize"],children:a=>e.jsx(d,{...a})}),e.jsx(i.AutoPropsTable,{componentName:"MacOSWindow"}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.CodeBlock,{language:"tsx",code:`import { MacOSWindow } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("../index-DEZRGktf.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");function d(t){return e.jsx("div",{className:"relative rounded-xl bg-gray-100 dark:bg-gray-800/50 p-8",style:{minHeight:220},children:e.jsx(i.MacOSWindow,{...t,defaultWidth:t.defaultWidth??380,children:e.jsx("div",{className:"p-4 text-sm text-gray-700 dark:text-gray-300",children:"Interactive window — adjust props above."})})})}const l=()=>{const[t,s]=r.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(i.HeroCard,{title:"Window",description:"A macOS-style window container with vibrancy title bar, traffic-light buttons, drag & resize support, maximize/minimize states, and optional action slots.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:e.jsx(n.AppWindow,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Interactive — Drag, Resize, Maximize",className:"mt-2 mb-2",children:e.jsx("div",{className:"relative w-full overflow-hidden",style:{height:400},children:e.jsx(i.MacOSWindow,{title:"Drag & Resize Me",defaultWidth:420,defaultHeight:220,children:e.jsxs("div",{className:"p-6 text-sm text-gray-700 dark:text-gray-300",children:[e.jsx("p",{className:"mb-2 font-medium",children:"Try these interactions:"}),e.jsxs("ul",{className:"list-disc pl-5 space-y-1 text-[12px]",children:[e.jsx("li",{children:"Drag the title bar to move the window"}),e.jsx("li",{children:"Drag any edge or corner to resize"}),e.jsx("li",{children:"Double-click the title bar to maximize"}),e.jsx("li",{children:"Click the green traffic light to maximize/restore"}),e.jsx("li",{children:"Click the yellow traffic light to restore default size"})]})]})})})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Traffic Lights — Left (default)",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.MacOSWindow,{title:"My Application",draggable:!1,resizable:!1,onClose:()=>alert("close"),children:e.jsx("div",{className:"p-6 text-sm text-gray-700 dark:text-gray-300",children:"Window content goes here. The title bar uses vibrancy material and the traffic lights appear on hover."})})})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Traffic Lights — Right",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.MacOSWindow,{title:"Settings",trafficLightsPosition:"right",draggable:!1,resizable:!1,children:e.jsx("div",{className:"p-6 text-sm text-gray-700 dark:text-gray-300",children:"Traffic lights positioned on the right side of the title bar."})})})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Without Traffic Lights + Custom Actions",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.MacOSWindow,{title:"Document",showTrafficLights:!1,draggable:!1,resizable:!1,actions:e.jsx(i.Button,{size:"mini",shape:"rounded",color:"info",children:"Save"}),children:e.jsx("div",{className:"p-6 text-sm text-gray-700 dark:text-gray-300",children:"Traffic lights hidden. A custom action button appears in the trailing slot."})})})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Toggle Visibility",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-4",children:[e.jsx(i.Button,{onClick:()=>s(a=>!a),children:t?"Hide Window":"Show Window"}),t&&e.jsx(i.MacOSWindow,{title:"Toggled Window",draggable:!1,resizable:!1,onClose:()=>s(!1),children:e.jsx("div",{className:"p-6 text-sm text-gray-700 dark:text-gray-300",children:"Click the red traffic light or the button above to close."})})]})})}),e.jsx(i.PropPlayground,{componentName:"MacOSWindow",defaultValues:{title:"My Window",draggable:!0,resizable:!0,showTrafficLights:!0,trafficLightsPosition:"left",defaultWidth:380,defaultHeight:200,minWidth:200,minHeight:120},controlOverrides:[{name:"title",type:"text",description:"Window title displayed in the title bar"},{name:"draggable",type:"boolean",description:"Allow drag-moving by the title bar"},{name:"resizable",type:"boolean",description:"Allow resizing from edges/corners"},{name:"showTrafficLights",type:"boolean",description:"Show close/minimize/maximize buttons"},{name:"trafficLightsPosition",type:"select",options:["left","right"],description:"Position of traffic light buttons"},{name:"defaultWidth",type:"text",description:"Initial width (px or CSS value)"},{name:"defaultHeight",type:"text",description:"Initial height (px or CSS value)"},{name:"minWidth",type:"text",description:"Minimum width in pixels"},{name:"minHeight",type:"text",description:"Minimum height in pixels"}],includeProps:["title","draggable","resizable","showTrafficLights","trafficLightsPosition","defaultWidth","defaultHeight","minWidth","minHeight"],excludeProps:["className","titleBarClassName","actions","onClose","onMinimize","onMaximize"],children:a=>e.jsx(d,{...a})}),e.jsx(i.AutoPropsTable,{componentName:"MacOSWindow"}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.CodeBlock,{language:"tsx",code:`import { MacOSWindow } from '@e-burgos/tucu-ui';
 
 // Interactive window — drag, resize, maximize
 <MacOSWindow

package/documentation/{MenuItemsGuideSection-C3s0ZKp_.js → MenuItemsGuideSection-BhXdOp3B.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-C0NugKZs.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>{const s=[{key:"property",label:"Property"},{key:"type",label:"Type"},{key:"required",label:"Required"},{key:"description",label:"Description"}],r=[{property:"name",type:"string",required:"Yes",description:"Display name of the menu item"},{property:"path",type:"string",required:"Yes",description:e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:"Internal route path"})," for React Router navigation (e.g., ",e.jsx("code",{children:"/dashboard"}),"). Used for routing and active state detection."]})},{property:"href",type:"string?",required:"No",description:e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:"External URL"})," for redirection (e.g.,"," ",e.jsx("code",{children:"https://example.com"}),"). If provided, clicking will redirect to this URL instead of using React Router. Falls back to"," ",e.jsx("code",{children:"path"})," if not provided."]})},{property:"component",type:"JSX.Element?",required:"No",description:e.jsxs(e.Fragment,{children:["React component to render when this route is active. Required for automatic routing. Not needed if using ",e.jsx("code",{children:"customRoutes"}),"."]})},{property:"icon",type:"React.ReactNode?",required:"No",description:"Icon element to display next to the menu item name (typically a Lucide icon)"},{property:"dropdownItems",type:"DropdownItemProps[]?",required:"No",description:"Array of sub-menu items for nested navigation. Creates a dropdown menu when provided."},{property:"isActive",type:"boolean?",required:"No",description:"Manually set active state. Usually handled automatically by matching the current pathname."},{property:"hide",type:"boolean?",required:"No",description:"Hide this menu item from navigation (useful for conditional rendering)"},{property:"onClick",type:"() => void?",required:"No",description:"Callback function executed when the menu item is clicked"},{property:"isPublic",type:"boolean?",required:"No",description:e.jsx(e.Fragment,{children:"Marks the route as publicly accessible (no authentication required). Only used in standalone routing mode."})},{property:"enableNestedRoutes",type:"boolean?",required:"No",description:e.jsxs(e.Fragment,{children:["When ",e.jsx("code",{children:"true"}),", appends ",e.jsx("code",{children:"/*"})," to the route path so the page can handle internal sub-routes. Only used in standalone routing mode."]})}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"MenuItems Guide",description:"Complete guide to configuring menu items for navigation and routing in your application.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Menu,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"MenuItems Guide"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Complete guide to configuring menu items for navigation and routing"})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"MenuItem Properties",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Each menu item is an object with the following properties:"}),e.jsx(t.BasicTable,{columns:s.map(i=>({...i,render:(n,d)=>i.key==="property"?e.jsx("code",{className:"text-xs text-brand",children:String(n??"")}):i.key==="type"?e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(n??"")}):i.key==="required"?e.jsx(t.Badge,{variant:"outline",className:`text-xs ${n==="Yes"?"":"bg-gray-200"}`,children:String(n??"")}):i.key==="description"?e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:n}):String(n??"")})),data:r,containerClassName:"mb-4"}),e.jsx(t.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(o.Info,{className:"h-4 w-4"}),"Important: path vs href"]}),e.jsxs("div",{className:"text-sm mt-1",children:[e.jsx("strong",{children:"path"})," is used for internal React Router navigation and active state detection. ",e.jsx("strong",{children:"href"})," ","is for external URLs (starts with ",e.jsx("code",{children:"http://"})," or"," ",e.jsx("code",{children:"https://"}),"). If both are provided,"," ",e.jsx("code",{children:"href"})," takes precedence for navigation, but"," ",e.jsx("code",{children:"path"})," is still used for active state matching."]})]})})]})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"MenuItems Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"1. Simple Menu Item"}),e.jsx(t.CodeBlock,{language:"tsx",code:`const menuItems = [
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DEZRGktf.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>{const s=[{key:"property",label:"Property"},{key:"type",label:"Type"},{key:"required",label:"Required"},{key:"description",label:"Description"}],r=[{property:"name",type:"string",required:"Yes",description:"Display name of the menu item"},{property:"path",type:"string",required:"Yes",description:e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:"Internal route path"})," for React Router navigation (e.g., ",e.jsx("code",{children:"/dashboard"}),"). Used for routing and active state detection."]})},{property:"href",type:"string?",required:"No",description:e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:"External URL"})," for redirection (e.g.,"," ",e.jsx("code",{children:"https://example.com"}),"). If provided, clicking will redirect to this URL instead of using React Router. Falls back to"," ",e.jsx("code",{children:"path"})," if not provided."]})},{property:"component",type:"JSX.Element?",required:"No",description:e.jsxs(e.Fragment,{children:["React component to render when this route is active. Required for automatic routing. Not needed if using ",e.jsx("code",{children:"customRoutes"}),"."]})},{property:"icon",type:"React.ReactNode?",required:"No",description:"Icon element to display next to the menu item name (typically a Lucide icon)"},{property:"dropdownItems",type:"DropdownItemProps[]?",required:"No",description:"Array of sub-menu items for nested navigation. Creates a dropdown menu when provided."},{property:"isActive",type:"boolean?",required:"No",description:"Manually set active state. Usually handled automatically by matching the current pathname."},{property:"hide",type:"boolean?",required:"No",description:"Hide this menu item from navigation (useful for conditional rendering)"},{property:"onClick",type:"() => void?",required:"No",description:"Callback function executed when the menu item is clicked"},{property:"isPublic",type:"boolean?",required:"No",description:e.jsx(e.Fragment,{children:"Marks the route as publicly accessible (no authentication required). Only used in standalone routing mode."})},{property:"enableNestedRoutes",type:"boolean?",required:"No",description:e.jsxs(e.Fragment,{children:["When ",e.jsx("code",{children:"true"}),", appends ",e.jsx("code",{children:"/*"})," to the route path so the page can handle internal sub-routes. Only used in standalone routing mode."]})}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"MenuItems Guide",description:"Complete guide to configuring menu items for navigation and routing in your application.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Menu,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"MenuItems Guide"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Complete guide to configuring menu items for navigation and routing"})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"MenuItem Properties",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Each menu item is an object with the following properties:"}),e.jsx(t.BasicTable,{columns:s.map(i=>({...i,render:(n,d)=>i.key==="property"?e.jsx("code",{className:"text-xs text-brand",children:String(n??"")}):i.key==="type"?e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(n??"")}):i.key==="required"?e.jsx(t.Badge,{variant:"outline",className:`text-xs ${n==="Yes"?"":"bg-gray-200"}`,children:String(n??"")}):i.key==="description"?e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:n}):String(n??"")})),data:r,containerClassName:"mb-4"}),e.jsx(t.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(o.Info,{className:"h-4 w-4"}),"Important: path vs href"]}),e.jsxs("div",{className:"text-sm mt-1",children:[e.jsx("strong",{children:"path"})," is used for internal React Router navigation and active state detection. ",e.jsx("strong",{children:"href"})," ","is for external URLs (starts with ",e.jsx("code",{children:"http://"})," or"," ",e.jsx("code",{children:"https://"}),"). If both are provided,"," ",e.jsx("code",{children:"href"})," takes precedence for navigation, but"," ",e.jsx("code",{children:"path"})," is still used for active state matching."]})]})})]})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"MenuItems Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"1. Simple Menu Item"}),e.jsx(t.CodeBlock,{language:"tsx",code:`const menuItems = [
   {
     name: 'Dashboard',
     path: '/dashboard',

package/documentation/{MenuItemsGuideSection-D9Rppez7.js → MenuItemsGuideSection-D4Vixtfu.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as l, T as n, C as s, a as d, y as p, K as h, aj as u, c as r } from "../index-4GONhZIF.js";
+import { H as l, T as n, C as s, a as d, y as p, K as h, aj as u, c as r } from "../index-sdOMz8GW.js";
 import { Menu as g, Info as y } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ModalSection-BhxfjESN.js → ModalSection-CRbhTn6C.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),t=require("../index-C0NugKZs.js"),c=require("lucide-react");require("react-router-dom");require("react-dom");const m=()=>{const[a,n]=s.useState(!1),[l,o]=s.useState(!1),[i,r]=s.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Modal",description:`A modal dialog component for displaying content in an overlay with
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),t=require("../index-DEZRGktf.js"),c=require("lucide-react");require("react-router-dom");require("react-dom");const m=()=>{const[a,n]=s.useState(!1),[l,o]=s.useState(!1),[i,r]=s.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Modal",description:`A modal dialog component for displaying content in an overlay with
           customizable buttons and close functionality.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-amber-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(c.Maximize2,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.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:"Basic Modal"}),e.jsx(t.Button,{onClick:()=>n(!0),children:"Open Modal"}),e.jsx(t.Modal,{isOpen:a,setIsOpen:n,text:{title:"Modal Title",content:"This is the modal content.",button:"Confirm"}})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Modal with Custom Content"}),e.jsx(t.Button,{onClick:()=>o(!0),children:"Open Custom Modal"}),e.jsx(t.Modal,{isOpen:l,setIsOpen:o,text:{title:"Custom Modal"},children:e.jsx(t.Typography,{tag:"p",children:"Custom content goes here"})})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"Modal",defaultValues:{isOpen:i,setIsOpen:r,closeable:!0,hideButtons:!1},excludeProps:["setIsOpen","onBack","onClose","onSubmit"],children:d=>e.jsx(t.Modal,{...d,text:{title:"Modal Preview",content:"This is a preview of the modal component."},children:e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Modal body content"})})}),e.jsx(t.AutoPropsTable,{componentName:"Modal"}),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 { Modal, Button } from '@e-burgos/tucu-ui';
 import { useState } from 'react';
 

package/documentation/{ModalSection-7_9nd9h1.js → ModalSection-CzTpRzIr.js}

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as f, jsx as e } from "react/jsx-runtime";
 import { useState as o } from "react";
-import { H as O, C as s, a as d, T as n, x as r, a3 as a, P as M, A as C, c as x } from "../index-4GONhZIF.js";
+import { H as O, C as s, a as d, T as n, x as r, a3 as a, P as M, A as C, c as x } from "../index-sdOMz8GW.js";
 import { Maximize2 as b } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{NFTGridSection-CiMimQqR.js → NFTGridSection-BtMYhuIT.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-C0NugKZs.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"NFTGrid",description:"Grid card component for displaying NFT items with author information, image, collection, and price.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-cyan-500 via-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50",children:e.jsx(i.Grid3x3,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Grid 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 sm:grid-cols-2 lg:grid-cols-3 gap-5",children:[e.jsx(t.NFTGrid,{author:"CryptoPunk",authorImage:"https://i.pravatar.cc/80?img=1",image:"https://picsum.photos/seed/nft1/400/300",name:"CryptoPunk #1234",collection:"Crypto Punks",price:"45 ETH"}),e.jsx(t.NFTGrid,{author:"BoredApe",authorImage:"https://i.pravatar.cc/80?img=12",image:"https://picsum.photos/seed/nft2/400/300",name:"Bored Ape #8821",collection:"BAYC",price:"72 ETH"}),e.jsx(t.NFTGrid,{author:"Azuki",authorImage:"https://i.pravatar.cc/80?img=25",image:"https://picsum.photos/seed/nft3/400/300",name:"Azuki #5501",collection:"Azuki",price:"18.5 ETH"}),e.jsx(t.NFTGrid,{author:"Doodles",authorImage:"https://i.pravatar.cc/80?img=33",image:"https://picsum.photos/seed/nft4/400/300",name:"Doodle #3120",collection:"Doodles",price:"8.2 ETH"}),e.jsx(t.NFTGrid,{author:"CloneX",authorImage:"https://i.pravatar.cc/80?img=44",image:"https://picsum.photos/seed/nft5/400/300",name:"CloneX #12882",collection:"CloneX",price:"5.8 ETH"}),e.jsx(t.NFTGrid,{author:"Moonbird",authorImage:"https://i.pravatar.cc/80?img=56",image:"https://picsum.photos/seed/nft6/400/300",name:"Moonbird #7744",collection:"Moonbirds",price:"12 ETH",profilePath:"/profile/moonbird"})]})})})}),e.jsx(t.PropPlayground,{componentName:"NFTGrid",defaultValues:{author:"CryptoPunk",authorImage:"https://i.pravatar.cc/80?img=1",image:"https://picsum.photos/seed/nft1/400/300",name:"CryptoPunk #1234",collection:"Crypto Punks",price:"45 ETH",profilePath:""},controlOverrides:[{name:"author",type:"text",description:"NFT author name"},{name:"name",type:"text",description:"NFT item name"},{name:"collection",type:"text",description:"Collection name"},{name:"price",type:"text",description:"Price display text"}],includeProps:["author","name","collection","price","profilePath"],children:r=>e.jsx("div",{className:"w-full max-w-xs",children:e.jsx(t.NFTGrid,{...r,authorImage:"https://i.pravatar.cc/80?img=1",image:"https://picsum.photos/seed/nft1/400/300"})})}),e.jsx(t.AutoPropsTable,{componentName:"NFTGrid"}),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 { NFTGrid } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DEZRGktf.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"NFTGrid",description:"Grid card component for displaying NFT items with author information, image, collection, and price.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-cyan-500 via-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50",children:e.jsx(i.Grid3x3,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Grid 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 sm:grid-cols-2 lg:grid-cols-3 gap-5",children:[e.jsx(t.NFTGrid,{author:"CryptoPunk",authorImage:"https://i.pravatar.cc/80?img=1",image:"https://picsum.photos/seed/nft1/400/300",name:"CryptoPunk #1234",collection:"Crypto Punks",price:"45 ETH"}),e.jsx(t.NFTGrid,{author:"BoredApe",authorImage:"https://i.pravatar.cc/80?img=12",image:"https://picsum.photos/seed/nft2/400/300",name:"Bored Ape #8821",collection:"BAYC",price:"72 ETH"}),e.jsx(t.NFTGrid,{author:"Azuki",authorImage:"https://i.pravatar.cc/80?img=25",image:"https://picsum.photos/seed/nft3/400/300",name:"Azuki #5501",collection:"Azuki",price:"18.5 ETH"}),e.jsx(t.NFTGrid,{author:"Doodles",authorImage:"https://i.pravatar.cc/80?img=33",image:"https://picsum.photos/seed/nft4/400/300",name:"Doodle #3120",collection:"Doodles",price:"8.2 ETH"}),e.jsx(t.NFTGrid,{author:"CloneX",authorImage:"https://i.pravatar.cc/80?img=44",image:"https://picsum.photos/seed/nft5/400/300",name:"CloneX #12882",collection:"CloneX",price:"5.8 ETH"}),e.jsx(t.NFTGrid,{author:"Moonbird",authorImage:"https://i.pravatar.cc/80?img=56",image:"https://picsum.photos/seed/nft6/400/300",name:"Moonbird #7744",collection:"Moonbirds",price:"12 ETH",profilePath:"/profile/moonbird"})]})})})}),e.jsx(t.PropPlayground,{componentName:"NFTGrid",defaultValues:{author:"CryptoPunk",authorImage:"https://i.pravatar.cc/80?img=1",image:"https://picsum.photos/seed/nft1/400/300",name:"CryptoPunk #1234",collection:"Crypto Punks",price:"45 ETH",profilePath:""},controlOverrides:[{name:"author",type:"text",description:"NFT author name"},{name:"name",type:"text",description:"NFT item name"},{name:"collection",type:"text",description:"Collection name"},{name:"price",type:"text",description:"Price display text"}],includeProps:["author","name","collection","price","profilePath"],children:r=>e.jsx("div",{className:"w-full max-w-xs",children:e.jsx(t.NFTGrid,{...r,authorImage:"https://i.pravatar.cc/80?img=1",image:"https://picsum.photos/seed/nft1/400/300"})})}),e.jsx(t.AutoPropsTable,{componentName:"NFTGrid"}),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 { NFTGrid } from '@e-burgos/tucu-ui';
 
 // Single card
 <NFTGrid

package/documentation/{NFTGridSection-DyDP-kAx.js → NFTGridSection-NaG2pm8X.js}

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { H as c, C as i, a as r, N as t, P as p, A as n, c as m } from "../index-4GONhZIF.js";
+import { H as c, C as i, a as r, N as t, P as p, A as n, c as m } from "../index-sdOMz8GW.js";
 import { Grid3x3 as l } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{NestedRoutesSection-BfiOJSNr.js → NestedRoutesSection-B7FQ1voS.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as o, T as a, C as s, a as i, c as r, aj as d } from "../index-4GONhZIF.js";
+import { H as o, T as a, C as s, a as i, c as r, aj as d } from "../index-sdOMz8GW.js";
 import { Layers3 as c, Component as l, MousePointerClick as m, FileText as h, Wrench as p, Zap as u, Info as g } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{NestedRoutesSection-B3NOQ7H9.js → NestedRoutesSection-DG4nDJ4M.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Nested Routes",description:"Create hierarchical navigation with unlimited nesting levels. Each menu item supports dropdownItems that automatically render as sidebar dropdown menus.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Layers3,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Nested Routes Example"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Parent routes with dropdownItems generate hierarchical navigation"})]}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Configuration",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { ThemeProvider, StandaloneAppRoutesMenuItem } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Nested Routes",description:"Create hierarchical navigation with unlimited nesting levels. Each menu item supports dropdownItems that automatically render as sidebar dropdown menus.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Layers3,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Nested Routes Example"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Parent routes with dropdownItems generate hierarchical navigation"})]}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Configuration",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { ThemeProvider, StandaloneAppRoutesMenuItem } from '@e-burgos/tucu-ui';
 
 const menuItems: StandaloneAppRoutesMenuItem[] = [
   {

package/documentation/{NotificationCardSection-CyqVwqlr.js → NotificationCardSection-CjAaXpIP.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as l, jsx as a } from "react/jsx-runtime";
-import { H as m, C as o, a as n, T as i, ak as e, P as c, A as d, c as p } from "../index-4GONhZIF.js";
+import { H as m, C as o, a as n, T as i, ak as e, P as c, A as d, c as p } from "../index-sdOMz8GW.js";
 import { Bell as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{NotificationCardSection-C0ij0FZI.js → NotificationCardSection-DAHSqThI.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-C0NugKZs.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=require("../1-CArqgiQa.js"),r=()=>a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"NotificationCard",description:`A notification card component for displaying user activity
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-DEZRGktf.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=require("../1-CArqgiQa.js"),r=()=>a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"NotificationCard",description:`A notification card component for displaying user activity
           notifications with avatar, action type, and timestamp.`,icon:a.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-orange-500 to-red-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(o.Bell,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Followed Notification"}),a.jsx(e.NotificationCard,{type:"followed",actor:{name:"john_doe",avatar:t.avatar1Img},time:"2 hours ago",url:"/profile/john_doe",notifier:"you"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Liked Notification"}),a.jsx(e.NotificationCard,{type:"liked",actor:{name:"jane_smith",avatar:t.avatar1Img},time:"5 minutes ago",url:"/post/123",notifier:"your post"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Purchased Notification"}),a.jsx(e.NotificationCard,{type:"purchased",actor:{name:"alice_wonder",avatar:t.avatar1Img},time:"1 day ago",url:"/item/456",notifier:"your item"})]})]})})})}),a.jsx(e.PropPlayground,{componentName:"NotificationCard",defaultValues:{notifier:"CryptoKing",type:"liked",time:"2 hours ago",url:"#"},excludeProps:["actor"],children:i=>a.jsx(e.NotificationCard,{...i,actor:{name:"John Doe",avatar:"https://randomuser.me/api/portraits/men/1.jpg"}})}),a.jsx(e.AutoPropsTable,{componentName:"NotificationCard"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { NotificationCard } from '@e-burgos/tucu-ui';
 
 // Followed notification

package/documentation/OverviewSection-C9IKm16J.js

@@ -0,0 +1,149 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { H as i, C as s, a as l, T as a, K as r, ax as o, c as n } from "../index-sdOMz8GW.js";
+import { BrainCircuit as c, Wrench as d, BookOpen as m, MessageSquare as h, Radio as u, ShieldCheck as p, CheckCheck as g, Code as x, Wand2 as f } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const k = () => /* @__PURE__ */ t("div", { className: "flex flex-col gap-8", children: [
+  /* @__PURE__ */ e(
+    i,
+    {
+      title: "Overview",
+      description: "The tucu-ui MCP Server implements the Model Context Protocol to give AI agents full access to the component library — catalog, code generation, design tokens, and best practices.",
+      icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-violet-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(c, { className: "w-8 h-8 sm:w-10 sm:h-10 text-white" }) })
+    }
+  ),
+  /* @__PURE__ */ e(s, { children: /* @__PURE__ */ t(l, { title: "What is MCP?", children: [
+    /* @__PURE__ */ t(a, { className: "text-sm text-foreground/70 mb-4", children: [
+      "The ",
+      /* @__PURE__ */ e("strong", { children: "Model Context Protocol (MCP)" }),
+      " is an open standard that lets AI assistants connect to external tools and data sources. Instead of relying on training data alone, agents can query live APIs for accurate, up-to-date information about your component library."
+    ] }),
+    /* @__PURE__ */ t(a, { className: "text-sm text-foreground/70", children: [
+      "With",
+      " ",
+      /* @__PURE__ */ e("code", { className: "px-1.5 py-0.5 bg-muted rounded text-xs font-mono", children: "@e-burgos/tucu-ui-mcp" }),
+      ", your AI assistant knows every component, prop, variant, token, and pattern — producing correct, type-safe code on the first try without hallucinated prop names or invalid variants."
+    ] })
+  ] }) }),
+  /* @__PURE__ */ t("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: [
+    /* @__PURE__ */ e(s, { className: "text-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-blue-500/10 rounded-xl flex items-center justify-center", children: /* @__PURE__ */ e(d, { className: "w-6 h-6 text-blue-500" }) }),
+      /* @__PURE__ */ e(r, { variant: "soft", className: "bg-blue-500/10 text-blue-500", children: "7 Tools" }),
+      /* @__PURE__ */ e(a, { className: "text-sm font-semibold", children: "Tools" }),
+      /* @__PURE__ */ e(a, { className: "text-xs text-foreground/60", children: "Generate components, forms, pages, charts. Search icons. List & inspect the full catalog." })
+    ] }) }),
+    /* @__PURE__ */ e(s, { className: "text-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-emerald-500/10 rounded-xl flex items-center justify-center", children: /* @__PURE__ */ e(m, { className: "w-6 h-6 text-emerald-500" }) }),
+      /* @__PURE__ */ e(
+        r,
+        {
+          variant: "soft",
+          className: "bg-emerald-500/10 text-emerald-500",
+          children: "12 Resources"
+        }
+      ),
+      /* @__PURE__ */ e(a, { className: "text-sm font-semibold", children: "Resources" }),
+      /* @__PURE__ */ e(a, { className: "text-xs text-foreground/60", children: "Static knowledge: catalog, tokens, forms, routing, layouts, charts, icons, and more." })
+    ] }) }),
+    /* @__PURE__ */ e(s, { className: "text-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-amber-500/10 rounded-xl flex items-center justify-center", children: /* @__PURE__ */ e(h, { className: "w-6 h-6 text-amber-500" }) }),
+      /* @__PURE__ */ e(r, { variant: "soft", className: "bg-amber-500/10 text-amber-500", children: "8 Prompts" }),
+      /* @__PURE__ */ e(a, { className: "text-sm font-semibold", children: "Prompts" }),
+      /* @__PURE__ */ e(a, { className: "text-xs text-foreground/60", children: "Pre-built workflows: create components, debug variants, migrate, audit accessibility." })
+    ] }) }),
+    /* @__PURE__ */ e(s, { className: "text-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-purple-500/10 rounded-xl flex items-center justify-center", children: /* @__PURE__ */ e(u, { className: "w-6 h-6 text-purple-500" }) }),
+      /* @__PURE__ */ e(r, { variant: "soft", className: "bg-purple-500/10 text-purple-500", children: "2 Transports" }),
+      /* @__PURE__ */ e(a, { className: "text-sm font-semibold", children: "Transports" }),
+      /* @__PURE__ */ e(a, { className: "text-xs text-foreground/60", children: "stdio for local IDEs, HTTP+SSE for remote/cloud agents. Both fully supported." })
+    ] }) })
+  ] }),
+  /* @__PURE__ */ t("section", { className: "space-y-6", children: [
+    /* @__PURE__ */ t("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(a, { tag: "h2", className: "mb-2", children: "Why use it?" }),
+      /* @__PURE__ */ e(
+        a,
+        {
+          tag: "p",
+          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
+          children: "Eliminate guesswork — your AI assistant generates correct code on the first try"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ e(
+        o,
+        {
+          layout: "horizontal",
+          icon: /* @__PURE__ */ e(p, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
+          title: "No hallucinated props",
+          description: "Agents query live metadata, not stale training data",
+          iconBgClassName: "from-emerald-500 to-green-500"
+        }
+      ),
+      /* @__PURE__ */ e(
+        o,
+        {
+          layout: "horizontal",
+          icon: /* @__PURE__ */ e(g, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
+          title: "Correct variants",
+          description: 'Only valid values like "solid", "ghost", "transparent"',
+          iconBgClassName: "from-blue-500 to-cyan-500"
+        }
+      ),
+      /* @__PURE__ */ e(
+        o,
+        {
+          layout: "horizontal",
+          icon: /* @__PURE__ */ e(x, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
+          title: "Type-safe output",
+          description: "Generated code passes TypeScript strict mode",
+          iconBgClassName: "from-violet-500 to-purple-500"
+        }
+      ),
+      /* @__PURE__ */ e(
+        o,
+        {
+          layout: "horizontal",
+          icon: /* @__PURE__ */ e(f, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
+          title: "Full code generation",
+          description: "Forms with Zod, pages with layouts, themed charts",
+          iconBgClassName: "from-amber-500 to-orange-500"
+        }
+      )
+    ] })
+  ] }),
+  /* @__PURE__ */ e(s, { children: /* @__PURE__ */ t(l, { title: "Quick Example", children: [
+    /* @__PURE__ */ e(a, { className: "text-sm text-foreground/70 mb-3", children: "Ask your AI assistant to generate a form — the MCP server handles the rest:" }),
+    /* @__PURE__ */ e(
+      n,
+      {
+        code: `// Agent calls: generate_form tool
+// Input: { pattern: "login", withValidation: true }
+// Output: complete TSX with Zod schema + react-hook-form
+
+import { z } from 'zod';
+import { Form, InputText, Button } from '@e-burgos/tucu-ui';
+
+const loginSchema = z.object({
+  email: z.string().email('Invalid email'),
+  password: z.string().min(8, 'Min 8 characters'),
+});
+
+export function LoginForm() {
+  return (
+    <Form schema={loginSchema} onSubmit={(data) => console.log(data)}>
+      <InputText name="email" label="Email" placeholder="you@example.com" />
+      <InputText name="password" label="Password" type="password" />
+      <Button type="submit" variant="solid">Sign In</Button>
+    </Form>
+  );
+}`
+      }
+    )
+  ] }) })
+] });
+export {
+  k as default
+};

package/documentation/OverviewSection-DS0HJ3gv.js

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DEZRGktf.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(t.HeroCard,{title:"Overview",description:"The tucu-ui MCP Server implements the Model Context Protocol to give AI agents full access to the component library — catalog, code generation, design tokens, and best practices.",icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-violet-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.BrainCircuit,{className:"w-8 h-8 sm:w-10 sm:h-10 text-white"})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"What is MCP?",children:[e.jsxs(t.Typography,{className:"text-sm text-foreground/70 mb-4",children:["The ",e.jsx("strong",{children:"Model Context Protocol (MCP)"})," is an open standard that lets AI assistants connect to external tools and data sources. Instead of relying on training data alone, agents can query live APIs for accurate, up-to-date information about your component library."]}),e.jsxs(t.Typography,{className:"text-sm text-foreground/70",children:["With"," ",e.jsx("code",{className:"px-1.5 py-0.5 bg-muted rounded text-xs font-mono",children:"@e-burgos/tucu-ui-mcp"}),", your AI assistant knows every component, prop, variant, token, and pattern — producing correct, type-safe code on the first try without hallucinated prop names or invalid variants."]})]})}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:[e.jsx(t.CardContainer,{className:"text-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-3",children:[e.jsx("div",{className:"w-12 h-12 bg-blue-500/10 rounded-xl flex items-center justify-center",children:e.jsx(s.Wrench,{className:"w-6 h-6 text-blue-500"})}),e.jsx(t.Badge,{variant:"soft",className:"bg-blue-500/10 text-blue-500",children:"7 Tools"}),e.jsx(t.Typography,{className:"text-sm font-semibold",children:"Tools"}),e.jsx(t.Typography,{className:"text-xs text-foreground/60",children:"Generate components, forms, pages, charts. Search icons. List & inspect the full catalog."})]})}),e.jsx(t.CardContainer,{className:"text-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-3",children:[e.jsx("div",{className:"w-12 h-12 bg-emerald-500/10 rounded-xl flex items-center justify-center",children:e.jsx(s.BookOpen,{className:"w-6 h-6 text-emerald-500"})}),e.jsx(t.Badge,{variant:"soft",className:"bg-emerald-500/10 text-emerald-500",children:"12 Resources"}),e.jsx(t.Typography,{className:"text-sm font-semibold",children:"Resources"}),e.jsx(t.Typography,{className:"text-xs text-foreground/60",children:"Static knowledge: catalog, tokens, forms, routing, layouts, charts, icons, and more."})]})}),e.jsx(t.CardContainer,{className:"text-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-3",children:[e.jsx("div",{className:"w-12 h-12 bg-amber-500/10 rounded-xl flex items-center justify-center",children:e.jsx(s.MessageSquare,{className:"w-6 h-6 text-amber-500"})}),e.jsx(t.Badge,{variant:"soft",className:"bg-amber-500/10 text-amber-500",children:"8 Prompts"}),e.jsx(t.Typography,{className:"text-sm font-semibold",children:"Prompts"}),e.jsx(t.Typography,{className:"text-xs text-foreground/60",children:"Pre-built workflows: create components, debug variants, migrate, audit accessibility."})]})}),e.jsx(t.CardContainer,{className:"text-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-3",children:[e.jsx("div",{className:"w-12 h-12 bg-purple-500/10 rounded-xl flex items-center justify-center",children:e.jsx(s.Radio,{className:"w-6 h-6 text-purple-500"})}),e.jsx(t.Badge,{variant:"soft",className:"bg-purple-500/10 text-purple-500",children:"2 Transports"}),e.jsx(t.Typography,{className:"text-sm font-semibold",children:"Transports"}),e.jsx(t.Typography,{className:"text-xs text-foreground/60",children:"stdio for local IDEs, HTTP+SSE for remote/cloud agents. Both fully supported."})]})})]}),e.jsxs("section",{className:"space-y-6",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Why use it?"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Eliminate guesswork — your AI assistant generates correct code on the first try"})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[e.jsx(t.FeatureCard,{layout:"horizontal",icon:e.jsx(s.ShieldCheck,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"No hallucinated props",description:"Agents query live metadata, not stale training data",iconBgClassName:"from-emerald-500 to-green-500"}),e.jsx(t.FeatureCard,{layout:"horizontal",icon:e.jsx(s.CheckCheck,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Correct variants",description:'Only valid values like "solid", "ghost", "transparent"',iconBgClassName:"from-blue-500 to-cyan-500"}),e.jsx(t.FeatureCard,{layout:"horizontal",icon:e.jsx(s.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Type-safe output",description:"Generated code passes TypeScript strict mode",iconBgClassName:"from-violet-500 to-purple-500"}),e.jsx(t.FeatureCard,{layout:"horizontal",icon:e.jsx(s.Wand2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Full code generation",description:"Forms with Zod, pages with layouts, themed charts",iconBgClassName:"from-amber-500 to-orange-500"})]})]}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Quick Example",children:[e.jsx(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:"Ask your AI assistant to generate a form — the MCP server handles the rest:"}),e.jsx(t.CodeBlock,{code:`// Agent calls: generate_form tool
+// Input: { pattern: "login", withValidation: true }
+// Output: complete TSX with Zod schema + react-hook-form
+
+import { z } from 'zod';
+import { Form, InputText, Button } from '@e-burgos/tucu-ui';
+
+const loginSchema = z.object({
+  email: z.string().email('Invalid email'),
+  password: z.string().min(8, 'Min 8 characters'),
+});
+
+export function LoginForm() {
+  return (
+    <Form schema={loginSchema} onSubmit={(data) => console.log(data)}>
+      <InputText name="email" label="Email" placeholder="you@example.com" />
+      <InputText name="password" label="Password" type="password" />
+      <Button type="submit" variant="solid">Sign In</Button>
+    </Form>
+  );
+}`})]})})]});exports.default=a;

package/documentation/{PaginationSection-CyKsKgsQ.js → PaginationSection-BkFJ3qjK.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as h, jsx as e } from "react/jsx-runtime";
 import { useState as s } from "react";
-import { H as p, C as n, a as l, T as t, a1 as r, P as u, A as w, c as f } from "../index-4GONhZIF.js";
+import { H as p, C as n, a as l, T as t, a1 as r, P as u, A as w, c as f } from "../index-sdOMz8GW.js";
 import { ArrowLeftRight as N } from "lucide-react";
 import "react-router-dom";
 import "react-dom";
@@ -99,8 +99,14 @@ const z = () => {
           windowSize: 5
         },
         excludeProps: ["onPageChange", "className"],
-        children: (P) => /* @__PURE__ */ e(r, { ...P, onPageChange: () => {
-        } })
+        children: (P) => /* @__PURE__ */ e(
+          r,
+          {
+            ...P,
+            onPageChange: () => {
+            }
+          }
+        )
       }
     ),
     /* @__PURE__ */ e(w, { componentName: "Pagination" }),

package/documentation/{PaginationSection-DlMA8zm0.js → PaginationSection-Dw9Z3hs7.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../index-C0NugKZs.js"),c=require("lucide-react");require("react-router-dom");require("react-dom");const d=()=>{const[s,i]=t.useState(1),[n,o]=t.useState(5),[r,g]=t.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Pagination",description:`A pagination component with page number buttons, ellipsis for large
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../index-DEZRGktf.js"),c=require("lucide-react");require("react-router-dom");require("react-dom");const d=()=>{const[s,i]=t.useState(1),[n,o]=t.useState(5),[r,g]=t.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Pagination",description:`A pagination component with page number buttons, ellipsis for large
           ranges, and previous/next navigation.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-emerald-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(c.ArrowLeftRight,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.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(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Few Pages"}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Page ",s," of 5"]}),e.jsx(a.Pagination,{currentPage:s,totalPages:5,onPageChange:i})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Many Pages (with ellipsis)"}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Page ",n," of 20"]}),e.jsx(a.Pagination,{currentPage:n,totalPages:20,onPageChange:o})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Custom Window Size"}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Page ",r," of 50 (windowSize=3)"]}),e.jsx(a.Pagination,{currentPage:r,totalPages:50,onPageChange:g,windowSize:3})]})]})})}),e.jsx(a.PropPlayground,{componentName:"Pagination",title:"Pagination Playground",defaultValues:{currentPage:1,totalPages:10,windowSize:5},excludeProps:["onPageChange","className"],children:l=>e.jsx(a.Pagination,{...l,onPageChange:()=>{}})}),e.jsx(a.AutoPropsTable,{componentName:"Pagination"}),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 { Pagination } from '@e-burgos/tucu-ui';
 import { useState } from 'react';
 

package/documentation/{PanelActionCardSection-DsRYmx7a.js → PanelActionCardSection-BqlLDR77.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"PanelActionCard",description:`A panel card component with a scrollable content area and action
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"PanelActionCard",description:`A panel card component with a scrollable content area and action
           buttons at the bottom.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-purple-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(l.PanelLeft,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Panel with Actions"}),e.jsx(a.PanelActionCard,{title:"Panel Title",actions:[{label:"Cancel",variant:"ghost",onClick:()=>console.log("Cancel")},{label:"Save",variant:"solid",color:"primary",onClick:()=>console.log("Save")}],children:e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"p",children:"Content line 1"}),e.jsx(a.Typography,{tag:"p",children:"Content line 2"}),e.jsx(a.Typography,{tag:"p",children:"Content line 3"})]})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Without Actions"}),e.jsx(a.PanelActionCard,{title:"Panel Without Actions",children:e.jsx("div",{className:"space-y-2",children:e.jsx(a.Typography,{tag:"p",children:"This panel has no action buttons."})})})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"PanelActionCard",defaultValues:{title:"Panel Title"},excludeProps:["actions"],children:n=>e.jsx(a.PanelActionCard,{...n,actions:[{label:"Action",onClick:()=>{}}]})}),e.jsx(a.AutoPropsTable,{componentName:"PanelActionCard"}),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 { PanelActionCard, Typography } from '@e-burgos/tucu-ui';
 
 // With actions

package/documentation/{PanelActionCardSection-BEW1jxMc.js → PanelActionCardSection-DSiUnMDQ.js}

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

package/documentation/{PanelCardSection-GTYF-40N.js → PanelCardSection-BEZwIFvP.js}

@@ -1,5 +1,5 @@
 import { jsxs as l, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { H as o, C as t, a as n, T as a, Q as r, P as d, A as c, c as p } from "../index-4GONhZIF.js";
+import { H as o, C as t, a as n, T as a, Q as r, P as d, A as c, c as p } from "../index-sdOMz8GW.js";
 import { PanelTop as m } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{PanelCardSection-BA0dNZBU.js → PanelCardSection-Dy-OKP2j.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"PanelCard",description:`A simple panel card component with a title header and scrollable
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"PanelCard",description:`A simple panel card component with a title header and scrollable
           content area.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-fuchsia-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.PanelTop,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Panel Card"}),e.jsx(a.PanelCard,{title:"Panel Title",children:e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"p",children:"Content line 1"}),e.jsx(a.Typography,{tag:"p",children:"Content line 2"}),e.jsx(a.Typography,{tag:"p",children:"Content line 3"}),e.jsx(a.Typography,{tag:"p",children:"Content line 4"}),e.jsx(a.Typography,{tag:"p",children:"Content line 5"})]})})]})})})})}),e.jsx(a.PropPlayground,{componentName:"PanelCard",defaultValues:{title:"Panel Card"},children:l=>e.jsx(a.PanelCard,{...l,children:e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Panel content goes here"})})}),e.jsx(a.AutoPropsTable,{componentName:"PanelCard"}),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 { PanelCard, Typography } from '@e-burgos/tucu-ui';
 
 // Basic usage

package/documentation/{ParamTabSection-DhMnwgtB.js → ParamTabSection-CqTaSIFt.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as p, jsx as e } from "react/jsx-runtime";
-import { H as b, C as i, a as n, T as a, at as l, ar as s, y as g, P as u, A as y, c as x } from "../index-4GONhZIF.js";
+import { H as b, C as i, a as n, T as a, at as l, ar as s, y as g, P as u, A as y, c as x } from "../index-sdOMz8GW.js";
 import { Hash as f, Home as d, BarChart as m, FileText as h, Settings as c, User as v, Bell as N } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ParamTabSection-BeS0YAiS.js → ParamTabSection-mnUOfCfZ.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const i=[{title:"Overview",path:"overview"},{title:"Details",path:"details"},{title:"Settings",path:"settings"}],r=[{title:"Dashboard",path:"dashboard",icon:e.jsx(t.Home,{size:16})},{title:"Analytics",path:"analytics",icon:e.jsx(t.BarChart,{size:16})},{title:"Reports",path:"reports",icon:e.jsx(t.FileText,{size:16})},{title:"Settings",path:"settings",icon:e.jsx(t.Settings,{size:16})}],n=[{title:"Profile",path:"profile",icon:e.jsx(t.User,{size:16})},{title:"Notifications",path:"notifications",icon:e.jsx(t.Bell,{size:16})},{title:"Settings",path:"settings",icon:e.jsx(t.Settings,{size:16})}],l=[{prop:"title",type:"React.ReactNode",default:"required",description:"Tab label (can be text, JSX, or components)"},{prop:"path",type:"string",default:"required",description:'Unique path for URL parameter (e.g., "overview")'},{prop:"icon",type:"React.ReactNode",default:"-",description:"Optional icon to display before tab label"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"ParamTab",description:`A powerful tab component that automatically syncs with URL query
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const i=[{title:"Overview",path:"overview"},{title:"Details",path:"details"},{title:"Settings",path:"settings"}],r=[{title:"Dashboard",path:"dashboard",icon:e.jsx(t.Home,{size:16})},{title:"Analytics",path:"analytics",icon:e.jsx(t.BarChart,{size:16})},{title:"Reports",path:"reports",icon:e.jsx(t.FileText,{size:16})},{title:"Settings",path:"settings",icon:e.jsx(t.Settings,{size:16})}],n=[{title:"Profile",path:"profile",icon:e.jsx(t.User,{size:16})},{title:"Notifications",path:"notifications",icon:e.jsx(t.Bell,{size:16})},{title:"Settings",path:"settings",icon:e.jsx(t.Settings,{size:16})}],l=[{prop:"title",type:"React.ReactNode",default:"required",description:"Tab label (can be text, JSX, or components)"},{prop:"path",type:"string",default:"required",description:'Unique path for URL parameter (e.g., "overview")'},{prop:"icon",type:"React.ReactNode",default:"-",description:"Optional icon to display before tab label"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"ParamTab",description:`A powerful tab component that automatically syncs with URL query
           parameters and switches to a dropdown selector on mobile devices for
           optimal responsive behavior.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-purple-600 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Hash,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(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:"space-y-8",children:[e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Underline Variant (Default)"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Classic underline style with animated indicator. URL syncs with ?view=overview, ?view=details, etc."}),e.jsxs(a.ParamTab,{tabMenu:i,variant:"underline",children:[e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"Overview Dashboard"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Main dashboard content with key metrics and overview information. The URL parameter updates to ?view=overview when this tab is active."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"Detailed Information"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Comprehensive details and in-depth analysis. URL parameter: ?view=details"})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"Configuration Settings"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Manage your preferences and application settings. URL parameter: ?view=settings"})]})})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Pills Variant with Icons"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Modern rounded pills with icon support for enhanced visual clarity."}),e.jsxs(a.ParamTab,{tabMenu:r,variant:"pills",size:"medium",children:[e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.Home,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold",children:"Dashboard Home"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Welcome to your dashboard! Here you'll find a summary of your most important information."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.BarChart,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold",children:"Analytics Overview"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Track your performance with detailed analytics and insights."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.FileText,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold",children:"Reports Center"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Generate and view comprehensive reports for your data."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.Settings,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold",children:"Application Settings"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Customize your application preferences and configuration."})]})})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Bordered Variant"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Distinct bordered style with highlighted selection state."}),e.jsxs(a.ParamTab,{tabMenu:n,variant:"bordered",children:[e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"User Profile"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Manage your personal information and profile settings."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"Notifications"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Configure how and when you receive notifications."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"Account Settings"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Manage your account security and privacy settings."})]})})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid Variant (Small Size)"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Compact solid background style perfect for space-constrained layouts."}),e.jsxs(a.ParamTab,{tabMenu:i,variant:"solid",size:"small",children:[e.jsx(a.TabPanel,{children:e.jsx(a.CardContainer,{className:"p-6",children:e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Compact overview content with small tab size."})})}),e.jsx(a.TabPanel,{children:e.jsx(a.CardContainer,{className:"p-6",children:e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Detailed information in a compact format."})})}),e.jsx(a.TabPanel,{children:e.jsx(a.CardContainer,{className:"p-6",children:e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Settings panel with space-efficient design."})})})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Key Features",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.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"link",children:"🔗"})," ","URL Synchronization"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Automatically syncs tab state with URL query parameters (e.g., ?view=overview). This enables:"}),e.jsxs("ul",{className:"list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1 ml-4",children:[e.jsx("li",{children:"Deep linking to specific tabs"}),e.jsx("li",{children:"Browser back/forward navigation"}),e.jsx("li",{children:"Shareable URLs with selected tab state"}),e.jsx("li",{children:"Bookmark support for specific views"})]})]}),e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"mobile",children:"📱"})," ","Responsive Mobile Adaptation"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Automatically switches to TabSelect dropdown on mobile devices (xs, sm breakpoints) for optimal space usage and better UX."}),e.jsx(a.CardContainer,{className:"p-4 bg-blue-50 dark:bg-blue-900/20",children:e.jsxs(a.Typography,{tag:"p",className:"text-sm",children:[e.jsx("span",{role:"img","aria-label":"tip",children:"💡"})," ",e.jsx("span",{className:"font-semibold",children:"Tip:"})," Resize your browser window to see the automatic switch between tab bar and dropdown selector!"]})})]}),e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"styles",children:"🎨"})," ","Multiple Style Variants"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Choose from 4 distinct visual styles (underline, pills, bordered, solid) and 3 sizes (small, medium, large) to match your design system."})]}),e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"icons",children:"✨"})," ","Icon Support"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Add icons to tabs for better visual communication and improved scannability. Works seamlessly with Lucide Icons."})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"TabMenuItem Interface",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:s})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:s})},{key:"default",label:"Default",render:s=>s==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:s})},{key:"description",label:"Description",className:"text-gray-600 dark:text-gray-400"}],data:l,maxRows:10,resizable:!1})})})}),e.jsx(a.PropPlayground,{componentName:"ParamTab",title:"ParamTab Playground",defaultValues:{variant:"solid",size:"medium",showMobileSelect:!1},excludeProps:["tabMenu","tabListClassName"],children:s=>e.jsx(a.ParamTab,{...s,tabMenu:[{title:"Tab 1",path:"#tab1"},{title:"Tab 2",path:"#tab2"},{title:"Tab 3",path:"#tab3"}]})}),e.jsx(a.AutoPropsTable,{componentName:"ParamTab"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Examples",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 { ParamTab, TabPanel } from '@e-burgos/tucu-ui';
 import { Home, Settings, User } from 'lucide-react';