@e-burgos/tucu-ui 2.5.0 → 2.7.0

package/documentation/CustomIconsSection-B_twKCge.js

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),o=require("../index-COp_AWCS.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const h=()=>{const[m,t]=d.useState(null),r=[{category:"Blockchain & Crypto",description:"Cryptocurrency and blockchain platform icons",icon:e.jsx(n.Coins,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-yellow-500 via-orange-500 to-amber-500",icons:[{name:"Bitcoin",component:e.jsx(o.Bitcoin,{className:"w-6 h-6"})},{name:"Ethereum",component:e.jsx(o.Ethereum,{className:"w-6 h-6"})},{name:"Bnb",component:e.jsx(o.Bnb,{className:"w-6 h-6"})},{name:"Cardano",component:e.jsx(o.Cardano,{className:"w-6 h-6"})},{name:"Tether",component:e.jsx(o.Tether,{className:"w-6 h-6"})},{name:"Usdc",component:e.jsx(o.Usdc,{className:"w-6 h-6"})},{name:"Doge",component:e.jsx(o.Doge,{className:"w-6 h-6"})},{name:"Flow",component:e.jsx(o.Flow,{className:"w-6 h-6"})}]},{category:"Layout Controls",description:"Icons for layout switching and theme selection",icon:e.jsx(n.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-indigo-500 to-purple-500",icons:[{name:"ClassicLayoutIcon",component:e.jsx(o.ClassicLayoutIcon,{className:"w-6 h-6"})},{name:"MinimalLayoutIcon",component:e.jsx(o.MinimalLayoutIcon,{className:"w-6 h-6"})},{name:"ModernLayoutIcon",component:e.jsx(o.ModernLayoutIcon,{className:"w-6 h-6"})},{name:"RetroLayoutIcon",component:e.jsx(o.RetroLayoutIcon,{className:"w-6 h-6"})}]},{category:"Social Brands",description:"Social media platform brand icons",icon:e.jsx(n.Share2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-pink-500 via-rose-500 to-red-500",icons:[{name:"Github",component:e.jsx(o.Github,{className:"w-6 h-6"})},{name:"Twitter",component:e.jsx(o.Twitter,{className:"w-6 h-6"})},{name:"Facebook",component:e.jsx(o.Facebook,{className:"w-6 h-6"})},{name:"Instagram",component:e.jsx(o.Instagram,{className:"w-6 h-6"})},{name:"Telegram",component:e.jsx(o.Telegram,{className:"w-6 h-6"})}]},{category:"UI Elements",description:"Common interface and utility icons",icon:e.jsx(n.Component,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",icons:[{name:"Tucu",component:e.jsx(o.Tucu,{className:"w-6 h-6"})},{name:"HomeIcon",component:e.jsx(o.HomeIcon,{className:"w-6 h-6"})},{name:"SearchIcon",component:e.jsx(o.SearchIcon,{className:"w-6 h-6"})},{name:"Sun",component:e.jsx(o.Sun,{className:"w-6 h-6"})},{name:"Moon",component:e.jsx(o.Moon,{className:"w-6 h-6"})},{name:"Check",component:e.jsx(o.Check,{className:"w-6 h-6"})},{name:"Close",component:e.jsx(o.Close,{className:"w-6 h-6"})},{name:"Plus",component:e.jsx(o.Plus,{className:"w-6 h-6"})},{name:"Star",component:e.jsx(o.Star,{className:"w-6 h-6"})},{name:"StarFill",component:e.jsx(o.StarFill,{className:"w-6 h-6"})},{name:"Verified",component:e.jsx(o.Verified,{className:"w-6 h-6"})},{name:"Warning",component:e.jsx(o.Warning,{className:"w-6 h-6"})},{name:"InfoCircle",component:e.jsx(o.InfoCircle,{className:"w-6 h-6"})},{name:"DocumentIcon",component:e.jsx(o.DocumentIcon,{className:"w-6 h-6"})},{name:"BookIcon",component:e.jsx(o.BookIcon,{className:"w-6 h-6"})},{name:"PlayIcon",component:e.jsx(o.PlayIcon,{className:"w-6 h-6"})},{name:"ProfileIcon",component:e.jsx(o.ProfileIcon,{className:"w-6 h-6"})},{name:"EyeIcon",component:e.jsx(o.EyeIcon,{className:"w-6 h-6"})},{name:"EyeSlashIcon",component:e.jsx(o.EyeSlashIcon,{className:"w-6 h-6"})},{name:"LockIcon",component:e.jsx(o.LockIcon,{className:"w-6 h-6"})},{name:"Unlocked",component:e.jsx(o.Unlocked,{className:"w-6 h-6"})}]}],l=a=>{const c=`import { ${a} } from '@e-burgos/tucu-ui';
-
-<${a} className="w-6 h-6" />`;navigator.clipboard.writeText(c),t(a),setTimeout(()=>t(null),2e3)};return e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"Custom Tucu Icons",description:"96 hand-crafted SVG icons designed for tucu-ui. Includes blockchain/crypto, layout controls, social brands, and UI elements — all importable as named exports.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-pink-500 to-rose-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.Palette,{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(o.Typography,{tag:"h2",className:"mb-2",children:"Icon Gallery"}),e.jsx(o.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Click any icon to copy its import code"})]}),e.jsx("div",{className:"space-y-6",children:r.map((a,c)=>e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:a.category,className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`p-2 rounded-lg bg-linear-to-br ${a.color} shadow-lg`,children:a.icon}),e.jsxs("div",{children:[e.jsx(o.Typography,{tag:"h3",className:"text-base font-semibold",children:a.category}),e.jsx(o.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:a.description})]})]}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-4",children:a.icons.map((s,i)=>e.jsxs("div",{className:"flex flex-col items-center gap-2 p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer group relative",onClick:()=>l(s.name),title:`Click to copy: ${s.name}`,children:[e.jsx("div",{className:"text-gray-700 dark:text-gray-300 group-hover:text-brand transition-colors",children:s.component}),e.jsx(o.Typography,{tag:"span",className:"text-xs text-center text-gray-500 dark:text-gray-400",children:s.name}),m===s.name&&e.jsx("div",{className:"absolute -top-8 left-1/2 transform -translate-x-1/2 px-2 py-1 bg-green-500 text-white text-xs rounded whitespace-nowrap z-10",children:"Copied!"})]},i))})]})})},c))})]})]})};exports.default=h;

package/documentation/DefiAppLogoSection-DV9roRzn.js

@@ -1,132 +0,0 @@
-import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as c, C as s, a as o, T as l, ai as t, y as d, c as p, P as m, ah as h, A as f } from "../index-DYDFy1df.js";
-import { Diamond as g } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const v = () => /* @__PURE__ */ a(n, { children: [
-  /* @__PURE__ */ e(
-    c,
-    {
-      title: "DefiAppLogo",
-      description: `An animated brain-inspired logo component designed for DeFi
-          applications, featuring pulsing nodes and signal flows that represent
-          financial data processing.`,
-      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-rose-600 to-pink-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(g, { 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(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ a(s, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Default Animated Logo" }),
-      /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(t, { width: 100, height: 100 }) })
-    ] }),
-    /* @__PURE__ */ a(s, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Different Sizes" }),
-      /* @__PURE__ */ a("div", { className: "flex items-center gap-4 flex-wrap justify-center", children: [
-        /* @__PURE__ */ e(t, { width: 60, height: 60 }),
-        /* @__PURE__ */ e(t, { width: 100, height: 100 }),
-        /* @__PURE__ */ e(t, { width: 150, height: 150 })
-      ] })
-    ] }),
-    /* @__PURE__ */ a(s, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Custom Classes" }),
-      /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
-        t,
-        {
-          width: 120,
-          height: 120,
-          className: "opacity-90 hover:opacity-100 transition-opacity"
-        }
-      ) })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(d, { columns: [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (i) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(i) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (i) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(i) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (i) => {
-        const r = String(i);
-        return r === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: r });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "...SVGAttributes",
-      type: "React.SVGAttributes<SVGElement>",
-      default: "-",
-      description: "All standard SVG attributes are supported"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { 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 { DefiAppLogo } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<DefiAppLogo width={100} height={100} />
-
-// Different sizes
-<DefiAppLogo width={60} height={60} />
-<DefiAppLogo width={100} height={100} />
-<DefiAppLogo width={150} height={150} />
-
-// With custom classes
-<DefiAppLogo 
-  width={120} 
-  height={120} 
-  className="opacity-90 hover:opacity-100 transition-opacity" 
-/>
-
-// With SVG attributes
-<DefiAppLogo 
-  width={80} 
-  height={80} 
-  className="custom-class"
-  viewBox="0 0 100 100"
-/>
-
-// Perfect for DeFi applications
-<div className="flex items-center gap-2">
-  <DefiAppLogo width={40} height={40} />
-  <span>My DeFi App</span>
-</div>
-
-// Features:
-// - Animated pulsing nodes
-// - Signal flow animations
-// - Gradient colors (blue, purple, pink)
-// - Perfect for financial/blockchain apps`
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(
-    m,
-    {
-      componentName: "TucuUiLogo",
-      title: "Logo Playground",
-      defaultValues: {
-        size: 48
-      },
-      excludeProps: ["props", "className"],
-      children: (i) => /* @__PURE__ */ e(h, { ...i })
-    }
-  ),
-  /* @__PURE__ */ e(f, { componentName: "TucuUiLogo" })
-] });
-export {
-  v as default
-};

package/documentation/DefiAppLogoSection-yU373rnC.js

@@ -1,38 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COp_AWCS.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[{key:"prop",label:"Prop",render:i=>e.jsx("code",{className:"text-xs text-brand",children:String(i)})},{key:"type",label:"Type",render:i=>e.jsx("code",{className:"text-xs",children:String(i)})},{key:"default",label:"Default",render:i=>{const t=String(i);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],r=[{prop:"...SVGAttributes",type:"React.SVGAttributes<SVGElement>",default:"-",description:"All standard SVG attributes are supported"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"DefiAppLogo",description:`An animated brain-inspired logo component designed for DeFi
-          applications, featuring pulsing nodes and signal flows that represent
-          financial data processing.`,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-rose-600 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Diamond,{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 Animated Logo"}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(s.DefiAppLogo,{width:100,height:100})})]}),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 justify-center",children:[e.jsx(s.DefiAppLogo,{width:60,height:60}),e.jsx(s.DefiAppLogo,{width:100,height:100}),e.jsx(s.DefiAppLogo,{width:150,height:150})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Classes"}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(s.DefiAppLogo,{width:120,height:120,className:"opacity-90 hover:opacity-100 transition-opacity"})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:a,data:r})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { DefiAppLogo } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<DefiAppLogo width={100} height={100} />
-
-// Different sizes
-<DefiAppLogo width={60} height={60} />
-<DefiAppLogo width={100} height={100} />
-<DefiAppLogo width={150} height={150} />
-
-// With custom classes
-<DefiAppLogo 
-  width={120} 
-  height={120} 
-  className="opacity-90 hover:opacity-100 transition-opacity" 
-/>
-
-// With SVG attributes
-<DefiAppLogo 
-  width={80} 
-  height={80} 
-  className="custom-class"
-  viewBox="0 0 100 100"
-/>
-
-// Perfect for DeFi applications
-<div className="flex items-center gap-2">
-  <DefiAppLogo width={40} height={40} />
-  <span>My DeFi App</span>
-</div>
-
-// Features:
-// - Animated pulsing nodes
-// - Signal flow animations
-// - Gradient colors (blue, purple, pink)
-// - Perfect for financial/blockchain apps`})})})}),e.jsx(s.PropPlayground,{componentName:"TucuUiLogo",title:"Logo Playground",defaultValues:{size:48},excludeProps:["props","className"],children:i=>e.jsx(s.TucuUiLogo,{...i})}),e.jsx(s.AutoPropsTable,{componentName:"TucuUiLogo"})]})};exports.default=l;

package/documentation/DeploymentSection-DdrdxadS.js

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-COp_AWCS.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(r.HeroCard,{title:"Self-Hosting & Deployment",description:"Deploy the MCP server to Docker, Fly.io, or any container platform for team-wide access.",icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-sky-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Cloud,{className:"w-8 h-8 sm:w-10 sm:h-10 text-white"})})}),e.jsx(r.CardContainer,{children:e.jsxs(r.CardTitle,{title:"Live Instance",children:[e.jsx(r.Typography,{className:"text-sm text-foreground/70 mb-3",children:"A public instance is available for testing and evaluation:"}),e.jsxs("div",{className:"p-4 rounded-lg border border-emerald-500/20 bg-emerald-500/5 flex items-center gap-3",children:[e.jsx(r.Badge,{variant:"soft",className:"bg-emerald-500/10 text-emerald-500",children:"LIVE"}),e.jsx("code",{className:"text-sm font-mono text-emerald-600 dark:text-emerald-400",children:"https://tucu-ui-mcp.fly.dev"})]})]})}),e.jsx(r.CardContainer,{children:e.jsxs(r.CardTitle,{title:"Docker",children:[e.jsx(r.Typography,{className:"text-sm text-foreground/70 mb-3",children:"Run with Docker Compose or standalone:"}),e.jsx(r.CodeBlock,{code:`# Using Docker Compose (recommended)
-docker compose up -d
-
-# Or build and run manually
-docker build -t tucu-ui-mcp .
-docker run -d \\
-  --name tucu-ui-mcp \\
-  -p 3100:3100 \\
-  -e MCP_API_KEY=your-secret-key \\
-  tucu-ui-mcp`})]})}),e.jsx(r.CardContainer,{children:e.jsxs(r.CardTitle,{title:"Fly.io",children:[e.jsx(r.Typography,{className:"text-sm text-foreground/70 mb-3",children:"Deploy to Fly.io for a globally-distributed instance:"}),e.jsx(r.CodeBlock,{code:`# Initial setup
-fly launch --name tucu-ui-mcp --region iad
-
-# Set secrets
-fly secrets set MCP_API_KEY=your-secret-key
-
-# Deploy
-fly deploy
-
-# Check status
-fly status
-fly logs`})]})}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Environment Variables",children:e.jsx(r.BasicTable,{columns:[{key:"variable",label:"Variable",render:t=>e.jsx("code",{className:"px-1.5 py-0.5 bg-muted rounded text-xs font-mono",children:String(t)})},{key:"default",label:"Default"},{key:"description",label:"Description"}],data:[{variable:"PORT",default:"3100",description:"HTTP server port"},{variable:"MCP_API_KEY",default:"—",description:"Bearer token for authentication (required in production)"},{variable:"NODE_ENV",default:"production",description:"Environment mode"},{variable:"RATE_LIMIT_MAX",default:"100",description:"Max requests per minute per IP"}]})})}),e.jsx(r.CardContainer,{children:e.jsxs(r.CardTitle,{title:"Docker Compose File",children:[e.jsxs(r.Typography,{className:"text-sm text-foreground/70 mb-3",children:["Reference"," ",e.jsx("code",{className:"px-1.5 py-0.5 bg-muted rounded text-xs font-mono",children:"docker-compose.yml"}),":"]}),e.jsx(r.CodeBlock,{code:`version: '3.8'
-services:
-  mcp-server:
-    build: .
-    ports:
-      - "3100:3100"
-    environment:
-      - PORT=3100
-      - MCP_API_KEY=\${MCP_API_KEY}
-      - NODE_ENV=production
-    restart: unless-stopped
-    healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:3100/health"]
-      interval: 30s
-      timeout: 10s
-      retries: 3`})]})})]});exports.default=o;

package/documentation/DeploymentSection-Zq8li6Rk.js

@@ -1,136 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { H as s, C as r, a as o, T as l, K as n, c as a, y as c } from "../index-DYDFy1df.js";
-import { Cloud as d } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const b = () => /* @__PURE__ */ t("div", { className: "flex flex-col gap-8", children: [
-  /* @__PURE__ */ e(
-    s,
-    {
-      title: "Self-Hosting & Deployment",
-      description: "Deploy the MCP server to Docker, Fly.io, or any container platform for team-wide access.",
-      icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-sky-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(d, { className: "w-8 h-8 sm:w-10 sm:h-10 text-white" }) })
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(o, { title: "Live Instance", children: [
-    /* @__PURE__ */ e(l, { className: "text-sm text-foreground/70 mb-3", children: "A public instance is available for testing and evaluation:" }),
-    /* @__PURE__ */ t("div", { className: "p-4 rounded-lg border border-emerald-500/20 bg-emerald-500/5 flex items-center gap-3", children: [
-      /* @__PURE__ */ e(
-        n,
-        {
-          variant: "soft",
-          className: "bg-emerald-500/10 text-emerald-500",
-          children: "LIVE"
-        }
-      ),
-      /* @__PURE__ */ e("code", { className: "text-sm font-mono text-emerald-600 dark:text-emerald-400", children: "https://tucu-ui-mcp.fly.dev" })
-    ] })
-  ] }) }),
-  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(o, { title: "Docker", children: [
-    /* @__PURE__ */ e(l, { className: "text-sm text-foreground/70 mb-3", children: "Run with Docker Compose or standalone:" }),
-    /* @__PURE__ */ e(
-      a,
-      {
-        code: `# Using Docker Compose (recommended)
-docker compose up -d
-
-# Or build and run manually
-docker build -t tucu-ui-mcp .
-docker run -d \\
-  --name tucu-ui-mcp \\
-  -p 3100:3100 \\
-  -e MCP_API_KEY=your-secret-key \\
-  tucu-ui-mcp`
-      }
-    )
-  ] }) }),
-  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(o, { title: "Fly.io", children: [
-    /* @__PURE__ */ e(l, { className: "text-sm text-foreground/70 mb-3", children: "Deploy to Fly.io for a globally-distributed instance:" }),
-    /* @__PURE__ */ e(
-      a,
-      {
-        code: `# Initial setup
-fly launch --name tucu-ui-mcp --region iad
-
-# Set secrets
-fly secrets set MCP_API_KEY=your-secret-key
-
-# Deploy
-fly deploy
-
-# Check status
-fly status
-fly logs`
-      }
-    )
-  ] }) }),
-  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(o, { title: "Environment Variables", children: /* @__PURE__ */ e(
-    c,
-    {
-      columns: [
-        {
-          key: "variable",
-          label: "Variable",
-          render: (i) => /* @__PURE__ */ e("code", { className: "px-1.5 py-0.5 bg-muted rounded text-xs font-mono", children: String(i) })
-        },
-        { key: "default", label: "Default" },
-        { key: "description", label: "Description" }
-      ],
-      data: [
-        {
-          variable: "PORT",
-          default: "3100",
-          description: "HTTP server port"
-        },
-        {
-          variable: "MCP_API_KEY",
-          default: "—",
-          description: "Bearer token for authentication (required in production)"
-        },
-        {
-          variable: "NODE_ENV",
-          default: "production",
-          description: "Environment mode"
-        },
-        {
-          variable: "RATE_LIMIT_MAX",
-          default: "100",
-          description: "Max requests per minute per IP"
-        }
-      ]
-    }
-  ) }) }),
-  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(o, { title: "Docker Compose File", children: [
-    /* @__PURE__ */ t(l, { className: "text-sm text-foreground/70 mb-3", children: [
-      "Reference",
-      " ",
-      /* @__PURE__ */ e("code", { className: "px-1.5 py-0.5 bg-muted rounded text-xs font-mono", children: "docker-compose.yml" }),
-      ":"
-    ] }),
-    /* @__PURE__ */ e(
-      a,
-      {
-        code: `version: '3.8'
-services:
-  mcp-server:
-    build: .
-    ports:
-      - "3100:3100"
-    environment:
-      - PORT=3100
-      - MCP_API_KEY=\${MCP_API_KEY}
-      - NODE_ENV=production
-    restart: unless-stopped
-    healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:3100/health"]
-      interval: 30s
-      timeout: 10s
-      retries: 3`
-      }
-    )
-  ] }) })
-] });
-export {
-  b as default
-};

package/documentation/DesignPrinciplesSection-BFeLS1Jc.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COp_AWCS.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const a=[{title:"Consistency",description:"Unified visual language and interaction patterns across all components.",icon:e.jsx(s.CheckCircle,{className:"h-6 w-6"}),iconBgClassName:"from-emerald-500 via-green-500 to-teal-500"},{title:"Simplicity",description:"Clean, intuitive interfaces that reduce cognitive load.",icon:e.jsx(s.Minimize2,{className:"h-6 w-6"}),iconBgClassName:"from-blue-500 via-cyan-500 to-sky-500"},{title:"Flexibility",description:"Adaptable components that work across different contexts.",icon:e.jsx(s.Layers,{className:"h-6 w-6"}),iconBgClassName:"from-purple-500 via-violet-500 to-indigo-500"},{title:"Accessibility",description:"Inclusive design that works for everyone.",icon:e.jsx(s.Eye,{className:"h-6 w-6"}),iconBgClassName:"from-orange-500 via-amber-500 to-yellow-500"}];return e.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:[e.jsx(t.HeroCard,{title:"Design Principles",description:"Core principles that guide our design decisions and ensure consistency.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Compass,{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:"Core Principles"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"The foundational values behind every design decision"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6",children:a.map(i=>e.jsx(t.FeatureCard,{layout:"horizontal",title:i.title,description:i.description,icon:i.icon,iconBgClassName:i.iconBgClassName},i.title))})]})]})};exports.default=n;

package/documentation/DesignPrinciplesSection-CQ9uXtm0.js

@@ -1,68 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { H as t, T as a, ax as o } from "../index-DYDFy1df.js";
-import { Compass as n, CheckCircle as l, Minimize2 as r, Layers as c, Eye as m } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const x = () => /* @__PURE__ */ s("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: [
-  /* @__PURE__ */ e(
-    t,
-    {
-      title: "Design Principles",
-      description: "Core principles that guide our design decisions and ensure consistency.",
-      icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(n, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-    }
-  ),
-  /* @__PURE__ */ s("section", { className: "space-y-8", children: [
-    /* @__PURE__ */ s("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(a, { tag: "h2", className: "mb-2", children: "Core Principles" }),
-      /* @__PURE__ */ e(
-        a,
-        {
-          tag: "p",
-          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "The foundational values behind every design decision"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6", children: [
-      {
-        title: "Consistency",
-        description: "Unified visual language and interaction patterns across all components.",
-        icon: /* @__PURE__ */ e(l, { className: "h-6 w-6" }),
-        iconBgClassName: "from-emerald-500 via-green-500 to-teal-500"
-      },
-      {
-        title: "Simplicity",
-        description: "Clean, intuitive interfaces that reduce cognitive load.",
-        icon: /* @__PURE__ */ e(r, { className: "h-6 w-6" }),
-        iconBgClassName: "from-blue-500 via-cyan-500 to-sky-500"
-      },
-      {
-        title: "Flexibility",
-        description: "Adaptable components that work across different contexts.",
-        icon: /* @__PURE__ */ e(c, { className: "h-6 w-6" }),
-        iconBgClassName: "from-purple-500 via-violet-500 to-indigo-500"
-      },
-      {
-        title: "Accessibility",
-        description: "Inclusive design that works for everyone.",
-        icon: /* @__PURE__ */ e(m, { className: "h-6 w-6" }),
-        iconBgClassName: "from-orange-500 via-amber-500 to-yellow-500"
-      }
-    ].map((i) => /* @__PURE__ */ e(
-      o,
-      {
-        layout: "horizontal",
-        title: i.title,
-        description: i.description,
-        icon: i.icon,
-        iconBgClassName: i.iconBgClassName
-      },
-      i.title
-    )) })
-  ] })
-] });
-export {
-  x as default
-};

package/documentation/DrawerSection-BXsL-pSW.js

@@ -1,155 +0,0 @@
-import { jsxs as r, Fragment as w, jsx as e } from "react/jsx-runtime";
-import { useState as a } from "react";
-import { H as u, C as s, a as p, T as i, x as c, a5 as o, P as f, A as g, c as O } from "../index-DYDFy1df.js";
-import { PanelRightOpen as b } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const x = () => {
-  const [n, t] = a(!1), [m, l] = a(!1), [, d] = a("sidebar");
-  return /* @__PURE__ */ r(w, { children: [
-    /* @__PURE__ */ e(
-      u,
-      {
-        title: "Drawer",
-        description: `A drawer component that slides in from the side, supporting both
-          simple sidebar and sidebar-menu variants.`,
-        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-amber-600 to-orange-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(b, { 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(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(p, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ r(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(i, { tag: "h5", className: "mb-3", children: "Left Position" }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            onClick: () => {
-              d("sidebar"), t(!0);
-            },
-            children: "Open Left Drawer"
-          }
-        ),
-        /* @__PURE__ */ e(
-          o,
-          {
-            isOpen: n,
-            setIsOpen: t,
-            type: "sidebar",
-            title: "Sidebar Title",
-            position: "left",
-            children: /* @__PURE__ */ e(i, { tag: "p", children: "Sidebar content goes here" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(i, { tag: "h5", className: "mb-3", children: "Right Position" }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            onClick: () => {
-              d("sidebar"), l(!0);
-            },
-            children: "Open Right Drawer"
-          }
-        ),
-        /* @__PURE__ */ e(
-          o,
-          {
-            isOpen: m,
-            setIsOpen: l,
-            type: "sidebar",
-            position: "right",
-            title: "Right Drawer",
-            children: /* @__PURE__ */ e(i, { tag: "p", children: "Content on the right" })
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(
-      f,
-      {
-        componentName: "Drawer",
-        defaultValues: {
-          isOpen: n,
-          setIsOpen: t,
-          position: "left",
-          backdrop: !0
-        },
-        excludeProps: [
-          "setIsOpen",
-          "onClose",
-          "actionContent",
-          "logo",
-          "menuItems",
-          "type"
-        ],
-        children: (h) => /* @__PURE__ */ e(
-          "div",
-          {
-            style: { position: "relative", height: 300, overflow: "hidden" },
-            children: /* @__PURE__ */ e(
-              o,
-              {
-                ...h,
-                setIsOpen: t,
-                isOpen: n,
-                title: "Drawer Preview",
-                children: /* @__PURE__ */ e("p", { className: "text-sm p-4", children: "Drawer content" })
-              }
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(g, { componentName: "Drawer" }),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(p, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      O,
-      {
-        language: "tsx",
-        code: `import { Drawer, Button } from '@e-burgos/tucu-ui';
-import { useState } from 'react';
-
-function MyComponent() {
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <>
-      <Button onClick={() => setIsOpen(true)}>Open Drawer</Button>
-      <Drawer
-        isOpen={isOpen}
-        setIsOpen={setIsOpen}
-        type="sidebar"
-        title="Drawer Title"
-      >
-        <div>Drawer content</div>
-      </Drawer>
-    </>
-  );
-}
-
-// Right position
-<Drawer
-  isOpen={isOpen}
-  setIsOpen={setIsOpen}
-  type="sidebar"
-  position="right"
-  title="Right Drawer"
->
-  <div>Content</div>
-</Drawer>
-
-// Without backdrop
-<Drawer
-  isOpen={isOpen}
-  setIsOpen={setIsOpen}
-  type="sidebar"
-  backdrop={false}
->
-  <div>Content</div>
-</Drawer>`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  x as default
-};

package/documentation/DrawerSection-tFhF0Yk2.js

@@ -1,42 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-COp_AWCS.js"),d=require("lucide-react");require("react-router-dom");require("react-dom");const p=()=>{const[r,s]=i.useState(!1),[o,n]=i.useState(!1),[,a]=i.useState("sidebar");return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Drawer",description:`A drawer component that slides in from the side, supporting both
-          simple sidebar and sidebar-menu variants.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-amber-600 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(d.PanelRightOpen,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Left Position"}),e.jsx(t.Button,{onClick:()=>{a("sidebar"),s(!0)},children:"Open Left Drawer"}),e.jsx(t.Drawer,{isOpen:r,setIsOpen:s,type:"sidebar",title:"Sidebar Title",position:"left",children:e.jsx(t.Typography,{tag:"p",children:"Sidebar content goes here"})})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Right Position"}),e.jsx(t.Button,{onClick:()=>{a("sidebar"),n(!0)},children:"Open Right Drawer"}),e.jsx(t.Drawer,{isOpen:o,setIsOpen:n,type:"sidebar",position:"right",title:"Right Drawer",children:e.jsx(t.Typography,{tag:"p",children:"Content on the right"})})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"Drawer",defaultValues:{isOpen:r,setIsOpen:s,position:"left",backdrop:!0},excludeProps:["setIsOpen","onClose","actionContent","logo","menuItems","type"],children:l=>e.jsx("div",{style:{position:"relative",height:300,overflow:"hidden"},children:e.jsx(t.Drawer,{...l,setIsOpen:s,isOpen:r,title:"Drawer Preview",children:e.jsx("p",{className:"text-sm p-4",children:"Drawer content"})})})}),e.jsx(t.AutoPropsTable,{componentName:"Drawer"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { Drawer, Button } from '@e-burgos/tucu-ui';
-import { useState } from 'react';
-
-function MyComponent() {
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <>
-      <Button onClick={() => setIsOpen(true)}>Open Drawer</Button>
-      <Drawer
-        isOpen={isOpen}
-        setIsOpen={setIsOpen}
-        type="sidebar"
-        title="Drawer Title"
-      >
-        <div>Drawer content</div>
-      </Drawer>
-    </>
-  );
-}
-
-// Right position
-<Drawer
-  isOpen={isOpen}
-  setIsOpen={setIsOpen}
-  type="sidebar"
-  position="right"
-  title="Right Drawer"
->
-  <div>Content</div>
-</Drawer>
-
-// Without backdrop
-<Drawer
-  isOpen={isOpen}
-  setIsOpen={setIsOpen}
-  type="sidebar"
-  backdrop={false}
->
-  <div>Content</div>
-</Drawer>`})})})})]})};exports.default=p;