@e-burgos/tucu-ui 2.6.0 → 2.7.1

package/documentation/ToolsSection-DWfaPzVU.js

@@ -1,58 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DWDUS-PU.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-FyDJKnf1.js

@@ -1,64 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../index-DWDUS-PU.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';
-
-// Standalone Tooltip wrapping any element
-<Tooltip content="Hello!" placement="top" arrow>
-  <Button>Hover me</Button>
-</Tooltip>
-
-// Auto color — adapts to current theme (dark in light mode, light in dark mode)
-<Tooltip content="Auto color">
-  <Button>Auto</Button>
-</Tooltip>
-
-// Semantic color variants
-<Tooltip content="Primary" color="primary" arrow>
-  <Button>Primary</Button>
-</Tooltip>
-<Tooltip content="Success!" color="success" arrow>
-  <Button>Success</Button>
-</Tooltip>
-<Tooltip content="Warning" color="warning" arrow>
-  <Button>Warning</Button>
-</Tooltip>
-<Tooltip content="Danger!" color="danger" arrow>
-  <Button>Danger</Button>
-</Tooltip>
-<Tooltip content="Info" color="info" arrow>
-  <Button>Info</Button>
-</Tooltip>
-
-// Without arrow
-<Tooltip content="No arrow" arrow={false}>
-  <Button>No arrow</Button>
-</Tooltip>
-
-// Rich content
-<Tooltip
-  content={
-    <div>
-      <strong>Title</strong>
-      <p>Description</p>
-    </div>
-  }
-  placement="right"
-  color="light"
-  arrow
->
-  <Button>Rich</Button>
-</Tooltip>
-
-// Enter delay
-<Tooltip content="Delayed" enterDelay={500} arrow>
-  <Button>500ms delay</Button>
-</Tooltip>
-
-// Built-in tooltip props on Button (with arrow control)
-<Button tooltip="Save" tooltipPlacement="top" tooltipArrow={false}>Save</Button>
-<Button tooltip="Delete" tooltipColor="danger">Delete</Button>
-
-// Built-in tooltip props on Typography
-<Typography tag="span" tooltip="Info" tooltipPlacement="right" tooltipArrow>
-  Hover text
-</Typography>`})})})})]});exports.default=l;

package/documentation/TooltipSection-jjPa6g0x.js

@@ -1,185 +0,0 @@
-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-DoxeCFUJ.js";
-import { MessageSquare as d } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const y = () => /* @__PURE__ */ r(c, { children: [
-  /* @__PURE__ */ t(
-    s,
-    {
-      title: "Tooltip",
-      description: `A portal-based tooltip component that renders above all other DOM
-          elements. Supports configurable placement, arrow, color themes, and
-          delays.`,
-      icon: /* @__PURE__ */ t("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: /* @__PURE__ */ t(d, { className: "w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg" }) })
-    }
-  ),
-  /* @__PURE__ */ t(l, { className: "overflow-hidden", children: /* @__PURE__ */ t(n, { title: "Placement", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center justify-center gap-4", children: [
-    /* @__PURE__ */ t(e, { content: "Top tooltip", placement: "top", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", children: "Top" }) }),
-    /* @__PURE__ */ t(e, { content: "Bottom tooltip", placement: "bottom", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", children: "Bottom" }) }),
-    /* @__PURE__ */ t(e, { content: "Left tooltip", placement: "left", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", children: "Left" }) }),
-    /* @__PURE__ */ t(e, { content: "Right tooltip", placement: "right", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", children: "Right" }) })
-  ] }) }) }) }),
-  /* @__PURE__ */ t(l, { className: "overflow-hidden", children: /* @__PURE__ */ t(n, { title: "Color Themes", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center justify-center gap-4", children: [
-    /* @__PURE__ */ t(e, { content: "Auto (uses theme mode)", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", children: "Auto" }) }),
-    /* @__PURE__ */ t(e, { content: "Dark theme", color: "dark", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", children: "Dark" }) }),
-    /* @__PURE__ */ t(e, { content: "Light theme", color: "light", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", children: "Light" }) }),
-    /* @__PURE__ */ t(e, { content: "Primary color", color: "primary", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", color: "primary", children: "Primary" }) }),
-    /* @__PURE__ */ t(e, { content: "Success message", color: "success", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", color: "success", children: "Success" }) }),
-    /* @__PURE__ */ t(e, { content: "Info message", color: "info", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", color: "info", children: "Info" }) }),
-    /* @__PURE__ */ t(e, { content: "Warning message", color: "warning", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", color: "warning", children: "Warning" }) }),
-    /* @__PURE__ */ t(e, { content: "Danger message", color: "danger", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", color: "danger", children: "Danger" }) })
-  ] }) }) }) }),
-  /* @__PURE__ */ t(l, { className: "overflow-hidden", children: /* @__PURE__ */ t(n, { title: "Arrow Options", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center justify-center gap-4", children: [
-    /* @__PURE__ */ t(e, { content: "With arrow", arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", color: "info", children: "With Arrow" }) }),
-    /* @__PURE__ */ t(e, { content: "Without arrow", arrow: !1, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", color: "info", children: "No Arrow" }) })
-  ] }) }) }) }),
-  /* @__PURE__ */ t(l, { className: "overflow-hidden", children: /* @__PURE__ */ t(n, { title: "Rich Content", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center justify-center gap-4", children: [
-    /* @__PURE__ */ t(
-      e,
-      {
-        content: /* @__PURE__ */ r("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ t(a, { tag: "strong", className: "text-xs", children: "Rich Tooltip" }),
-          /* @__PURE__ */ t(a, { tag: "p", className: "text-xs opacity-80", children: "Supports any React node as content." })
-        ] }),
-        placement: "bottom",
-        color: "light",
-        arrow: !0,
-        children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", color: "success", children: "Rich Content" })
-      }
-    ),
-    /* @__PURE__ */ t(e, { content: "Delayed tooltip", enterDelay: 500, arrow: !0, children: /* @__PURE__ */ t(o, { variant: "ghost", size: "small", color: "warning", children: "500ms Delay" }) })
-  ] }) }) }) }),
-  /* @__PURE__ */ t(l, { className: "overflow-hidden", children: /* @__PURE__ */ t(n, { title: "Component Integration", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ r(l, { className: "p-4", children: [
-      /* @__PURE__ */ t(a, { tag: "h5", className: "mb-3", children: "Button with tooltip prop" }),
-      /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-4", children: [
-        /* @__PURE__ */ t(o, { tooltip: "Save changes", tooltipPlacement: "top", children: "Save" }),
-        /* @__PURE__ */ t(
-          o,
-          {
-            tooltip: "Delete item",
-            tooltipPlacement: "bottom",
-            tooltipColor: "light",
-            color: "danger",
-            children: "Delete"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ r(l, { className: "p-4", children: [
-      /* @__PURE__ */ t(a, { tag: "h5", className: "mb-3", children: "Typography with tooltip prop" }),
-      /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-4 items-center", children: [
-        /* @__PURE__ */ t(
-          a,
-          {
-            tag: "span",
-            tooltip: "This is an abbreviation",
-            tooltipPlacement: "top",
-            className: "underline decoration-dotted cursor-help",
-            children: "Hover this text"
-          }
-        ),
-        /* @__PURE__ */ t(
-          a,
-          {
-            tag: "strong",
-            tooltip: "Important information",
-            tooltipPlacement: "right",
-            tooltipColor: "light",
-            children: "Bold with tooltip"
-          }
-        )
-      ] })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ t(
-    p,
-    {
-      componentName: "Tooltip",
-      defaultValues: {
-        placement: "top",
-        color: "primary",
-        arrow: !0,
-        disabled: !1,
-        enterDelay: 0,
-        leaveDelay: 100
-      },
-      excludeProps: ["children", "content"],
-      children: (i) => /* @__PURE__ */ t(e, { ...i, content: "Tooltip preview text", children: /* @__PURE__ */ t(o, { children: "Hover me" }) })
-    }
-  ),
-  /* @__PURE__ */ t(m, { componentName: "Tooltip" }),
-  /* @__PURE__ */ t(l, { className: "overflow-hidden", children: /* @__PURE__ */ t(n, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t(
-    h,
-    {
-      language: "tsx",
-      code: `import { Tooltip, Button, Typography } from '@e-burgos/tucu-ui';
-
-// Standalone Tooltip wrapping any element
-<Tooltip content="Hello!" placement="top" arrow>
-  <Button>Hover me</Button>
-</Tooltip>
-
-// Auto color — adapts to current theme (dark in light mode, light in dark mode)
-<Tooltip content="Auto color">
-  <Button>Auto</Button>
-</Tooltip>
-
-// Semantic color variants
-<Tooltip content="Primary" color="primary" arrow>
-  <Button>Primary</Button>
-</Tooltip>
-<Tooltip content="Success!" color="success" arrow>
-  <Button>Success</Button>
-</Tooltip>
-<Tooltip content="Warning" color="warning" arrow>
-  <Button>Warning</Button>
-</Tooltip>
-<Tooltip content="Danger!" color="danger" arrow>
-  <Button>Danger</Button>
-</Tooltip>
-<Tooltip content="Info" color="info" arrow>
-  <Button>Info</Button>
-</Tooltip>
-
-// Without arrow
-<Tooltip content="No arrow" arrow={false}>
-  <Button>No arrow</Button>
-</Tooltip>
-
-// Rich content
-<Tooltip
-  content={
-    <div>
-      <strong>Title</strong>
-      <p>Description</p>
-    </div>
-  }
-  placement="right"
-  color="light"
-  arrow
->
-  <Button>Rich</Button>
-</Tooltip>
-
-// Enter delay
-<Tooltip content="Delayed" enterDelay={500} arrow>
-  <Button>500ms delay</Button>
-</Tooltip>
-
-// Built-in tooltip props on Button (with arrow control)
-<Button tooltip="Save" tooltipPlacement="top" tooltipArrow={false}>Save</Button>
-<Button tooltip="Delete" tooltipColor="danger">Delete</Button>
-
-// Built-in tooltip props on Typography
-<Typography tag="span" tooltip="Info" tooltipPlacement="right" tooltipArrow>
-  Hover text
-</Typography>`
-    }
-  ) }) }) })
-] });
-export {
-  y as default
-};

package/documentation/TopupButtonSection-BXI8TeYG.js

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDUS-PU.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
-<TopupButton label="Add Funds" />
-
-// With icon
-<TopupButton
-  label="Top Up Account"
-  icon={<LucideIcons.Plus className="w-4 h-4" />}
-/>
-
-// With link
-<TopupButton
-  label="Recharge Now"
-  href="/topup"
-  icon={<LucideIcons.CreditCard className="w-4 h-4" />}
-/>
-
-// With onClick handler
-<TopupButton
-  label="Add Balance"
-  icon={<LucideIcons.Wallet className="w-4 h-4" />}
-  onClick={() => handleTopup()}
-/>`})})})})]});exports.default=l;

package/documentation/TopupButtonSection-BynGsCmq.js

@@ -1,98 +0,0 @@
-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-DoxeCFUJ.js";
-import { ArrowUpCircle as m, Plus as u, CreditCard as h, Wallet as N } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const C = () => /* @__PURE__ */ l(n, { children: [
-  /* @__PURE__ */ e(
-    t,
-    {
-      title: "TopupButton",
-      description: `A specialized button component for top-up or recharge actions, with
-          support for icons and links.`,
-      icon: /* @__PURE__ */ e("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: /* @__PURE__ */ e(m, { className: "w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg" }) })
-    }
-  ),
-  /* @__PURE__ */ e(o, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ l(o, { className: "p-4", children: [
-      /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "Basic Topup Button" }),
-      /* @__PURE__ */ e(a, { label: "Add Funds" })
-    ] }),
-    /* @__PURE__ */ l(o, { className: "p-4", children: [
-      /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "With Icon" }),
-      /* @__PURE__ */ e(
-        a,
-        {
-          label: "Top Up Account",
-          icon: /* @__PURE__ */ e(u, { className: "w-4 h-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ l(o, { className: "p-4", children: [
-      /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "With Link" }),
-      /* @__PURE__ */ e(
-        a,
-        {
-          label: "Recharge Now",
-          href: "/topup",
-          icon: /* @__PURE__ */ e(h, { className: "w-4 h-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ l(o, { className: "p-4", children: [
-      /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "With onClick Handler" }),
-      /* @__PURE__ */ e(
-        a,
-        {
-          label: "Add Balance",
-          icon: /* @__PURE__ */ e(N, { className: "w-4 h-4" }),
-          onClick: () => console.log("Topup clicked")
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(
-    r,
-    {
-      componentName: "TopupButton",
-      defaultValues: { label: "Top Up" },
-      excludeProps: ["onClick", "icon"],
-      children: (i) => /* @__PURE__ */ e(a, { ...i })
-    }
-  ),
-  /* @__PURE__ */ e(d, { componentName: "TopupButton" }),
-  /* @__PURE__ */ e(o, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    p,
-    {
-      language: "tsx",
-      code: `import { TopupButton, LucideIcons } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<TopupButton label="Add Funds" />
-
-// With icon
-<TopupButton
-  label="Top Up Account"
-  icon={<LucideIcons.Plus className="w-4 h-4" />}
-/>
-
-// With link
-<TopupButton
-  label="Recharge Now"
-  href="/topup"
-  icon={<LucideIcons.CreditCard className="w-4 h-4" />}
-/>
-
-// With onClick handler
-<TopupButton
-  label="Add Balance"
-  icon={<LucideIcons.Wallet className="w-4 h-4" />}
-  onClick={() => handleTopup()}
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  C as default
-};

package/documentation/TransactionInfoSection-DdhvAYC-.js

@@ -1,86 +0,0 @@
-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-DoxeCFUJ.js";
-import { Receipt as h } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const g = () => /* @__PURE__ */ e(i, { children: [
-  /* @__PURE__ */ a(
-    t,
-    {
-      title: "TransactionInfo",
-      description: "Simple component for displaying transaction information with label and value. Perfect for showing blockchain transaction details.",
-      icon: /* @__PURE__ */ a("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: /* @__PURE__ */ a(h, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-    }
-  ),
-  /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(r, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ e(l, { className: "p-4", children: [
-      /* @__PURE__ */ a(n, { tag: "h5", className: "mb-3", children: "With Value" }),
-      /* @__PURE__ */ a(
-        s,
-        {
-          label: "Transaction Hash",
-          value: "0x1234...5678"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(l, { className: "p-4", children: [
-      /* @__PURE__ */ a(n, { tag: "h5", className: "mb-3", children: "Without Value" }),
-      /* @__PURE__ */ a(s, { label: "Gas Fee" })
-    ] }),
-    /* @__PURE__ */ e(l, { className: "p-4", children: [
-      /* @__PURE__ */ a(n, { tag: "h5", className: "mb-3", children: "Number Value" }),
-      /* @__PURE__ */ a(s, { label: "Block Number", value: 12345678 })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ a(
-    c,
-    {
-      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: (o) => /* @__PURE__ */ a("div", { className: "w-full max-w-md", children: /* @__PURE__ */ a(s, { label: o.label, value: o.value }) })
-    }
-  ),
-  /* @__PURE__ */ a(m, { componentName: "TransactionInfo" }),
-  /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(r, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    d,
-    {
-      language: "tsx",
-      code: `import { TransactionInfo } from '@e-burgos/tucu-ui';
-
-<TransactionInfo
-  label="Transaction Hash"
-  value="0x1234...5678"
-/>
-
-<TransactionInfo
-  label="Gas Fee"
-  // value is optional, shows "_ _" if not provided
-/>
-
-<TransactionInfo
-  label="Block Number"
-  value={12345678}
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  g as default
-};

package/documentation/TransactionInfoSection-XCLFoGEj.js

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DWDUS-PU.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"
-  value="0x1234...5678"
-/>
-
-<TransactionInfo
-  label="Gas Fee"
-  // value is optional, shows "_ _" if not provided
-/>
-
-<TransactionInfo
-  label="Block Number"
-  value={12345678}
-/>`})})})})]});exports.default=n;

package/documentation/TucuUiLogoSection--s8pA7EB.js

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDUS-PU.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 />
-
-// Custom sizes
-<TucuUiLogo size={60} />
-<TucuUiLogo size={120} />
-<TucuUiLogo size={180} />
-
-// With custom classes
-<TucuUiLogo 
-  size={100} 
-  className="opacity-80 hover:opacity-100 transition-opacity" 
-/>
-
-// With SVG attributes
-<TucuUiLogo 
-  size={80} 
-  className="custom-class"
-  props={{ viewBox: '0 0 240 240' }}
-/>
-
-// The component automatically:
-// - Adapts to light/dark mode
-// - Shows the double T design with "ui" text`})})})})]});exports.default=a;