@e-burgos/tucu-ui 2.0.10 → 2.1.0

package/documentation/ToolsSection-CweUWTTS.js

@@ -0,0 +1,221 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { H as h, T as n, aC as u, C as g, a as x, K as i, c as r } from "../index-sdOMz8GW.js";
+import { Wrench as y, List as o, Search as s, Code as c, FileInput as l, Layout as m, BarChart3 as d, Sparkles as p } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const f = [
+  {
+    name: "list_components",
+    description: "List available components, optionally filtered by category. Returns name, category, and short description for each.",
+    icon: /* @__PURE__ */ e(o, { className: "w-5 h-5 text-blue-500" }),
+    input: `{
+  "category?": "string",  // e.g. "form", "layout", "feedback"
+  "limit?": "number"      // max results (default: all)
+}`,
+    example: `// Agent request
+{ "category": "form", "limit": 5 }
+
+// Response includes:
+// InputText, InputNumber, Select, Checkbox, RadioGroup`
+  },
+  {
+    name: "get_component",
+    description: "Get full details for a specific component: all props with types, valid variants, default values, and a complete usage example.",
+    icon: /* @__PURE__ */ e(s, { className: "w-5 h-5 text-emerald-500" }),
+    input: `{
+  "name": "string"  // Component name, e.g. "Button"
+}`,
+    example: `// Agent request
+{ "name": "Button" }
+
+// Response includes:
+// - variant: "solid" | "ghost" | "transparent"
+// - size: "large" | "medium" | "small" | "mini" | "tiny"
+// - Full TypeScript interface
+// - Ready-to-use example code`
+  },
+  {
+    name: "generate_component",
+    description: "Generate ready-to-use JSX code for a component with specified props, optional wrapper, and theme integration.",
+    icon: /* @__PURE__ */ e(c, { className: "w-5 h-5 text-violet-500" }),
+    input: `{
+  "component": "string",           // e.g. "Button"
+  "props?": "Record<string,string>", // e.g. { variant: "solid", size: "large" }
+  "withWrapper?": "boolean",       // wrap in layout container
+  "theme?": "string"               // color preset name
+}`,
+    example: `// Agent request
+{ "component": "Alert", "props": { "variant": "success", "title": "Done!" } }
+
+// Generated output:
+<Alert variant="success" title="Done!">
+  Operation completed successfully.
+</Alert>`
+  },
+  {
+    name: "generate_form",
+    description: "Generate a complete form with Zod validation schema and react-hook-form integration. Supports predefined patterns or custom field definitions.",
+    icon: /* @__PURE__ */ e(l, { className: "w-5 h-5 text-amber-500" }),
+    input: `{
+  "pattern?": "string",      // "login" | "register" | "contact" | "settings"
+  "fields?": "FieldDef[]",   // custom fields array
+  "withValidation?": "boolean" // include Zod schema (default: true)
+}
+
+// FieldDef = { name, type, label, required?, validation? }`,
+    example: `// Agent request
+{ "pattern": "contact", "withValidation": true }
+
+// Generates: ContactForm with name, email, subject, message
+// Includes: Zod schema, Form wrapper, Submit handler`
+  },
+  {
+    name: "generate_page",
+    description: "Generate a full page component with layout, navigation integration, and optional sections.",
+    icon: /* @__PURE__ */ e(m, { className: "w-5 h-5 text-pink-500" }),
+    input: `{
+  "name": "string",         // page name, e.g. "Dashboard"
+  "layout": "string",       // "sidebar" | "top-nav" | "full-width"
+  "sections?": "string[]"   // e.g. ["stats", "chart", "table"]
+}`,
+    example: `// Agent request
+{ "name": "Dashboard", "layout": "sidebar", "sections": ["stats", "chart"] }
+
+// Generates: DashboardPage with MainLayout, StatsGrid, Chart sections`
+  },
+  {
+    name: "generate_chart",
+    description: "Generate a Recharts chart component with tucu-ui theming integration and responsive container.",
+    icon: /* @__PURE__ */ e(d, { className: "w-5 h-5 text-cyan-500" }),
+    input: `{
+  "type": "string",     // "line" | "bar" | "area" | "pie" | "radar"
+  "data?": "object[]"   // sample data array
+}`,
+    example: `// Agent request
+{ "type": "bar", "data": [{ name: "Jan", value: 400 }, { name: "Feb", value: 300 }] }
+
+// Generates: BarChart with ResponsiveContainer, theme colors, tooltips`
+  },
+  {
+    name: "search_icons",
+    description: "Search the Lucide icon catalog by keyword. Returns matching icon names that can be used with LucideIcons component.",
+    icon: /* @__PURE__ */ e(p, { className: "w-5 h-5 text-orange-500" }),
+    input: `{
+  "query": "string",    // search term, e.g. "arrow"
+  "limit?": "number"    // max results (default: 20)
+}`,
+    example: `// Agent request
+{ "query": "chart", "limit": 5 }
+
+// Response:
+// BarChart3, LineChart, PieChart, AreaChart, TrendingUp`
+  }
+], b = [
+  {
+    icon: /* @__PURE__ */ e(o, { className: "w-5 h-5" }),
+    title: "list_components",
+    description: "List available components filtered by category",
+    color: "blue"
+  },
+  {
+    icon: /* @__PURE__ */ e(s, { className: "w-5 h-5" }),
+    title: "get_component",
+    description: "Get full details, props, and usage example",
+    color: "emerald"
+  },
+  {
+    icon: /* @__PURE__ */ e(c, { className: "w-5 h-5" }),
+    title: "generate_component",
+    description: "Generate ready-to-use JSX with specified props",
+    color: "violet"
+  },
+  {
+    icon: /* @__PURE__ */ e(l, { className: "w-5 h-5" }),
+    title: "generate_form",
+    description: "Complete form with Zod validation and RHF",
+    color: "amber"
+  },
+  {
+    icon: /* @__PURE__ */ e(m, { className: "w-5 h-5" }),
+    title: "generate_page",
+    description: "Full page with layout and navigation",
+    color: "pink"
+  },
+  {
+    icon: /* @__PURE__ */ e(d, { className: "w-5 h-5" }),
+    title: "generate_chart",
+    description: "Recharts chart with theming integration",
+    color: "cyan"
+  },
+  {
+    icon: /* @__PURE__ */ e(p, { className: "w-5 h-5" }),
+    title: "search_icons",
+    description: "Search Lucide icon catalog by keyword",
+    color: "orange"
+  }
+], A = () => /* @__PURE__ */ a("div", { className: "flex flex-col gap-8", children: [
+  /* @__PURE__ */ e(
+    h,
+    {
+      title: "Tools",
+      description: "7 executable tools that agents can call to generate code, inspect components, and search the library.",
+      icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(y, { className: "w-8 h-8 sm:w-10 sm:h-10 text-white" }) })
+    }
+  ),
+  /* @__PURE__ */ a("section", { className: "space-y-6", children: [
+    /* @__PURE__ */ a("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(n, { tag: "h2", className: "mb-2", children: "Available Tools" }),
+      /* @__PURE__ */ e(
+        n,
+        {
+          tag: "p",
+          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
+          children: "Each tool can be called by any MCP-compatible AI agent"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: b.map((t) => /* @__PURE__ */ e(
+      u,
+      {
+        icon: t.icon,
+        title: t.title,
+        description: t.description,
+        color: t.color
+      },
+      t.title
+    )) })
+  ] }),
+  /* @__PURE__ */ a("section", { className: "space-y-6", children: [
+    /* @__PURE__ */ a("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(n, { tag: "h2", className: "mb-2", children: "Tool Details" }),
+      /* @__PURE__ */ e(
+        n,
+        {
+          tag: "p",
+          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
+          children: "Input schemas and usage examples for each tool"
+        }
+      )
+    ] }),
+    f.map((t) => /* @__PURE__ */ e(g, { children: /* @__PURE__ */ a(x, { title: t.name, children: [
+      /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-3", children: [
+        t.icon,
+        /* @__PURE__ */ e(n, { className: "text-sm text-foreground/70", children: t.description })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e(i, { variant: "outline", className: "mb-2", children: "Input Schema" }),
+          /* @__PURE__ */ e(r, { code: t.input })
+        ] }),
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e(i, { variant: "outline", className: "mb-2", children: "Example" }),
+          /* @__PURE__ */ e(r, { code: t.example })
+        ] })
+      ] })
+    ] }) }, t.name))
+  ] })
+] });
+export {
+  A as default
+};

package/documentation/ToolsSection-Dboq_CIJ.js

@@ -0,0 +1,58 @@
+"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 s=[{name:"list_components",description:"List available components, optionally filtered by category. Returns name, category, and short description for each.",icon:e.jsx(t.List,{className:"w-5 h-5 text-blue-500"}),input:`{
+  "category?": "string",  // e.g. "form", "layout", "feedback"
+  "limit?": "number"      // max results (default: all)
+}`,example:`// Agent request
+{ "category": "form", "limit": 5 }
+
+// Response includes:
+// InputText, InputNumber, Select, Checkbox, RadioGroup`},{name:"get_component",description:"Get full details for a specific component: all props with types, valid variants, default values, and a complete usage example.",icon:e.jsx(t.Search,{className:"w-5 h-5 text-emerald-500"}),input:`{
+  "name": "string"  // Component name, e.g. "Button"
+}`,example:`// Agent request
+{ "name": "Button" }
+
+// Response includes:
+// - variant: "solid" | "ghost" | "transparent"
+// - size: "large" | "medium" | "small" | "mini" | "tiny"
+// - Full TypeScript interface
+// - Ready-to-use example code`},{name:"generate_component",description:"Generate ready-to-use JSX code for a component with specified props, optional wrapper, and theme integration.",icon:e.jsx(t.Code,{className:"w-5 h-5 text-violet-500"}),input:`{
+  "component": "string",           // e.g. "Button"
+  "props?": "Record<string,string>", // e.g. { variant: "solid", size: "large" }
+  "withWrapper?": "boolean",       // wrap in layout container
+  "theme?": "string"               // color preset name
+}`,example:`// Agent request
+{ "component": "Alert", "props": { "variant": "success", "title": "Done!" } }
+
+// Generated output:
+<Alert variant="success" title="Done!">
+  Operation completed successfully.
+</Alert>`},{name:"generate_form",description:"Generate a complete form with Zod validation schema and react-hook-form integration. Supports predefined patterns or custom field definitions.",icon:e.jsx(t.FileInput,{className:"w-5 h-5 text-amber-500"}),input:`{
+  "pattern?": "string",      // "login" | "register" | "contact" | "settings"
+  "fields?": "FieldDef[]",   // custom fields array
+  "withValidation?": "boolean" // include Zod schema (default: true)
+}
+
+// FieldDef = { name, type, label, required?, validation? }`,example:`// Agent request
+{ "pattern": "contact", "withValidation": true }
+
+// Generates: ContactForm with name, email, subject, message
+// Includes: Zod schema, Form wrapper, Submit handler`},{name:"generate_page",description:"Generate a full page component with layout, navigation integration, and optional sections.",icon:e.jsx(t.Layout,{className:"w-5 h-5 text-pink-500"}),input:`{
+  "name": "string",         // page name, e.g. "Dashboard"
+  "layout": "string",       // "sidebar" | "top-nav" | "full-width"
+  "sections?": "string[]"   // e.g. ["stats", "chart", "table"]
+}`,example:`// Agent request
+{ "name": "Dashboard", "layout": "sidebar", "sections": ["stats", "chart"] }
+
+// Generates: DashboardPage with MainLayout, StatsGrid, Chart sections`},{name:"generate_chart",description:"Generate a Recharts chart component with tucu-ui theming integration and responsive container.",icon:e.jsx(t.BarChart3,{className:"w-5 h-5 text-cyan-500"}),input:`{
+  "type": "string",     // "line" | "bar" | "area" | "pie" | "radar"
+  "data?": "object[]"   // sample data array
+}`,example:`// Agent request
+{ "type": "bar", "data": [{ name: "Jan", value: 400 }, { name: "Feb", value: 300 }] }
+
+// Generates: BarChart with ResponsiveContainer, theme colors, tooltips`},{name:"search_icons",description:"Search the Lucide icon catalog by keyword. Returns matching icon names that can be used with LucideIcons component.",icon:e.jsx(t.Sparkles,{className:"w-5 h-5 text-orange-500"}),input:`{
+  "query": "string",    // search term, e.g. "arrow"
+  "limit?": "number"    // max results (default: 20)
+}`,example:`// Agent request
+{ "query": "chart", "limit": 5 }
+
+// Response:
+// BarChart3, LineChart, PieChart, AreaChart, TrendingUp`}],i=[{icon:e.jsx(t.List,{className:"w-5 h-5"}),title:"list_components",description:"List available components filtered by category",color:"blue"},{icon:e.jsx(t.Search,{className:"w-5 h-5"}),title:"get_component",description:"Get full details, props, and usage example",color:"emerald"},{icon:e.jsx(t.Code,{className:"w-5 h-5"}),title:"generate_component",description:"Generate ready-to-use JSX with specified props",color:"violet"},{icon:e.jsx(t.FileInput,{className:"w-5 h-5"}),title:"generate_form",description:"Complete form with Zod validation and RHF",color:"amber"},{icon:e.jsx(t.Layout,{className:"w-5 h-5"}),title:"generate_page",description:"Full page with layout and navigation",color:"pink"},{icon:e.jsx(t.BarChart3,{className:"w-5 h-5"}),title:"generate_chart",description:"Recharts chart with theming integration",color:"cyan"},{icon:e.jsx(t.Sparkles,{className:"w-5 h-5"}),title:"search_icons",description:"Search Lucide icon catalog by keyword",color:"orange"}],r=()=>e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(a.HeroCard,{title:"Tools",description:"7 executable tools that agents can call to generate code, inspect components, and search the library.",icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Wrench,{className:"w-8 h-8 sm:w-10 sm:h-10 text-white"})})}),e.jsxs("section",{className:"space-y-6",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Available Tools"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each tool can be called by any MCP-compatible AI agent"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:i.map(n=>e.jsx(a.ColorCard,{icon:n.icon,title:n.title,description:n.description,color:n.color},n.title))})]}),e.jsxs("section",{className:"space-y-6",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Tool Details"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Input schemas and usage examples for each tool"})]}),s.map(n=>e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:n.name,children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[n.icon,e.jsx(a.Typography,{className:"text-sm text-foreground/70",children:n.description})]}),e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{children:[e.jsx(a.Badge,{variant:"outline",className:"mb-2",children:"Input Schema"}),e.jsx(a.CodeBlock,{code:n.input})]}),e.jsxs("div",{children:[e.jsx(a.Badge,{variant:"outline",className:"mb-2",children:"Example"}),e.jsx(a.CodeBlock,{code:n.example})]})]})]})},n.name))]})]});exports.default=r;

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

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

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

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

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

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

package/documentation/{TopupButtonSection-BsP9qMKz.js → TopupButtonSection-CyvLOqsj.js}

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

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

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

package/documentation/{TransactionInfoSection-Dfyi0vTL.js → TransactionInfoSection-DwGa3xpn.js}

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

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

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

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

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

package/documentation/{TypographySection-CxZfc6YL.js → TypographySection-D-YgE0ia.js}

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

package/documentation/{TypographySection-C4YFmIj_.js → TypographySection-DQQIUdKf.js}

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

package/documentation/{TypographySection-BvFi0bpr.js → TypographySection-SMy-tI3f.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { H as i, C as t, a as o, T as l, K as g } from "../index-19KsCnyX.js";
+import { H as i, C as t, a as o, T as l, K as g } from "../index-sdOMz8GW.js";
 import { Type as n } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TypographySection-bXUV6Bmt.js → TypographySection-dzhrE6ep.js}

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

package/documentation/{UsageExamplesSection-CRg9RYfR.js → UsageExamplesSection-CqwjmO3t.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{title:"Lucide Icons (Namespace)",description:"Access 1500+ icons via LucideIcons.* dot notation. Supports className, size, color, and strokeWidth props.",code:`import { LucideIcons } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{title:"Lucide Icons (Namespace)",description:"Access 1500+ icons via LucideIcons.* dot notation. Supports className, size, color, and strokeWidth props.",code:`import { LucideIcons } from '@e-burgos/tucu-ui';
 
 function MyComponent() {
   return (

package/documentation/{UsageExamplesSection-BwcRgeyU.js → UsageExamplesSection-DhL9CGUp.js}

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

package/documentation/{UsingThemeSystemSection-DYUkPUnX.js → UsingThemeSystemSection-BQqbugQG.js}

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

package/documentation/{UsingThemeSystemSection-DB_ErOba.js → UsingThemeSystemSection-DrO7JH96.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Using the Theme System",description:"Setup examples for ThemeProvider and the useTheme hook — everything you need to integrate theming 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-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Code,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"ThemeProvider Setup"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Wrap your application with ThemeProvider to enable theming"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Basic Configuration",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { ThemeProvider, LAYOUT_OPTIONS } 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"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Using the Theme System",description:"Setup examples for ThemeProvider and the useTheme hook — everything you need to integrate theming 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-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Code,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"ThemeProvider Setup"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Wrap your application with ThemeProvider to enable theming"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Basic Configuration",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { ThemeProvider, LAYOUT_OPTIONS } from '@e-burgos/tucu-ui';
 
 function App() {
   const menuItems = [

package/documentation/{ValidationSystemSection-BdPgfg9x.js → ValidationSystemSection-CbV-mEou.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const l=[{rule:"required",example:"required: 'Field is required'",description:"Makes field required"},{rule:"minLength",example:"minLength: { value: 2, message: '...' }",description:"Minimum string length"},{rule:"maxLength",example:"maxLength: { value: 100, message: '...' }",description:"Maximum string length"},{rule:"pattern",example:"pattern: { value: /regex/, message: '...' }",description:"Regex pattern validation"},{rule:"min",example:"min: { value: 18, message: '...' }",description:"Minimum numeric value"},{rule:"max",example:"max: { value: 100, message: '...' }",description:"Maximum numeric value"},{rule:"validate",example:"validate: { custom: (v) => v > 0 || '...' }",description:"Custom validation function(s)"}],t=[{key:"rule",label:"Rule",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"example",label:"Example",render:s=>e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(s)})},{key:"description",label:"Description",render:s=>e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(s)})}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Validation System",description:"Centralized or per-field validation powered by react-hook-form rules. Supports required, pattern, min/max, and custom async validators.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-red-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.Shield,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Validation Approaches"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Two ways to define validation — centralized schema or per-field rules"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 sm:gap-6",children:[e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Centralized Schema",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-blue-500 to-cyan-500 rounded-lg shadow-lg",children:e.jsx(r.FileText,{className:"w-5 h-5 text-white"})}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["Define all rules in one"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"FormValidations"})," ","object, pass to Form via"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"validationSchema"}),"."]})]}),e.jsx(a.CodeBlock,{language:"tsx",code:`import { FormValidations } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const l=[{rule:"required",example:"required: 'Field is required'",description:"Makes field required"},{rule:"minLength",example:"minLength: { value: 2, message: '...' }",description:"Minimum string length"},{rule:"maxLength",example:"maxLength: { value: 100, message: '...' }",description:"Maximum string length"},{rule:"pattern",example:"pattern: { value: /regex/, message: '...' }",description:"Regex pattern validation"},{rule:"min",example:"min: { value: 18, message: '...' }",description:"Minimum numeric value"},{rule:"max",example:"max: { value: 100, message: '...' }",description:"Maximum numeric value"},{rule:"validate",example:"validate: { custom: (v) => v > 0 || '...' }",description:"Custom validation function(s)"}],t=[{key:"rule",label:"Rule",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"example",label:"Example",render:s=>e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(s)})},{key:"description",label:"Description",render:s=>e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(s)})}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Validation System",description:"Centralized or per-field validation powered by react-hook-form rules. Supports required, pattern, min/max, and custom async validators.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-red-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.Shield,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Validation Approaches"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Two ways to define validation — centralized schema or per-field rules"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 sm:gap-6",children:[e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Centralized Schema",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-blue-500 to-cyan-500 rounded-lg shadow-lg",children:e.jsx(r.FileText,{className:"w-5 h-5 text-white"})}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["Define all rules in one"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"FormValidations"})," ","object, pass to Form via"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"validationSchema"}),"."]})]}),e.jsx(a.CodeBlock,{language:"tsx",code:`import { FormValidations } from '@e-burgos/tucu-ui';
 
 export const formValidations: FormValidations<FormValues> = {
   name: {

package/documentation/{ValidationSystemSection-BEwX_nlY.js → ValidationSystemSection-CiZLyQPS.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { H as o, T as r, C as l, a as t, c as i, aj as n, y as m } from "../index-19KsCnyX.js";
+import { H as o, T as r, C as l, a as t, c as i, aj as n, y as m } from "../index-sdOMz8GW.js";
 import { Shield as c, FileText as u, Code as p, Info as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{WCAGPrinciplesSection-qmAtTMZv.js → WCAGPrinciplesSection-CN689drB.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as l, T as r, C as c } from "../index-19KsCnyX.js";
+import { H as l, T as r, C as c } from "../index-sdOMz8GW.js";
 import { BookOpen as d, Check as m, Eye as p, Hand as h, Brain as g, Shield as u } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{WCAGPrinciplesSection-CgWqrIwS.js → WCAGPrinciplesSection-Dzry2Req.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const s=[{title:"Perceivable",description:"Information and UI components must be presentable to users in ways they can perceive.",icon:e.jsx(t.Eye,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-cyan-500 to-teal-500",features:["Color contrast ratios (4.5:1 for text)","Alt text for images and icons","Scalable text and responsive typography","aria-live regions for dynamic content"]},{title:"Operable",description:"UI components and navigation must be operable by all users regardless of input method.",icon:e.jsx(t.Hand,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-violet-500 to-indigo-500",features:["Full keyboard navigation (Tab, Arrow, Escape)","Visible focus indicators on all elements","No seizure-triggering content","Sufficient time for interactions"]},{title:"Understandable",description:"Information and UI operation must be understandable and predictable.",icon:e.jsx(t.Brain,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",features:["Clear and readable text content","Predictable navigation behavior","Input assistance (labels, helpers, errors)","Error identification with aria-invalid"]},{title:"Robust",description:"Content must be robust enough for various assistive technologies and future compatibility.",icon:e.jsx(t.Shield,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Valid semantic HTML structure","Proper ARIA roles and attributes","Compatible with NVDA, JAWS, VoiceOver","Standards-compliant markup"]}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"WCAG 2.1 AA Principles",description:"Four fundamental principles (POUR) that guide our accessibility implementation. Every component is evaluated against these criteria.",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-violet-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.BookOpen,{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(a.Typography,{tag:"h2",className:"mb-2",children:"The POUR Framework"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each principle addresses a different aspect of accessibility"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:s.map((r,i)=>e.jsx(a.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${r.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:r.icon}),e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:r.title})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:r.description}),e.jsx("div",{className:"space-y-2",children:r.features.map((o,n)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Check,{className:"w-4 h-4 text-green-500 shrink-0"}),e.jsx(a.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:o})]},n))})]})},i))})]})]})};exports.default=l;
+"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 l=()=>{const s=[{title:"Perceivable",description:"Information and UI components must be presentable to users in ways they can perceive.",icon:e.jsx(t.Eye,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-cyan-500 to-teal-500",features:["Color contrast ratios (4.5:1 for text)","Alt text for images and icons","Scalable text and responsive typography","aria-live regions for dynamic content"]},{title:"Operable",description:"UI components and navigation must be operable by all users regardless of input method.",icon:e.jsx(t.Hand,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-violet-500 to-indigo-500",features:["Full keyboard navigation (Tab, Arrow, Escape)","Visible focus indicators on all elements","No seizure-triggering content","Sufficient time for interactions"]},{title:"Understandable",description:"Information and UI operation must be understandable and predictable.",icon:e.jsx(t.Brain,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",features:["Clear and readable text content","Predictable navigation behavior","Input assistance (labels, helpers, errors)","Error identification with aria-invalid"]},{title:"Robust",description:"Content must be robust enough for various assistive technologies and future compatibility.",icon:e.jsx(t.Shield,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Valid semantic HTML structure","Proper ARIA roles and attributes","Compatible with NVDA, JAWS, VoiceOver","Standards-compliant markup"]}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"WCAG 2.1 AA Principles",description:"Four fundamental principles (POUR) that guide our accessibility implementation. Every component is evaluated against these criteria.",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-violet-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.BookOpen,{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(a.Typography,{tag:"h2",className:"mb-2",children:"The POUR Framework"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each principle addresses a different aspect of accessibility"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:s.map((r,i)=>e.jsx(a.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${r.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:r.icon}),e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:r.title})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:r.description}),e.jsx("div",{className:"space-y-2",children:r.features.map((o,n)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Check,{className:"w-4 h-4 text-green-500 shrink-0"}),e.jsx(a.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:o})]},n))})]})},i))})]})]})};exports.default=l;