@e-burgos/tucu-ui 2.0.8 → 2.0.10

package/documentation/ProgressbarSection-BiSzB70h.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),e=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[r,a]=i.useState(45);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"text-center space-y-4",children:[s.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Progressbar"}),s.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A progress bar component for displaying completion status with customizable colors, sizes, and variants."})]}),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-gray-300 dark:border-gray-600 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-gray-300 dark:border-gray-600 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
-<Progressbar value={45} />
-
-// With label
-<Progressbar value={45} label="45%" size="xl" />
-
-// Different colors
-<Progressbar value={60} color="primary" />
-<Progressbar value={60} color="success" />
-<Progressbar value={60} color="danger" />
-
-// Different variants
-<Progressbar value={60} variant="solid" />
-<Progressbar value={60} variant="flat" />
-
-// Different sizes
-<Progressbar value={60} size="sm" />
-<Progressbar value={60} size="lg" />
-<Progressbar value={60} size="xl" />`})})})})]})};exports.default=o;

package/documentation/ProgressbarSection-RSBVXiEx.js

@@ -1,144 +0,0 @@
-import { jsxs as e, Fragment as d, jsx as a } from "react/jsx-runtime";
-import { useState as n } from "react";
-import { T as s, C as i, a as o, ab as r, P as m, A as h, c as u } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const y = () => {
-  const [l, c] = n(45);
-  return /* @__PURE__ */ e(d, { children: [
-    /* @__PURE__ */ e("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ a(s, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Progressbar" }),
-      /* @__PURE__ */ a(
-        s,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A progress bar component for displaying completion status with customizable colors, sizes, and variants."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(i, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e(i, { className: "p-4", children: [
-        /* @__PURE__ */ a(s, { tag: "h5", className: "mb-3", children: "Basic Progressbar" }),
-        /* @__PURE__ */ a(r, { value: l })
-      ] }),
-      /* @__PURE__ */ e(i, { className: "p-4", children: [
-        /* @__PURE__ */ a(s, { tag: "h5", className: "mb-3", children: "With Label" }),
-        /* @__PURE__ */ a(
-          r,
-          {
-            value: l,
-            label: `${l}%`,
-            size: "xl"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(i, { className: "p-4", children: [
-        /* @__PURE__ */ a(s, { tag: "h5", className: "mb-3", children: "Interactive Example" }),
-        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ a(
-            r,
-            {
-              value: l,
-              label: `${l}%`,
-              size: "xl"
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: () => c(Math.max(0, l - 10)),
-                className: "px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",
-                children: "-10"
-              }
-            ),
-            /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: () => c(Math.min(100, l + 10)),
-                className: "px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",
-                children: "+10"
-              }
-            )
-          ] })
-        ] })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ a(i, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e("div", { children: [
-        /* @__PURE__ */ a(s, { tag: "h5", className: "mb-3", children: "Colors" }),
-        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ a(r, { value: 60, color: "primary" }),
-          /* @__PURE__ */ a(r, { value: 60, color: "success" }),
-          /* @__PURE__ */ a(r, { value: 60, color: "danger" }),
-          /* @__PURE__ */ a(r, { value: 60, color: "info" }),
-          /* @__PURE__ */ a(r, { value: 60, color: "warning" })
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { children: [
-        /* @__PURE__ */ a(s, { tag: "h5", className: "mb-3", children: "Variants" }),
-        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ a(r, { value: 60, variant: "solid" }),
-          /* @__PURE__ */ a(r, { value: 60, variant: "flat" })
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { children: [
-        /* @__PURE__ */ a(s, { tag: "h5", className: "mb-3", children: "Sizes" }),
-        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ a(r, { value: 60, size: "sm" }),
-          /* @__PURE__ */ a(r, { value: 60, size: "DEFAULT" }),
-          /* @__PURE__ */ a(r, { value: 60, size: "lg" }),
-          /* @__PURE__ */ a(r, { value: 60, size: "xl" })
-        ] })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ a(
-      m,
-      {
-        componentName: "Progressbar",
-        defaultValues: {
-          value: 65,
-          variant: "solid",
-          size: "DEFAULT",
-          color: "primary",
-          rounded: "DEFAULT"
-        },
-        excludeProps: ["label", "barClassName", "labelClassName"],
-        children: (t) => /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(r, { ...t }) })
-      }
-    ),
-    /* @__PURE__ */ a(h, { componentName: "Progressbar" }),
-    /* @__PURE__ */ a(i, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-      u,
-      {
-        language: "tsx",
-        code: `import { Progressbar } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<Progressbar value={45} />
-
-// With label
-<Progressbar value={45} label="45%" size="xl" />
-
-// Different colors
-<Progressbar value={60} color="primary" />
-<Progressbar value={60} color="success" />
-<Progressbar value={60} color="danger" />
-
-// Different variants
-<Progressbar value={60} variant="solid" />
-<Progressbar value={60} variant="flat" />
-
-// Different sizes
-<Progressbar value={60} size="sm" />
-<Progressbar value={60} size="lg" />
-<Progressbar value={60} size="xl" />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  y as default
-};

package/documentation/RadarChartSection-DJHkW4Iv.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-VrMogvDN.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-3xl md:text-4xl font-bold",children:"RadarChart"}),e.jsx(a.Typography,{tag:"p",className:"text-xl 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/RadioGroupSection-BP3Q14TK.js

@@ -1,192 +0,0 @@
-import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { T as o, C as l, a as t, u as i, A as p, c as m } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const x = () => {
-  const [r, s] = d("");
-  return /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ e("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ a(o, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "RadioGroup" }),
-      /* @__PURE__ */ a(
-        o,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A group of radio buttons for selecting one option from multiple choices."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ e(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Basic RadioGroup" }),
-        /* @__PURE__ */ a(
-          i,
-          {
-            label: "Gender",
-            options: [
-              { value: "male", label: "Male" },
-              { value: "female", label: "Female" },
-              { value: "other", label: "Other" }
-            ],
-            value: r,
-            onChange: (n) => s(n)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "With Helper Text" }),
-        /* @__PURE__ */ a(
-          i,
-          {
-            label: "Size",
-            helperText: "Select your preferred size",
-            options: [
-              { value: "small", label: "Small" },
-              { value: "medium", label: "Medium" },
-              { value: "large", label: "Large" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "With Error" }),
-        /* @__PURE__ */ a(
-          i,
-          {
-            label: "Priority",
-            error: "Please select a priority",
-            options: [
-              { value: "low", label: "Low" },
-              { value: "high", label: "High" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ a(
-          i,
-          {
-            label: "Status",
-            disabled: !0,
-            options: [
-              { value: "active", label: "Active" },
-              { value: "inactive", label: "Inactive" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Horizontal Layout" }),
-        /* @__PURE__ */ a(
-          i,
-          {
-            label: "Direction",
-            direction: "horizontal",
-            options: [
-              { value: "vertical", label: "Vertical" },
-              { value: "horizontal", label: "Horizontal" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Different Colors" }),
-        /* @__PURE__ */ a(
-          i,
-          {
-            label: "Color",
-            color: "danger",
-            options: [
-              { value: "red", label: "Red" },
-              { value: "blue", label: "Blue" }
-            ]
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ e(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Ghost (default)" }),
-        /* @__PURE__ */ a(
-          i,
-          {
-            label: "Ghost Variant",
-            variant: "ghost",
-            options: [
-              { value: "opt1", label: "Option 1" },
-              { value: "opt2", label: "Option 2" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Solid" }),
-        /* @__PURE__ */ a(
-          i,
-          {
-            label: "Solid Variant",
-            variant: "solid",
-            options: [
-              { value: "opt1", label: "Option 1" },
-              { value: "opt2", label: "Option 2" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Transparent" }),
-        /* @__PURE__ */ a(
-          i,
-          {
-            label: "Transparent Variant",
-            variant: "transparent",
-            options: [
-              { value: "opt1", label: "Option 1" },
-              { value: "opt2", label: "Option 2" }
-            ]
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ a(p, { componentName: "RadioGroup" }),
-    /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-      m,
-      {
-        language: "typescript",
-        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="Danger" color="danger" options={options} />
-
-// Layout
-<RadioGroup label="Horizontal" direction="horizontal" options={options} />
-<RadioGroup label="Vertical" direction="vertical" options={options} />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  x as default
-};

package/documentation/RadioGroupSection-CoDOy57g.js

@@ -1,27 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),e=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[l,o]=s.useState(""),r=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}];return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"RadioGroup"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A group of radio buttons for selecting one option from multiple choices."})]}),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:l,onChange:i=>o(i)})]}),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.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsx(e.RadioGroup,{label:"Color",color:"danger",options:[{value:"red",label:"Red"},{value:"blue",label:"Blue"}]})]})]})})})}),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.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';
-
-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="Danger" color="danger" options={options} />
-
-// Layout
-<RadioGroup label="Horizontal" direction="horizontal" options={options} />
-<RadioGroup label="Vertical" direction="vertical" options={options} />`})})})})]})};exports.default=t;

package/documentation/RadioSection-BmVNxa2g.js

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[l,r]=i.useState("");return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Radio"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A single radio button component for binary choices."})]}),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:l==="option1",onChange:s=>r(s.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.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Primary",value:"primary",color:"primary"}),a.jsx(e.Radio,{label:"Danger",value:"danger",color:"danger"}),a.jsx(e.Radio,{label:"Success",value:"success",color:"success"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Small",value:"sm",size:"sm"}),a.jsx(e.Radio,{label:"Medium",value:"md",size:"md"}),a.jsx(e.Radio,{label:"Large",value:"lg",size:"lg"})]})]})]})})})}),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:l==="ghost",onChange:s=>r(s.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:l==="solid",onChange:s=>r(s.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:l==="transparent",onChange:s=>r(s.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="Danger" color="danger" />
-<Radio label="Success" color="success" />
-
-// Sizes
-<Radio label="Small" size="sm" />
-<Radio label="Medium" size="md" />
-<Radio label="Large" size="lg" />`})})})})]})};exports.default=o;

package/documentation/RadioSection-DycbvkTC.js

@@ -1,130 +0,0 @@
-import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
-import { useState as n } from "react";
-import { T as i, C as s, a as d, t as l, A as m, c as h } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const f = () => {
-  const [t, o] = n("");
-  return /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ e("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ a(i, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Radio" }),
-      /* @__PURE__ */ a(
-        i,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A single radio button component for binary choices."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(s, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Basic Radio" }),
-        /* @__PURE__ */ a(
-          l,
-          {
-            label: "Option 1",
-            value: "option1",
-            checked: t === "option1",
-            onChange: (r) => o(r.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ a(l, { label: "Disabled option", value: "disabled", disabled: !0 })
-      ] }),
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Different Colors" }),
-        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ a(l, { label: "Primary", value: "primary", color: "primary" }),
-          /* @__PURE__ */ a(l, { label: "Danger", value: "danger", color: "danger" }),
-          /* @__PURE__ */ a(l, { label: "Success", value: "success", color: "success" })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Different Sizes" }),
-        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ a(l, { label: "Small", value: "sm", size: "sm" }),
-          /* @__PURE__ */ a(l, { label: "Medium", value: "md", size: "md" }),
-          /* @__PURE__ */ a(l, { label: "Large", value: "lg", size: "lg" })
-        ] })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ a(s, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Ghost (default)" }),
-        /* @__PURE__ */ a(
-          l,
-          {
-            label: "Ghost Variant",
-            value: "ghost",
-            variant: "ghost",
-            checked: t === "ghost",
-            onChange: (r) => o(r.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Solid" }),
-        /* @__PURE__ */ a(
-          l,
-          {
-            label: "Solid Variant",
-            value: "solid",
-            variant: "solid",
-            checked: t === "solid",
-            onChange: (r) => o(r.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Transparent" }),
-        /* @__PURE__ */ a(
-          l,
-          {
-            label: "Transparent Variant",
-            value: "transparent",
-            variant: "transparent",
-            checked: t === "transparent",
-            onChange: (r) => o(r.target.value)
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ a(m, { componentName: "Radio" }),
-    /* @__PURE__ */ a(s, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-      h,
-      {
-        language: "tsx",
-        code: `import { 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="Danger" color="danger" />
-<Radio label="Success" color="success" />
-
-// Sizes
-<Radio label="Small" size="sm" />
-<Radio label="Medium" size="md" />
-<Radio label="Large" size="lg" />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  f as default
-};

package/documentation/RevealContentSection-DJLCAigH.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const a=e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",children:"This is a long piece of content that will be collapsed by default."}),e.jsx(t.Typography,{tag:"p",children:'When the content exceeds the default height, a "Show More" button will appear.'}),e.jsx(t.Typography,{tag:"p",children:"Clicking the button will expand the content to show everything."}),e.jsx(t.Typography,{tag:"p",children:'You can then click "Show Less" to collapse it back to the default height.'}),e.jsx(t.Typography,{tag:"p",children:"This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view."})]});return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"RevealContent"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.'})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 100px"}),e.jsx(t.RevealContent,{defaultHeight:100,children:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 150px"}),e.jsx(t.RevealContent,{defaultHeight:150,children:a})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"RevealContent",defaultValues:{defaultHeight:100},excludeProps:[],children:n=>e.jsx(t.RevealContent,{...n,children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the first paragraph of content that is initially visible."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This second paragraph may be hidden depending on the defaultHeight value."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This third paragraph is likely hidden and revealed when expanded."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"And here is even more content to demonstrate the reveal functionality."})]})})}),e.jsx(t.AutoPropsTable,{componentName:"RevealContent"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { RevealContent, Typography } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<RevealContent defaultHeight={100}>
-  <div>
-    <Typography tag="p">Long content here...</Typography>
-    <Typography tag="p">More content...</Typography>
-  </div>
-</RevealContent>
-
-// With custom height
-<RevealContent defaultHeight={150}>
-  <div>
-    {/* Your long content */}
-  </div>
-</RevealContent>
-
-// The component automatically:
-// - Shows "Show More" if content exceeds defaultHeight
-// - Shows "Show Less" when expanded
-// - Hides button if content is shorter than defaultHeight`})})})})]})};exports.default=s;