@e-burgos/tucu-ui 2.0.11 → 2.1.0

package/documentation/{PieChartSection-vp248RVf.js → PieChartSection-Dbvkn6Lg.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{name:"Chrome",value:62},{name:"Safari",value:19},{name:"Firefox",value:10},{name:"Edge",value:6},{name:"Other",value:3}],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:"PieChart"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Pie and donut chart component for displaying proportions and distributions with labels and inner content support."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Pie Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Donut Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,donut:!0,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Donut with Inner Content",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,donut:!0,height:300,innerContent:e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-2xl font-bold",children:"100%"}),e.jsx("p",{className:"text-sm text-gray-500",children:"Total"})]})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Without Labels",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,showLabels:!1,height:300})})})}),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 { PieChart } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{name:"Chrome",value:62},{name:"Safari",value:19},{name:"Firefox",value:10},{name:"Edge",value:6},{name:"Other",value:3}],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:"PieChart"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Pie and donut chart component for displaying proportions and distributions with labels and inner content support."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Pie Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Donut Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,donut:!0,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Donut with Inner Content",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,donut:!0,height:300,innerContent:e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-2xl font-bold",children:"100%"}),e.jsx("p",{className:"text-sm text-gray-500",children:"Total"})]})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Without Labels",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,showLabels:!1,height:300})})})}),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 { PieChart } from '@e-burgos/tucu-ui';
 
 const data = [
   { name: 'Chrome', value: 62 },

package/documentation/{PieChartSection-HK1lUzR4.js → PieChartSection-nX02gUva.js}

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

package/documentation/{PinCodeSection-DY5sV9tT.js → PinCodeSection-B7VEemec.js}

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as C, jsx as e } from "react/jsx-runtime";
 import { useState as t } from "react";
-import { H as N, C as a, a as s, T as n, r as i, P as b, A as v, c as f } from "../index-4GONhZIF.js";
+import { H as N, C as a, a as s, T as n, r as i, P as b, A as v, c as f } from "../index-sdOMz8GW.js";
 import { Hash as P } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{PinCodeSection-BRaBhpIp.js → PinCodeSection-BsN_uHQl.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("../index-C0NugKZs.js"),m=require("lucide-react");require("react-router-dom");require("react-dom");const g=()=>{const[n,r]=i.useState(""),[d,o]=i.useState(""),t=[{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"}],h=[{label:"Square",rounded:"none"},{label:"Soft",rounded:"sm"},{label:"Default",rounded:"md"},{label:"Large",rounded:"lg"},{label:"Pill",rounded:"full"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"PinCode",description:"A pin code input component for entering numeric codes digit by digit.",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-amber-500 via-orange-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:e.jsx(m.Hash,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"4 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(a.PinCode,{length:4,value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"6 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Verification Code"}),e.jsx(a.PinCode,{length:6,value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Security Code"}),e.jsx(a.PinCode,{length:4,helperText:"Enter the 4-digit code",value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(a.PinCode,{length:4,error:"Invalid pin code",value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(a.PinCode,{length:4,disabled:!0})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Ghost (default)"}),e.jsx(a.PinCode,{length:4,variant:"ghost"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Solid"}),e.jsx(a.PinCode,{length:4,variant:"solid"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Transparent"}),e.jsx(a.PinCode,{length:4,variant:"transparent"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:t.map(({label:s,color:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2 text-sm",children:s}),e.jsx(a.PinCode,{length:4,color:l})]},l))})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-3",children:c.map(({label:s,size:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2 text-sm",children:s}),e.jsx(a.PinCode,{length:4,size:l})]},l))})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:h.map(({label:s,rounded:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2 text-sm",children:s}),e.jsx(a.PinCode,{length:4,rounded:l})]},l))})})})}),e.jsx(a.PropPlayground,{componentName:"PinCode",defaultValues:{length:4,type:"text",placeholder:"-",mask:!1,center:!0,size:"md",rounded:"md",variant:"ghost",color:"primary",helperText:"",error:"",fullWidth:!1,disabled:!1},controlOverrides:[{name:"placeholder",type:"text",description:"Character placeholder rendered in each box"},{name:"disabled",type:"boolean",description:"Disables the pin input and prevents interaction"}],includeProps:["length","type","placeholder","mask","center","size","rounded","variant","color","helperText","error","fullWidth","disabled"],excludeProps:["value","onChange","inputClassName","errorClassName","helperTextClassName","className"],children:s=>e.jsx("div",{className:"w-full max-w-lg flex justify-center",children:e.jsx(a.PinCode,{...s,value:d,onChange:o})})}),e.jsx(a.AutoPropsTable,{componentName:"PinCode"}),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 { PinCode } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("../index-DEZRGktf.js"),m=require("lucide-react");require("react-router-dom");require("react-dom");const g=()=>{const[n,r]=i.useState(""),[d,o]=i.useState(""),t=[{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"}],h=[{label:"Square",rounded:"none"},{label:"Soft",rounded:"sm"},{label:"Default",rounded:"md"},{label:"Large",rounded:"lg"},{label:"Pill",rounded:"full"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"PinCode",description:"A pin code input component for entering numeric codes digit by digit.",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-amber-500 via-orange-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:e.jsx(m.Hash,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"4 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(a.PinCode,{length:4,value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"6 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Verification Code"}),e.jsx(a.PinCode,{length:6,value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Security Code"}),e.jsx(a.PinCode,{length:4,helperText:"Enter the 4-digit code",value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(a.PinCode,{length:4,error:"Invalid pin code",value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(a.PinCode,{length:4,disabled:!0})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Ghost (default)"}),e.jsx(a.PinCode,{length:4,variant:"ghost"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Solid"}),e.jsx(a.PinCode,{length:4,variant:"solid"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Transparent"}),e.jsx(a.PinCode,{length:4,variant:"transparent"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:t.map(({label:s,color:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2 text-sm",children:s}),e.jsx(a.PinCode,{length:4,color:l})]},l))})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-3",children:c.map(({label:s,size:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2 text-sm",children:s}),e.jsx(a.PinCode,{length:4,size:l})]},l))})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:h.map(({label:s,rounded:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2 text-sm",children:s}),e.jsx(a.PinCode,{length:4,rounded:l})]},l))})})})}),e.jsx(a.PropPlayground,{componentName:"PinCode",defaultValues:{length:4,type:"text",placeholder:"-",mask:!1,center:!0,size:"md",rounded:"md",variant:"ghost",color:"primary",helperText:"",error:"",fullWidth:!1,disabled:!1},controlOverrides:[{name:"placeholder",type:"text",description:"Character placeholder rendered in each box"},{name:"disabled",type:"boolean",description:"Disables the pin input and prevents interaction"}],includeProps:["length","type","placeholder","mask","center","size","rounded","variant","color","helperText","error","fullWidth","disabled"],excludeProps:["value","onChange","inputClassName","errorClassName","helperTextClassName","className"],children:s=>e.jsx("div",{className:"w-full max-w-lg flex justify-center",children:e.jsx(a.PinCode,{...s,value:d,onChange:o})})}),e.jsx(a.AutoPropsTable,{componentName:"PinCode"}),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 { PinCode } from '@e-burgos/tucu-ui';
 
 <PinCode
   length={4}

package/documentation/{ProgressbarSection-ByqSgYbQ.js → ProgressbarSection-BPMz8--Q.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),e=require("../index-C0NugKZs.js"),o=require("lucide-react");require("react-router-dom");require("react-dom");const c=()=>{const[r,a]=i.useState(45);return s.jsxs(s.Fragment,{children:[s.jsx(e.HeroCard,{title:"Progressbar",description:`A progress bar component for displaying completion status with
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),e=require("../index-DEZRGktf.js"),o=require("lucide-react");require("react-router-dom");require("react-dom");const c=()=>{const[r,a]=i.useState(45);return s.jsxs(s.Fragment,{children:[s.jsx(e.HeroCard,{title:"Progressbar",description:`A progress bar component for displaying completion status with
           customizable colors, sizes, and variants.`,icon:s.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:s.jsx(o.BarChart3,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Progressbar"}),s.jsx(e.Progressbar,{value:r})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Label"}),s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("button",{onClick:()=>a(Math.max(0,r-10)),className:"px-3 py-1 bg-light-dark rounded border border-border hover:opacity-80 transition-opacity",children:"-10"}),s.jsx("button",{onClick:()=>a(Math.min(100,r+10)),className:"px-3 py-1 bg-light-dark rounded border border-border hover:opacity-80 transition-opacity",children:"+10"})]})]})]})]})})})}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Colors"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,color:"primary"}),s.jsx(e.Progressbar,{value:60,color:"success"}),s.jsx(e.Progressbar,{value:60,color:"danger"}),s.jsx(e.Progressbar,{value:60,color:"info"}),s.jsx(e.Progressbar,{value:60,color:"warning"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Variants"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,variant:"solid"}),s.jsx(e.Progressbar,{value:60,variant:"flat"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Sizes"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,size:"sm"}),s.jsx(e.Progressbar,{value:60,size:"DEFAULT"}),s.jsx(e.Progressbar,{value:60,size:"lg"}),s.jsx(e.Progressbar,{value:60,size:"xl"})]})]})]})})})}),s.jsx(e.PropPlayground,{componentName:"Progressbar",defaultValues:{value:65,variant:"solid",size:"DEFAULT",color:"primary",rounded:"DEFAULT"},excludeProps:["label","barClassName","labelClassName"],children:l=>s.jsx("div",{className:"w-full",children:s.jsx(e.Progressbar,{...l})})}),s.jsx(e.AutoPropsTable,{componentName:"Progressbar"}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsx(e.CodeBlock,{language:"tsx",code:`import { Progressbar } from '@e-burgos/tucu-ui';
 
 // Basic usage

package/documentation/{ProgressbarSection-BFO12wVG.js → ProgressbarSection-fDKtojH9.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, Fragment as t, jsx as e } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { H as m, C as l, a as o, T as i, ae as a, P as h, A as u, c as v } from "../index-4GONhZIF.js";
+import { H as m, C as l, a as o, T as i, ae as a, P as h, A as u, c as v } from "../index-sdOMz8GW.js";
 import { BarChart3 as p } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/PromptsSection-BfXgGJSk.js

@@ -0,0 +1,118 @@
+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-sdOMz8GW.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-CK1zcA35.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DEZRGktf.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-Bkg1mcQW.js → RadarChartSection-DBn1AgS6.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.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 },

package/documentation/{RadarChartSection-CaAgWjU1.js → RadarChartSection-DZZabB3v.js}

@@ -1,5 +1,5 @@
 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-4GONhZIF.js";
+import { T as r, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-sdOMz8GW.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{RadioGroupSection-Dr20Esct.js → RadioGroupSection-2Amlrp86.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-C0NugKZs.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:"typescript",code:`import { RadioGroup } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-DEZRGktf.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' },

package/documentation/{RadioGroupSection-Db4dih50.js → RadioGroupSection-DHdgEAsy.js}

@@ -1,6 +1,6 @@
-import { jsxs as a, Fragment as g, jsx as l } from "react/jsx-runtime";
+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 e, a as t, T as i, t as o, P as N, A as f, c as G } from "../index-4GONhZIF.js";
+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-sdOMz8GW.js";
 import { CircleDot as w } from "lucide-react";
 import "react-router-dom";
 import "react-dom";
@@ -22,7 +22,7 @@ const P = () => {
     { value: "female", label: "Female" },
     { value: "other", label: "Other" }
   ];
-  return /* @__PURE__ */ a(g, { children: [
+  return /* @__PURE__ */ e(g, { children: [
     /* @__PURE__ */ l(
       v,
       {
@@ -31,8 +31,8 @@ const P = () => {
         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(e, { 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__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ a(e, { className: "p-4", children: [
+    /* @__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,
@@ -44,7 +44,7 @@ const P = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ a(e, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { className: "p-4", children: [
         /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "With Helper Text" }),
         /* @__PURE__ */ l(
           o,
@@ -59,7 +59,7 @@ const P = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ a(e, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { className: "p-4", children: [
         /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "With Error" }),
         /* @__PURE__ */ l(
           o,
@@ -73,7 +73,7 @@ const P = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ a(e, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { className: "p-4", children: [
         /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "Disabled" }),
         /* @__PURE__ */ l(
           o,
@@ -87,7 +87,7 @@ const P = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ a(e, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { className: "p-4", children: [
         /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "Horizontal Layout" }),
         /* @__PURE__ */ l(
           o,
@@ -102,8 +102,8 @@ const P = () => {
         )
       ] })
     ] }) }) }) }),
-    /* @__PURE__ */ l(e, { 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__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ a(e, { className: "p-4", children: [
+    /* @__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,
@@ -117,7 +117,7 @@ const P = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ a(e, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { className: "p-4", children: [
         /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "Solid" }),
         /* @__PURE__ */ l(
           o,
@@ -131,7 +131,7 @@ const P = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ a(e, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { className: "p-4", children: [
         /* @__PURE__ */ l(i, { tag: "h5", className: "mb-3", children: "Transparent" }),
         /* @__PURE__ */ l(
           o,
@@ -146,7 +146,7 @@ const P = () => {
         )
       ] })
     ] }) }) }) }),
-    /* @__PURE__ */ l(e, { 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__ */ a(e, { className: "p-4", children: [
+    /* @__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,
@@ -157,7 +157,7 @@ const P = () => {
         }
       )
     ] }, s)) }) }) }) }),
-    /* @__PURE__ */ l(e, { 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__ */ a(e, { className: "p-4", children: [
+    /* @__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,
@@ -219,10 +219,10 @@ const P = () => {
       }
     ),
     /* @__PURE__ */ l(f, { componentName: "RadioGroup" }),
-    /* @__PURE__ */ l(e, { 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(
+    /* @__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: "typescript",
+        language: "TS",
         code: `import { RadioGroup } from '@e-burgos/tucu-ui';
 
 const options = [

package/documentation/{RadioSection-BewKd6Cu.js → RadioSection-CLsMmS66.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as p, jsx as a } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { H as v, C as l, a as d, T as o, s as r, P as N, A as f, c as R } from "../index-4GONhZIF.js";
+import { H as v, C as l, a as d, T as o, s as r, P as N, A as f, c as R } from "../index-sdOMz8GW.js";
 import { Circle as w } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{RadioSection-CTdsPiv3.js → RadioSection-Ct0Rnvxb.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("../index-C0NugKZs.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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("../index-DEZRGktf.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"

package/documentation/ResourcesSection-Blr4vejt.js

@@ -0,0 +1,119 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { H as c, C as s, a as o, T as r, y as n, c as d } from "../index-sdOMz8GW.js";
+import { BookOpen as a, Wrench as l } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const u = [
+  {
+    uri: "tucu://catalog",
+    description: "Complete component catalog with categories, variants, and prop types"
+  },
+  {
+    uri: "tucu://tokens",
+    description: "Design tokens: colors, spacing, typography, shadows, border-radius"
+  },
+  {
+    uri: "tucu://forms",
+    description: "Form system guide: validation patterns, field types, react-hook-form integration"
+  },
+  {
+    uri: "tucu://routing",
+    description: "Routing patterns for standalone and micro-frontend architectures"
+  },
+  {
+    uri: "tucu://layouts",
+    description: "Layout system: MainLayout, sidebar, top-nav, full-width configurations"
+  },
+  {
+    uri: "tucu://theme",
+    description: "Theming guide: color presets, dark/light mode, useTheme hook, Zustand store"
+  },
+  {
+    uri: "tucu://charts",
+    description: "Recharts integration: chart types, theming, responsive patterns"
+  },
+  {
+    uri: "tucu://icons",
+    description: "Icon catalog: full Lucide icon set with search and usage examples"
+  },
+  {
+    uri: "tucu://migration",
+    description: "Migration guide: upgrading from previous versions, breaking changes"
+  },
+  {
+    uri: "tucu://best-practices",
+    description: "Best practices: accessibility, performance, TypeScript patterns"
+  },
+  { uri: "tucu://changelog", description: "Version history and release notes" },
+  {
+    uri: "tucu://quickstart",
+    description: "Quick start guide: installation, first component, basic setup"
+  }
+], b = () => /* @__PURE__ */ t("div", { className: "flex flex-col gap-8", children: [
+  /* @__PURE__ */ e(
+    c,
+    {
+      title: "Resources",
+      description: "12 static knowledge resources that agents can read for comprehensive context about the library.",
+      icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(a, { className: "w-8 h-8 sm:w-10 sm:h-10 text-white" }) })
+    }
+  ),
+  /* @__PURE__ */ e(s, { children: /* @__PURE__ */ t(o, { title: "Available Resources", children: [
+    /* @__PURE__ */ e(r, { className: "text-sm text-foreground/70 mb-4", children: "Resources provide static, pre-compiled knowledge that agents can read at any time. Unlike tools, they don't execute code — they deliver structured documentation." }),
+    /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ e(
+      n,
+      {
+        columns: [
+          {
+            key: "uri",
+            label: "URI",
+            render: (i) => /* @__PURE__ */ e("code", { className: "px-2 py-1 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 rounded text-xs font-mono whitespace-nowrap", children: String(i) })
+          },
+          { key: "description", label: "Description" }
+        ],
+        data: u
+      }
+    ) })
+  ] }) }),
+  /* @__PURE__ */ e(s, { children: /* @__PURE__ */ t(o, { title: "How Agents Use Resources", children: [
+    /* @__PURE__ */ e(r, { className: "text-sm text-foreground/70 mb-3", children: "When an agent needs context about the library, it reads the relevant resource URI. This is automatic — no user action required:" }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        code: `// Agent internally reads resources before generating code:
+
+// 1. Read catalog to know available components
+GET tucu://catalog
+→ Returns: 95+ components with categories and prop summaries
+
+// 2. Read tokens to use correct design values
+GET tucu://tokens
+→ Returns: color scales, spacing (4px base), typography, shadows
+
+// 3. Read forms to generate correct form patterns
+GET tucu://forms
+→ Returns: Zod patterns, field types, validation rules`
+      }
+    )
+  ] }) }),
+  /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(o, { title: "Resource vs Tool", children: /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-2", children: [
+    /* @__PURE__ */ t("div", { className: "p-4 rounded-lg border border-emerald-500/20 bg-emerald-500/5", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ e(a, { className: "w-4 h-4 text-emerald-500" }),
+        /* @__PURE__ */ e(r, { className: "text-sm font-medium", children: "Resources" })
+      ] }),
+      /* @__PURE__ */ e(r, { className: "text-xs text-foreground/60", children: "Static knowledge. Read-only. Always available. No parameters needed. Provides broad context for the agent to work from." })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "p-4 rounded-lg border border-blue-500/20 bg-blue-500/5", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ e(l, { className: "w-4 h-4 text-blue-500" }),
+        /* @__PURE__ */ e(r, { className: "text-sm font-medium", children: "Tools" })
+      ] }),
+      /* @__PURE__ */ e(r, { className: "text-xs text-foreground/60", children: "Dynamic execution. Takes parameters. Generates code, searches, inspects. Returns computed results specific to the request." })
+    ] })
+  ] }) }) })
+] });
+export {
+  b as default
+};