@e-burgos/tucu-ui 2.4.1 → 2.6.0

package/documentation/NotificationCardSection-B0uifGYN.js

@@ -1,120 +0,0 @@
-import { jsxs as t, Fragment as l, jsx as a } from "react/jsx-runtime";
-import { H as m, C as o, a as n, T as i, ak as e, P as c, A as d, c as p } from "../index-BOVWnu1L.js";
-import { Bell as h } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { a as r } from "../1-Df9CGZha.js";
-const C = () => /* @__PURE__ */ t(l, { children: [
-  /* @__PURE__ */ a(
-    m,
-    {
-      title: "NotificationCard",
-      description: `A notification card component for displaying user activity
-          notifications with avatar, action type, and timestamp.`,
-      icon: /* @__PURE__ */ a("div", { className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-orange-500 to-red-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ a(h, { className: "w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg" }) })
-    }
-  ),
-  /* @__PURE__ */ a(o, { className: "overflow-hidden", children: /* @__PURE__ */ a(n, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t(o, { className: "p-4", children: [
-      /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Followed Notification" }),
-      /* @__PURE__ */ a(
-        e,
-        {
-          type: "followed",
-          actor: { name: "john_doe", avatar: r },
-          time: "2 hours ago",
-          url: "/profile/john_doe",
-          notifier: "you"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t(o, { className: "p-4", children: [
-      /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Liked Notification" }),
-      /* @__PURE__ */ a(
-        e,
-        {
-          type: "liked",
-          actor: { name: "jane_smith", avatar: r },
-          time: "5 minutes ago",
-          url: "/post/123",
-          notifier: "your post"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t(o, { className: "p-4", children: [
-      /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Purchased Notification" }),
-      /* @__PURE__ */ a(
-        e,
-        {
-          type: "purchased",
-          actor: { name: "alice_wonder", avatar: r },
-          time: "1 day ago",
-          url: "/item/456",
-          notifier: "your item"
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ a(
-    c,
-    {
-      componentName: "NotificationCard",
-      defaultValues: {
-        notifier: "CryptoKing",
-        type: "liked",
-        time: "2 hours ago",
-        url: "#"
-      },
-      excludeProps: ["actor"],
-      children: (s) => /* @__PURE__ */ a(
-        e,
-        {
-          ...s,
-          actor: {
-            name: "John Doe",
-            avatar: "https://randomuser.me/api/portraits/men/1.jpg"
-          }
-        }
-      )
-    }
-  ),
-  /* @__PURE__ */ a(d, { componentName: "NotificationCard" }),
-  /* @__PURE__ */ a(o, { className: "overflow-hidden", children: /* @__PURE__ */ a(n, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    p,
-    {
-      language: "tsx",
-      code: `import { NotificationCard } from '@e-burgos/tucu-ui';
-
-// Followed notification
-<NotificationCard
-  type="followed"
-  actor={{ name: 'john_doe', avatar: '/path/to/avatar.jpg' }}
-  time="2 hours ago"
-  url="/profile/john_doe"
-  notifier="you"
-/>
-
-// Liked notification
-<NotificationCard
-  type="liked"
-  actor={{ name: 'jane_smith', avatar: '/path/to/avatar.jpg' }}
-  time="5 minutes ago"
-  url="/post/123"
-  notifier="your post"
-/>
-
-// Purchased notification
-<NotificationCard
-  type="purchased"
-  actor={{ name: 'alice_wonder', avatar: '/path/to/avatar.jpg' }}
-  time="1 day ago"
-  url="/item/456"
-  notifier="your item"
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  C as default
-};

package/documentation/NotificationCardSection-DrXsyCme.js

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

package/documentation/OverviewSection-z0j3HNDh.js

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

package/documentation/OverviewSection-z2HPIyDK.js

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

package/documentation/PaginationSection-6kuxpMF4.js

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

package/documentation/PaginationSection-DnfHU7XM.js

@@ -1,141 +0,0 @@
-import { jsxs as a, Fragment as h, jsx as e } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { H as p, C as n, a as l, T as t, a1 as r, P as u, A as w, c as f } from "../index-BOVWnu1L.js";
-import { ArrowLeftRight as N } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const z = () => {
-  const [o, m] = s(1), [i, c] = s(5), [g, d] = s(1);
-  return /* @__PURE__ */ a(h, { children: [
-    /* @__PURE__ */ e(
-      p,
-      {
-        title: "Pagination",
-        description: `A pagination component with page number buttons, ellipsis for large
-          ranges, and previous/next navigation.`,
-        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-emerald-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(N, { 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(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6 space-y-8", children: [
-      /* @__PURE__ */ a(n, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Few Pages" }),
-        /* @__PURE__ */ a(
-          t,
-          {
-            tag: "p",
-            className: "text-sm text-gray-500 dark:text-gray-400 mb-4",
-            children: [
-              "Page ",
-              o,
-              " of 5"
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          r,
-          {
-            currentPage: o,
-            totalPages: 5,
-            onPageChange: m
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(n, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Many Pages (with ellipsis)" }),
-        /* @__PURE__ */ a(
-          t,
-          {
-            tag: "p",
-            className: "text-sm text-gray-500 dark:text-gray-400 mb-4",
-            children: [
-              "Page ",
-              i,
-              " of 20"
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          r,
-          {
-            currentPage: i,
-            totalPages: 20,
-            onPageChange: c
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(n, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Custom Window Size" }),
-        /* @__PURE__ */ a(
-          t,
-          {
-            tag: "p",
-            className: "text-sm text-gray-500 dark:text-gray-400 mb-4",
-            children: [
-              "Page ",
-              g,
-              " of 50 (windowSize=3)"
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          r,
-          {
-            currentPage: g,
-            totalPages: 50,
-            onPageChange: d,
-            windowSize: 3
-          }
-        )
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ e(
-      u,
-      {
-        componentName: "Pagination",
-        title: "Pagination Playground",
-        defaultValues: {
-          currentPage: 1,
-          totalPages: 10,
-          windowSize: 5
-        },
-        excludeProps: ["onPageChange", "className"],
-        children: (P) => /* @__PURE__ */ e(
-          r,
-          {
-            ...P,
-            onPageChange: () => {
-            }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(w, { componentName: "Pagination" }),
-    /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      f,
-      {
-        language: "tsx",
-        code: `import { Pagination } from '@e-burgos/tucu-ui';
-import { useState } from 'react';
-
-const [currentPage, setCurrentPage] = useState(1);
-
-<Pagination
-  currentPage={currentPage}
-  totalPages={20}
-  onPageChange={setCurrentPage}
-/>
-
-// With custom window size (more visible page numbers)
-<Pagination
-  currentPage={currentPage}
-  totalPages={50}
-  onPageChange={setCurrentPage}
-  windowSize={3}
-/>`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  z as default
-};

package/documentation/PanelActionCardSection-B7TtZMTv.js

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

package/documentation/PanelActionCardSection-C-Q78_rO.js

@@ -1,104 +0,0 @@
-import { jsxs as l, Fragment as c, jsx as a } from "react/jsx-runtime";
-import { H as s, C as t, a as i, T as e, O as n, P as r, A as d, c as h } from "../index-BOVWnu1L.js";
-import { PanelLeft as m } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const v = () => /* @__PURE__ */ l(c, { children: [
-  /* @__PURE__ */ a(
-    s,
-    {
-      title: "PanelActionCard",
-      description: `A panel card component with a scrollable content area and action
-          buttons at the bottom.`,
-      icon: /* @__PURE__ */ a("div", { className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-purple-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ a(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__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(i, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ l(t, { className: "p-4", children: [
-      /* @__PURE__ */ a(e, { tag: "h5", className: "mb-3", children: "Basic Panel with Actions" }),
-      /* @__PURE__ */ a(
-        n,
-        {
-          title: "Panel Title",
-          actions: [
-            {
-              label: "Cancel",
-              variant: "ghost",
-              onClick: () => console.log("Cancel")
-            },
-            {
-              label: "Save",
-              variant: "solid",
-              color: "primary",
-              onClick: () => console.log("Save")
-            }
-          ],
-          children: /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ a(e, { tag: "p", children: "Content line 1" }),
-            /* @__PURE__ */ a(e, { tag: "p", children: "Content line 2" }),
-            /* @__PURE__ */ a(e, { tag: "p", children: "Content line 3" })
-          ] })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ l(t, { className: "p-4", children: [
-      /* @__PURE__ */ a(e, { tag: "h5", className: "mb-3", children: "Without Actions" }),
-      /* @__PURE__ */ a(n, { title: "Panel Without Actions", children: /* @__PURE__ */ a("div", { className: "space-y-2", children: /* @__PURE__ */ a(e, { tag: "p", children: "This panel has no action buttons." }) }) })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ a(
-    r,
-    {
-      componentName: "PanelActionCard",
-      defaultValues: { title: "Panel Title" },
-      excludeProps: ["actions"],
-      children: (o) => /* @__PURE__ */ a(
-        n,
-        {
-          ...o,
-          actions: [{ label: "Action", onClick: () => {
-          } }]
-        }
-      )
-    }
-  ),
-  /* @__PURE__ */ a(d, { componentName: "PanelActionCard" }),
-  /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(i, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    h,
-    {
-      language: "tsx",
-      code: `import { PanelActionCard, Typography } from '@e-burgos/tucu-ui';
-
-// With actions
-<PanelActionCard
-  title="Panel Title"
-  actions={[
-    {
-      label: 'Cancel',
-      variant: 'ghost',
-      onClick: () => handleCancel(),
-    },
-    {
-      label: 'Save',
-      variant: 'solid',
-      color: 'primary',
-      onClick: () => handleSave(),
-    },
-  ]}
->
-  <div className="space-y-2">
-    <Typography tag="p">Content here</Typography>
-  </div>
-</PanelActionCard>
-
-// Without actions
-<PanelActionCard title="Panel Title">
-  <Typography tag="p">Content without actions</Typography>
-</PanelActionCard>`
-    }
-  ) }) }) })
-] });
-export {
-  v as default
-};