@e-burgos/tucu-ui 2.6.0 → 2.7.1

package/documentation/PromptsSection-Be0ObKFK.js

@@ -1,118 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { H as s, C as r, a as i, T as o, aC as n, c } from "../index-DoxeCFUJ.js";
-import { MessageSquare as l, PlusCircle as m, FileInput as d, Layout as p, Bug as u, ArrowRightLeft as g, Palette as h, Accessibility as f, Gauge as w } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const v = [
-  {
-    name: "create-component",
-    description: "Guided workflow to create a new component using tucu-ui primitives. Asks for name, category, props, and variants.",
-    icon: /* @__PURE__ */ e(m, { className: "w-5 h-5" }),
-    color: "blue"
-  },
-  {
-    name: "create-form",
-    description: "Interactive form builder. Collects field definitions, validation rules, and layout — outputs a complete Form with Zod schema.",
-    icon: /* @__PURE__ */ e(d, { className: "w-5 h-5" }),
-    color: "emerald"
-  },
-  {
-    name: "create-page",
-    description: "Page scaffolding wizard. Asks for layout type, sections, navigation needs — generates a routed page with layout integration.",
-    icon: /* @__PURE__ */ e(p, { className: "w-5 h-5" }),
-    color: "violet"
-  },
-  {
-    name: "debug-variant",
-    description: "Diagnose variant errors. Given a component and the variant causing issues, explains valid options and provides corrected usage.",
-    icon: /* @__PURE__ */ e(u, { className: "w-5 h-5" }),
-    color: "red"
-  },
-  {
-    name: "migrate-component",
-    description: "Migrate from external libraries (Material UI, Chakra, Ant Design) to tucu-ui equivalents. Maps props and patterns automatically.",
-    icon: /* @__PURE__ */ e(g, { className: "w-5 h-5" }),
-    color: "amber"
-  },
-  {
-    name: "theme-setup",
-    description: "Configure theming from scratch. Sets up color preset, dark/light mode, token overrides, and the Zustand theme store.",
-    icon: /* @__PURE__ */ e(h, { className: "w-5 h-5" }),
-    color: "pink"
-  },
-  {
-    name: "accessibility-check",
-    description: "Audit a component or page for WCAG 2.2 AA compliance. Reports contrast issues, missing ARIA, keyboard traps, and focus gaps.",
-    icon: /* @__PURE__ */ e(f, { className: "w-5 h-5" }),
-    color: "cyan"
-  },
-  {
-    name: "performance-review",
-    description: "Review component usage for performance issues: unnecessary re-renders, missing memoization, bundle size impact.",
-    icon: /* @__PURE__ */ e(w, { className: "w-5 h-5" }),
-    color: "orange"
-  }
-], C = () => /* @__PURE__ */ a("div", { className: "flex flex-col gap-8", children: [
-  /* @__PURE__ */ e(
-    s,
-    {
-      title: "Prompts",
-      description: "8 pre-built prompt templates that guide the agent through complex multi-step workflows.",
-      icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-amber-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(l, { className: "w-8 h-8 sm:w-10 sm:h-10 text-white" }) })
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(i, { title: "What are Prompts?", children: /* @__PURE__ */ e(o, { className: "text-sm text-foreground/70", children: "MCP Prompts are pre-defined conversation templates that guide the agent through a multi-step workflow. Unlike tools (single-shot execution), prompts structure an interactive dialogue — asking clarifying questions, making decisions, and producing comprehensive output." }) }) }),
-  /* @__PURE__ */ a("section", { className: "space-y-6", children: [
-    /* @__PURE__ */ a("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(o, { tag: "h2", className: "mb-2", children: "Available Prompts" }),
-      /* @__PURE__ */ e(
-        o,
-        {
-          tag: "p",
-          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "Each prompt guides the agent through a structured multi-step workflow"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: v.map((t) => /* @__PURE__ */ e(
-      n,
-      {
-        icon: t.icon,
-        title: t.name,
-        description: t.description,
-        color: t.color
-      },
-      t.name
-    )) })
-  ] }),
-  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a(i, { title: "Usage Example", children: [
-    /* @__PURE__ */ e(o, { className: "text-sm text-foreground/70 mb-3", children: "Prompts are invoked by name. The agent then follows the template's guided flow:" }),
-    /* @__PURE__ */ e(
-      c,
-      {
-        code: `// In your AI assistant, invoke a prompt:
-"Use the create-form prompt to build a registration form"
-
-// The agent will:
-// 1. Ask: What fields do you need?
-// 2. Ask: What validation rules?
-// 3. Ask: Any conditional logic?
-// 4. Generate: Complete form with Zod + react-hook-form
-// 5. Output: Ready-to-paste TSX code
-
-// Another example:
-"Run debug-variant for Button with variant='primary'"
-
-// The agent will:
-// 1. Identify: "primary" is not a valid Button variant
-// 2. Explain: Valid variants are "solid" | "ghost" | "transparent"
-// 3. Suggest: Use "solid" for primary button appearance
-// 4. Provide: Corrected code snippet`
-      }
-    )
-  ] }) })
-] });
-export {
-  C as default
-};

package/documentation/PromptsSection-COY6XUPp.js

@@ -1,18 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DWDUS-PU.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=[{name:"create-component",description:"Guided workflow to create a new component using tucu-ui primitives. Asks for name, category, props, and variants.",icon:e.jsx(a.PlusCircle,{className:"w-5 h-5"}),color:"blue"},{name:"create-form",description:"Interactive form builder. Collects field definitions, validation rules, and layout — outputs a complete Form with Zod schema.",icon:e.jsx(a.FileInput,{className:"w-5 h-5"}),color:"emerald"},{name:"create-page",description:"Page scaffolding wizard. Asks for layout type, sections, navigation needs — generates a routed page with layout integration.",icon:e.jsx(a.Layout,{className:"w-5 h-5"}),color:"violet"},{name:"debug-variant",description:"Diagnose variant errors. Given a component and the variant causing issues, explains valid options and provides corrected usage.",icon:e.jsx(a.Bug,{className:"w-5 h-5"}),color:"red"},{name:"migrate-component",description:"Migrate from external libraries (Material UI, Chakra, Ant Design) to tucu-ui equivalents. Maps props and patterns automatically.",icon:e.jsx(a.ArrowRightLeft,{className:"w-5 h-5"}),color:"amber"},{name:"theme-setup",description:"Configure theming from scratch. Sets up color preset, dark/light mode, token overrides, and the Zustand theme store.",icon:e.jsx(a.Palette,{className:"w-5 h-5"}),color:"pink"},{name:"accessibility-check",description:"Audit a component or page for WCAG 2.2 AA compliance. Reports contrast issues, missing ARIA, keyboard traps, and focus gaps.",icon:e.jsx(a.Accessibility,{className:"w-5 h-5"}),color:"cyan"},{name:"performance-review",description:"Review component usage for performance issues: unnecessary re-renders, missing memoization, bundle size impact.",icon:e.jsx(a.Gauge,{className:"w-5 h-5"}),color:"orange"}],s=()=>e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(t.HeroCard,{title:"Prompts",description:"8 pre-built prompt templates that guide the agent through complex multi-step workflows.",icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-amber-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.MessageSquare,{className:"w-8 h-8 sm:w-10 sm:h-10 text-white"})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"What are Prompts?",children:e.jsx(t.Typography,{className:"text-sm text-foreground/70",children:"MCP Prompts are pre-defined conversation templates that guide the agent through a multi-step workflow. Unlike tools (single-shot execution), prompts structure an interactive dialogue — asking clarifying questions, making decisions, and producing comprehensive output."})})}),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:"Available Prompts"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each prompt guides the agent through a structured multi-step workflow"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",children:o.map(r=>e.jsx(t.ColorCard,{icon:r.icon,title:r.name,description:r.description,color:r.color},r.name))})]}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Usage Example",children:[e.jsx(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:"Prompts are invoked by name. The agent then follows the template's guided flow:"}),e.jsx(t.CodeBlock,{code:`// In your AI assistant, invoke a prompt:
-"Use the create-form prompt to build a registration form"
-
-// The agent will:
-// 1. Ask: What fields do you need?
-// 2. Ask: What validation rules?
-// 3. Ask: Any conditional logic?
-// 4. Generate: Complete form with Zod + react-hook-form
-// 5. Output: Ready-to-paste TSX code
-
-// Another example:
-"Run debug-variant for Button with variant='primary'"
-
-// The agent will:
-// 1. Identify: "primary" is not a valid Button variant
-// 2. Explain: Valid variants are "solid" | "ghost" | "transparent"
-// 3. Suggest: Use "solid" for primary button appearance
-// 4. Provide: Corrected code snippet`})]})})]});exports.default=s;

package/documentation/RadarChartSection-B8qTV7dc.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DWDUS-PU.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{subject:"Performance",teamA:85,teamB:70,teamC:60},{subject:"Reliability",teamA:90,teamB:80,teamC:75},{subject:"Scalability",teamA:70,teamB:85,teamC:90},{subject:"Security",teamA:95,teamB:75,teamC:80},{subject:"Usability",teamA:80,teamB:90,teamC:70},{subject:"Efficiency",teamA:75,teamB:65,teamC:85}],r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-base md:text-base font-semibold",children:"RadarChart"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Radar chart component for comparing multiple variables across categories, ideal for skill assessments and performance comparisons."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Radar Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Multiple Series Comparison",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"},{dataKey:"teamC",name:"Team C"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Higher Fill Opacity",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"}],fillOpacity:.6,height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { RadarChart } from '@e-burgos/tucu-ui';
-
-const data = [
-  { subject: 'Performance', teamA: 85, teamB: 70 },
-  { subject: 'Reliability', teamA: 90, teamB: 80 },
-  { subject: 'Scalability', teamA: 70, teamB: 85 },
-  { subject: 'Security', teamA: 95, teamB: 75 },
-  { subject: 'Usability', teamA: 80, teamB: 90 },
-];
-
-<RadarChart
-  data={data}
-  series={[
-    { dataKey: 'teamA', name: 'Team A' },
-    { dataKey: 'teamB', name: 'Team B' },
-  ]}
-  height={350}
-  fillOpacity={0.3}
-  showTooltip
-  showLegend
-/>`,language:"tsx"})})})}),e.jsx(a.PropPlayground,{componentName:"RadarChart",defaultValues:{height:350,fillOpacity:.3,showTooltip:!0,showLegend:!0,animate:!0},excludeProps:["data","series","colors","className","emptyMessage"],children:s=>e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"}],...s})}),e.jsx(a.AutoPropsTable,{componentName:"RadarChart"})]});exports.default=r;

package/documentation/RadarChartSection-Dsjj4EQ6.js

@@ -1,114 +0,0 @@
-import { jsxs as i, Fragment as c, jsx as a } from "react/jsx-runtime";
-import { T as r, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-DoxeCFUJ.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const s = [
-  { subject: "Performance", teamA: 85, teamB: 70, teamC: 60 },
-  { subject: "Reliability", teamA: 90, teamB: 80, teamC: 75 },
-  { subject: "Scalability", teamA: 70, teamB: 85, teamC: 90 },
-  { subject: "Security", teamA: 95, teamB: 75, teamC: 80 },
-  { subject: "Usability", teamA: 80, teamB: 90, teamC: 70 },
-  { subject: "Efficiency", teamA: 75, teamB: 65, teamC: 85 }
-], A = () => /* @__PURE__ */ i(c, { children: [
-  /* @__PURE__ */ i("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ a(r, { tag: "h2", className: "text-base md:text-base font-semibold", children: "RadarChart" }),
-    /* @__PURE__ */ a(
-      r,
-      {
-        tag: "p",
-        className: "text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Radar chart component for comparing multiple variables across categories, ideal for skill assessments and performance comparisons."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ a(e, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Basic Radar Chart", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    m,
-    {
-      data: s,
-      series: [{ dataKey: "teamA", name: "Team A" }],
-      height: 350
-    }
-  ) }) }) }),
-  /* @__PURE__ */ a(e, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Multiple Series Comparison", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    m,
-    {
-      data: s,
-      series: [
-        { dataKey: "teamA", name: "Team A" },
-        { dataKey: "teamB", name: "Team B" },
-        { dataKey: "teamC", name: "Team C" }
-      ],
-      height: 350
-    }
-  ) }) }) }),
-  /* @__PURE__ */ a(e, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Higher Fill Opacity", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    m,
-    {
-      data: s,
-      series: [
-        { dataKey: "teamA", name: "Team A" },
-        { dataKey: "teamB", name: "Team B" }
-      ],
-      fillOpacity: 0.6,
-      height: 350
-    }
-  ) }) }) }),
-  /* @__PURE__ */ a(e, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Usage", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    d,
-    {
-      code: `import { RadarChart } from '@e-burgos/tucu-ui';
-
-const data = [
-  { subject: 'Performance', teamA: 85, teamB: 70 },
-  { subject: 'Reliability', teamA: 90, teamB: 80 },
-  { subject: 'Scalability', teamA: 70, teamB: 85 },
-  { subject: 'Security', teamA: 95, teamB: 75 },
-  { subject: 'Usability', teamA: 80, teamB: 90 },
-];
-
-<RadarChart
-  data={data}
-  series={[
-    { dataKey: 'teamA', name: 'Team A' },
-    { dataKey: 'teamB', name: 'Team B' },
-  ]}
-  height={350}
-  fillOpacity={0.3}
-  showTooltip
-  showLegend
-/>`,
-      language: "tsx"
-    }
-  ) }) }) }),
-  /* @__PURE__ */ a(
-    o,
-    {
-      componentName: "RadarChart",
-      defaultValues: {
-        height: 350,
-        fillOpacity: 0.3,
-        showTooltip: !0,
-        showLegend: !0,
-        animate: !0
-      },
-      excludeProps: ["data", "series", "colors", "className", "emptyMessage"],
-      children: (l) => /* @__PURE__ */ a(
-        m,
-        {
-          data: s,
-          series: [
-            { dataKey: "teamA", name: "Team A" },
-            { dataKey: "teamB", name: "Team B" }
-          ],
-          ...l
-        }
-      )
-    }
-  ),
-  /* @__PURE__ */ a(n, { componentName: "RadarChart" })
-] });
-export {
-  A as default
-};

package/documentation/RadioGroupSection-D4QKj2um.js

@@ -1,269 +0,0 @@
-import { jsxs as e, Fragment as g, jsx as l } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { H as v, C as a, a as t, T as i, t as o, P as N, A as f, c as G } from "../index-DoxeCFUJ.js";
-import { CircleDot as w } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const P = () => {
-  const [c, p] = d(""), [m, u] = d("starter"), h = [
-    { label: "Primary", color: "primary" },
-    { label: "Secondary", color: "secondary" },
-    { label: "Danger", color: "danger" },
-    { label: "Info", color: "info" },
-    { label: "Success", color: "success" },
-    { label: "Warning", color: "warning" }
-  ], b = [
-    { label: "Small", size: "sm" },
-    { label: "Medium", size: "md" },
-    { label: "Large", size: "lg" },
-    { label: "Extra Large", size: "xl" }
-  ], n = [
-    { value: "male", label: "Male" },
-    { value: "female", label: "Female" },
-    { value: "other", label: "Other" }
-  ];
-  return /* @__PURE__ */ e(g, { children: [
-    /* @__PURE__ */ l(
-      v,
-      {
-        title: "RadioGroup",
-        description: "A group of radio buttons for selecting one option from multiple choices.",
-        icon: /* @__PURE__ */ l("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-indigo-500/50", children: /* @__PURE__ */ l(w, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ l(a, { className: "overflow-hidden", children: /* @__PURE__ */ l(t, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ l("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(a, { className: "p-4", children: [
-        /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "Basic RadioGroup" }),
-        /* @__PURE__ */ l(
-          o,
-          {
-            label: "Gender",
-            options: n,
-            value: c,
-            onChange: (r) => p(r)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(a, { className: "p-4", children: [
-        /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "With Helper Text" }),
-        /* @__PURE__ */ l(
-          o,
-          {
-            label: "Size",
-            helperText: "Select your preferred size",
-            options: [
-              { value: "small", label: "Small" },
-              { value: "medium", label: "Medium" },
-              { value: "large", label: "Large" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(a, { className: "p-4", children: [
-        /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "With Error" }),
-        /* @__PURE__ */ l(
-          o,
-          {
-            label: "Priority",
-            error: "Please select a priority",
-            options: [
-              { value: "low", label: "Low" },
-              { value: "high", label: "High" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(a, { className: "p-4", children: [
-        /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ l(
-          o,
-          {
-            label: "Status",
-            disabled: !0,
-            options: [
-              { value: "active", label: "Active" },
-              { value: "inactive", label: "Inactive" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(a, { className: "p-4", children: [
-        /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "Horizontal Layout" }),
-        /* @__PURE__ */ l(
-          o,
-          {
-            label: "Direction",
-            direction: "horizontal",
-            options: [
-              { value: "vertical", label: "Vertical" },
-              { value: "horizontal", label: "Horizontal" }
-            ]
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ l(a, { className: "overflow-hidden", children: /* @__PURE__ */ l(t, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ e(a, { className: "p-4", children: [
-        /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "Ghost (default)" }),
-        /* @__PURE__ */ l(
-          o,
-          {
-            label: "Ghost Variant",
-            variant: "ghost",
-            options: [
-              { value: "opt1", label: "Option 1" },
-              { value: "opt2", label: "Option 2" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(a, { className: "p-4", children: [
-        /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "Solid" }),
-        /* @__PURE__ */ l(
-          o,
-          {
-            label: "Solid Variant",
-            variant: "solid",
-            options: [
-              { value: "opt1", label: "Option 1" },
-              { value: "opt2", label: "Option 2" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(a, { className: "p-4", children: [
-        /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "Transparent" }),
-        /* @__PURE__ */ l(
-          o,
-          {
-            label: "Transparent Variant",
-            variant: "transparent",
-            options: [
-              { value: "opt1", label: "Option 1" },
-              { value: "opt2", label: "Option 2" }
-            ]
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ l(a, { className: "overflow-hidden", children: /* @__PURE__ */ l(t, { title: "Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3", children: h.map(({ label: r, color: s }) => /* @__PURE__ */ e(a, { className: "p-4", children: [
-      /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: r }),
-      /* @__PURE__ */ l(
-        o,
-        {
-          label: `${r} Group`,
-          color: s,
-          options: n
-        }
-      )
-    ] }, s)) }) }) }) }),
-    /* @__PURE__ */ l(a, { className: "overflow-hidden", children: /* @__PURE__ */ l(t, { title: "Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4", children: b.map(({ label: r, size: s }) => /* @__PURE__ */ e(a, { className: "p-4", children: [
-      /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: r }),
-      /* @__PURE__ */ l(
-        o,
-        {
-          label: `${r} Group`,
-          size: s,
-          options: n
-        }
-      )
-    ] }, s)) }) }) }) }),
-    /* @__PURE__ */ l(
-      N,
-      {
-        componentName: "RadioGroup",
-        defaultValues: {
-          label: "Preview RadioGroup",
-          variant: "ghost",
-          color: "primary",
-          size: "md",
-          labelPlacement: "end",
-          disabled: !1,
-          helperText: "",
-          error: "",
-          direction: "vertical",
-          gap: "md"
-        },
-        includeProps: [
-          "label",
-          "variant",
-          "color",
-          "size",
-          "labelPlacement",
-          "disabled",
-          "helperText",
-          "error",
-          "direction",
-          "gap"
-        ],
-        excludeProps: [
-          "options",
-          "value",
-          "defaultValue",
-          "children",
-          "onChange"
-        ],
-        children: (r) => /* @__PURE__ */ l("div", { className: "w-full max-w-lg", children: /* @__PURE__ */ l(
-          o,
-          {
-            ...r,
-            options: [
-              { value: "starter", label: "Starter" },
-              { value: "growth", label: "Growth" },
-              { value: "scale", label: "Scale" }
-            ],
-            value: m,
-            onChange: (s) => u(String(s))
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ l(f, { componentName: "RadioGroup" }),
-    /* @__PURE__ */ l(a, { className: "overflow-hidden", children: /* @__PURE__ */ l(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l(
-      G,
-      {
-        language: "TS",
-        code: `import { RadioGroup } from '@e-burgos/tucu-ui';
-
-const options = [
-  { value: 'male', label: 'Male' },
-  { value: 'female', label: 'Female' },
-  { value: 'other', label: 'Other' },
-];
-
-<RadioGroup
-  label="Gender"
-  options={options}
-  value={value}
-  onChange={(value) => setValue(value)}
-/>
-
-// Variants
-<RadioGroup label="Ghost" variant="ghost" options={options} />
-<RadioGroup label="Solid" variant="solid" options={options} />
-<RadioGroup label="Transparent" variant="transparent" options={options} />
-
-// Colors
-<RadioGroup label="Primary" color="primary" options={options} />
-<RadioGroup label="Secondary" color="secondary" options={options} />
-<RadioGroup label="Danger" color="danger" options={options} />
-<RadioGroup label="Info" color="info" options={options} />
-<RadioGroup label="Success" color="success" options={options} />
-<RadioGroup label="Warning" color="warning" options={options} />
-
-// Sizes
-<RadioGroup label="Small" size="sm" options={options} />
-<RadioGroup label="Medium" size="md" options={options} />
-<RadioGroup label="Large" size="lg" options={options} />
-<RadioGroup label="Extra Large" size="xl" options={options} />
-
-// Layout
-<RadioGroup label="Horizontal" direction="horizontal" options={options} />
-<RadioGroup label="Vertical" direction="vertical" options={options} />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  P as default
-};

package/documentation/RadioGroupSection-uEBc9tpG.js

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-DWDUS-PU.js"),u=require("lucide-react");require("react-router-dom");require("react-dom");const m=()=>{const[s,n]=i.useState(""),[t,d]=i.useState("starter"),p=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],c=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"},{label:"Extra Large",size:"xl"}],r=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}];return a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"RadioGroup",description:"A group of radio buttons for selecting one option from multiple choices.",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-indigo-500/50",children:a.jsx(u.CircleDot,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic RadioGroup"}),a.jsx(e.RadioGroup,{label:"Gender",options:r,value:s,onChange:l=>n(l)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),a.jsx(e.RadioGroup,{label:"Size",helperText:"Select your preferred size",options:[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),a.jsx(e.RadioGroup,{label:"Priority",error:"Please select a priority",options:[{value:"low",label:"Low"},{value:"high",label:"High"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.RadioGroup,{label:"Status",disabled:!0,options:[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Horizontal Layout"}),a.jsx(e.RadioGroup,{label:"Direction",direction:"horizontal",options:[{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.RadioGroup,{label:"Ghost Variant",variant:"ghost",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.RadioGroup,{label:"Solid Variant",variant:"solid",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.RadioGroup,{label:"Transparent Variant",variant:"transparent",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:p.map(({label:l,color:o})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.RadioGroup,{label:`${l} Group`,color:o,options:r})]},o))})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4",children:c.map(({label:l,size:o})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.RadioGroup,{label:`${l} Group`,size:o,options:r})]},o))})})})}),a.jsx(e.PropPlayground,{componentName:"RadioGroup",defaultValues:{label:"Preview RadioGroup",variant:"ghost",color:"primary",size:"md",labelPlacement:"end",disabled:!1,helperText:"",error:"",direction:"vertical",gap:"md"},includeProps:["label","variant","color","size","labelPlacement","disabled","helperText","error","direction","gap"],excludeProps:["options","value","defaultValue","children","onChange"],children:l=>a.jsx("div",{className:"w-full max-w-lg",children:a.jsx(e.RadioGroup,{...l,options:[{value:"starter",label:"Starter"},{value:"growth",label:"Growth"},{value:"scale",label:"Scale"}],value:t,onChange:o=>d(String(o))})})}),a.jsx(e.AutoPropsTable,{componentName:"RadioGroup"}),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:"TS",code:`import { RadioGroup } from '@e-burgos/tucu-ui';
-
-const options = [
-  { value: 'male', label: 'Male' },
-  { value: 'female', label: 'Female' },
-  { value: 'other', label: 'Other' },
-];
-
-<RadioGroup
-  label="Gender"
-  options={options}
-  value={value}
-  onChange={(value) => setValue(value)}
-/>
-
-// Variants
-<RadioGroup label="Ghost" variant="ghost" options={options} />
-<RadioGroup label="Solid" variant="solid" options={options} />
-<RadioGroup label="Transparent" variant="transparent" options={options} />
-
-// Colors
-<RadioGroup label="Primary" color="primary" options={options} />
-<RadioGroup label="Secondary" color="secondary" options={options} />
-<RadioGroup label="Danger" color="danger" options={options} />
-<RadioGroup label="Info" color="info" options={options} />
-<RadioGroup label="Success" color="success" options={options} />
-<RadioGroup label="Warning" color="warning" options={options} />
-
-// Sizes
-<RadioGroup label="Small" size="sm" options={options} />
-<RadioGroup label="Medium" size="md" options={options} />
-<RadioGroup label="Large" size="lg" options={options} />
-<RadioGroup label="Extra Large" size="xl" options={options} />
-
-// Layout
-<RadioGroup label="Horizontal" direction="horizontal" options={options} />
-<RadioGroup label="Vertical" direction="vertical" options={options} />`})})})})]})};exports.default=m;

package/documentation/RadioSection-3Q2d-3lM.js

@@ -1,27 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("../index-DWDUS-PU.js"),h=require("lucide-react");require("react-router-dom");require("react-dom");const g=()=>{const[r,i]=t.useState(""),[d,n]=t.useState("a"),c=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],m=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"},{label:"Extra Large",size:"xl"}];return a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"Radio",description:"A single radio button component for binary choices.",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-violet-500 via-purple-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:a.jsx(h.Circle,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Radio"}),a.jsx(e.Radio,{label:"Option 1",value:"option1",checked:r==="option1",onChange:l=>i(l.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.Radio,{label:"Disabled option",value:"disabled",disabled:!0})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.Radio,{label:"Ghost Variant",value:"ghost",variant:"ghost",checked:r==="ghost",onChange:l=>i(l.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.Radio,{label:"Solid Variant",value:"solid",variant:"solid",checked:r==="solid",onChange:l=>i(l.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.Radio,{label:"Transparent Variant",value:"transparent",variant:"transparent",checked:r==="transparent",onChange:l=>i(l.target.value)})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:c.map(({label:l,color:s})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.Radio,{label:`${l} Radio`,value:s,color:s})]},s))})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4",children:m.map(({label:l,size:s})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.Radio,{label:`${l} Radio`,value:s,size:s})]},s))})})})}),a.jsx(e.PropPlayground,{componentName:"Radio",defaultValues:{label:"Preview Radio",variant:"ghost",color:"primary",size:"md",disabled:!1,labelPlacement:"end"},includeProps:["label","variant","color","size","disabled","labelPlacement"],excludeProps:["checked","onChange","value"],children:l=>{const s=typeof l.label=="string"&&l.label.length>0?l.label:"Preview Radio";return a.jsxs("div",{className:"space-y-3",children:[a.jsx(e.Radio,{...l,label:`${s} A`,value:"a",checked:d==="a",onChange:o=>n(o.target.value)}),a.jsx(e.Radio,{...l,label:`${s} B`,value:"b",checked:d==="b",onChange:o=>n(o.target.value)})]})}}),a.jsx(e.AutoPropsTable,{componentName:"Radio"}),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 { Radio } from '@e-burgos/tucu-ui';
-
-<Radio
-  label="Option 1"
-  value="option1"
-  checked={value === 'option1'}
-  onChange={(e) => setValue(e.target.value)}
-/>
-
-// Variants
-<Radio label="Ghost" variant="ghost" value="ghost" />
-<Radio label="Solid" variant="solid" value="solid" />
-<Radio label="Transparent" variant="transparent" value="transparent" />
-
-// Colors
-<Radio label="Primary" color="primary" />
-<Radio label="Secondary" color="secondary" />
-<Radio label="Danger" color="danger" />
-<Radio label="Info" color="info" />
-<Radio label="Success" color="success" />
-<Radio label="Warning" color="warning" />
-
-// Sizes
-<Radio label="Small" size="sm" />
-<Radio label="Medium" size="md" />
-<Radio label="Large" size="lg" />
-<Radio label="Extra Large" size="xl" />`})})})})]})};exports.default=g;