@e-burgos/tucu-ui 2.5.0 → 2.6.0

package/documentation/RadioGroupSection-DimH8B5V.js

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

package/documentation/RadioSection-Bs-DIwBf.js

@@ -1,183 +0,0 @@
-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-DYDFy1df.js";
-import { Circle as w } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const V = () => {
-  const [c, n] = g(""), [m, h] = g("a"), b = [
-    { label: "Primary", color: "primary" },
-    { label: "Secondary", color: "secondary" },
-    { label: "Danger", color: "danger" },
-    { label: "Info", color: "info" },
-    { label: "Success", color: "success" },
-    { label: "Warning", color: "warning" }
-  ], u = [
-    { label: "Small", size: "sm" },
-    { label: "Medium", size: "md" },
-    { label: "Large", size: "lg" },
-    { label: "Extra Large", size: "xl" }
-  ];
-  return /* @__PURE__ */ i(p, { children: [
-    /* @__PURE__ */ a(
-      v,
-      {
-        title: "Radio",
-        description: "A single radio button component for binary choices.",
-        icon: /* @__PURE__ */ a("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: /* @__PURE__ */ a(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__ */ a(l, { 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__ */ i("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ i(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Basic Radio" }),
-        /* @__PURE__ */ a(
-          r,
-          {
-            label: "Option 1",
-            value: "option1",
-            checked: c === "option1",
-            onChange: (e) => n(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ a(r, { label: "Disabled option", value: "disabled", disabled: !0 })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ a(l, { 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__ */ i("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ i(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Ghost (default)" }),
-        /* @__PURE__ */ a(
-          r,
-          {
-            label: "Ghost Variant",
-            value: "ghost",
-            variant: "ghost",
-            checked: c === "ghost",
-            onChange: (e) => n(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Solid" }),
-        /* @__PURE__ */ a(
-          r,
-          {
-            label: "Solid Variant",
-            value: "solid",
-            variant: "solid",
-            checked: c === "solid",
-            onChange: (e) => n(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i(l, { className: "p-4", children: [
-        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Transparent" }),
-        /* @__PURE__ */ a(
-          r,
-          {
-            label: "Transparent Variant",
-            value: "transparent",
-            variant: "transparent",
-            checked: c === "transparent",
-            onChange: (e) => n(e.target.value)
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3", children: b.map(({ label: e, color: s }) => /* @__PURE__ */ i(l, { className: "p-4", children: [
-      /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: e }),
-      /* @__PURE__ */ a(r, { label: `${e} Radio`, value: s, color: s })
-    ] }, s)) }) }) }) }),
-    /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4", children: u.map(({ label: e, size: s }) => /* @__PURE__ */ i(l, { className: "p-4", children: [
-      /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: e }),
-      /* @__PURE__ */ a(r, { label: `${e} Radio`, value: s, size: s })
-    ] }, s)) }) }) }) }),
-    /* @__PURE__ */ a(
-      N,
-      {
-        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: (e) => {
-          const s = typeof e.label == "string" && e.label.length > 0 ? e.label : "Preview Radio";
-          return /* @__PURE__ */ i("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ a(
-              r,
-              {
-                ...e,
-                label: `${s} A`,
-                value: "a",
-                checked: m === "a",
-                onChange: (t) => h(t.target.value)
-              }
-            ),
-            /* @__PURE__ */ a(
-              r,
-              {
-                ...e,
-                label: `${s} B`,
-                value: "b",
-                checked: m === "b",
-                onChange: (t) => h(t.target.value)
-              }
-            )
-          ] });
-        }
-      }
-    ),
-    /* @__PURE__ */ a(f, { componentName: "Radio" }),
-    /* @__PURE__ */ a(l, { 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(
-      R,
-      {
-        language: "tsx",
-        code: `import { Radio } from '@e-burgos/tucu-ui';
-
-<Radio
-  label="Option 1"
-  value="option1"
-  checked={value === 'option1'}
-  onChange={(e) => setValue(e.target.value)}
-/>
-
-// Variants
-<Radio label="Ghost" variant="ghost" value="ghost" />
-<Radio label="Solid" variant="solid" value="solid" />
-<Radio label="Transparent" variant="transparent" value="transparent" />
-
-// Colors
-<Radio label="Primary" color="primary" />
-<Radio label="Secondary" color="secondary" />
-<Radio label="Danger" color="danger" />
-<Radio label="Info" color="info" />
-<Radio label="Success" color="success" />
-<Radio label="Warning" color="warning" />
-
-// Sizes
-<Radio label="Small" size="sm" />
-<Radio label="Medium" size="md" />
-<Radio label="Large" size="lg" />
-<Radio label="Extra Large" size="xl" />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  V as default
-};

package/documentation/RadioSection-DAHq52V_.js

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

package/documentation/ResourcesSection-BBvso4xC.js

@@ -1,119 +0,0 @@
-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-DYDFy1df.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
-};

package/documentation/ResourcesSection-hRVu0-E3.js

@@ -1,13 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COp_AWCS.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=[{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"}],a=()=>e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(t.HeroCard,{title:"Resources",description:"12 static knowledge resources that agents can read for comprehensive context about the library.",icon:e.jsx("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:e.jsx(s.BookOpen,{className:"w-8 h-8 sm:w-10 sm:h-10 text-white"})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Available Resources",children:[e.jsx(t.Typography,{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."}),e.jsx("div",{className:"overflow-x-auto",children:e.jsx(t.BasicTable,{columns:[{key:"uri",label:"URI",render:r=>e.jsx("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(r)})},{key:"description",label:"Description"}],data:o})})]})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"How Agents Use Resources",children:[e.jsx(t.Typography,{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:"}),e.jsx(t.CodeBlock,{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`})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Resource vs Tool",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mt-2",children:[e.jsxs("div",{className:"p-4 rounded-lg border border-emerald-500/20 bg-emerald-500/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(s.BookOpen,{className:"w-4 h-4 text-emerald-500"}),e.jsx(t.Typography,{className:"text-sm font-medium",children:"Resources"})]}),e.jsx(t.Typography,{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."})]}),e.jsxs("div",{className:"p-4 rounded-lg border border-blue-500/20 bg-blue-500/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(s.Wrench,{className:"w-4 h-4 text-blue-500"}),e.jsx(t.Typography,{className:"text-sm font-medium",children:"Tools"})]}),e.jsx(t.Typography,{className:"text-xs text-foreground/60",children:"Dynamic execution. Takes parameters. Generates code, searches, inspects. Returns computed results specific to the request."})]})]})})})]});exports.default=a;