@e-burgos/tucu-ui 2.6.0 → 2.7.0

package/documentation/CarouselImageSection-xi_Ys2D4.js

@@ -1,179 +0,0 @@
-import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as c, C as s, a as l, T as o, W as i, P as m, A as p, c as h } from "../index-DoxeCFUJ.js";
-import { Image as d } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const b = () => {
-  const t = [
-    {
-      src: "https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=800&h=600&fit=crop",
-      alt: "Mountain Landscape",
-      title: "Mountain Peaks",
-      description: "Breathtaking view of snow-capped mountain peaks at sunrise"
-    },
-    {
-      src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&h=600&fit=crop",
-      alt: "Ocean View",
-      title: "Ocean Horizon",
-      description: "Serene ocean view with crystal clear blue waters"
-    },
-    {
-      src: "https://images.unsplash.com/photo-1511593358241-7eea1f3c84e5?w=800&h=600&fit=crop",
-      alt: "Forest Path",
-      title: "Forest Trail",
-      description: "Peaceful path through a lush green forest"
-    },
-    {
-      src: "https://images.unsplash.com/photo-1501594907352-04cda38ebc29?w=800&h=600&fit=crop",
-      alt: "Desert Sunset",
-      title: "Desert Landscape",
-      description: "Stunning sunset over golden desert dunes"
-    },
-    {
-      src: "https://images.unsplash.com/photo-1542202229-7d93c33f5d07?w=800&h=600&fit=crop",
-      alt: "City Skyline",
-      title: "Urban Cityscape",
-      description: "Modern city skyline illuminated at night"
-    },
-    {
-      src: "https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=800&h=600&fit=crop",
-      alt: "Northern Lights",
-      title: "Aurora Borealis",
-      description: "Magical northern lights dancing across the night sky"
-    }
-  ];
-  return /* @__PURE__ */ a(n, { children: [
-    /* @__PURE__ */ e(
-      c,
-      {
-        title: "CarouselImage",
-        description: `A carousel component specifically designed for displaying images with
-          optional titles and descriptions.`,
-        icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-pink-600 to-rose-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(d, { className: "w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Basic Image Carousel" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(i, { images: t }) })
-      ] }),
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "With Titles and Descriptions" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(i, { images: t, showTitles: !0 }) })
-      ] }),
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "With Navigation and Pagination" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
-          i,
-          {
-            images: t,
-            showNavigation: !0,
-            showPagination: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Contain Fit - Preserve Aspect Ratio" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
-          i,
-          {
-            images: t,
-            imageFit: "contain",
-            showTitles: !0,
-            showNavigation: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Square Aspect Ratio" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
-          i,
-          {
-            images: t,
-            aspectRatio: "aspect-square",
-            showNavigation: !0,
-            showPagination: !0
-          }
-        ) })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(
-      m,
-      {
-        componentName: "CarouselImage",
-        title: "CarouselImage Playground",
-        defaultValues: {
-          showNavigation: !0,
-          showPagination: !0,
-          showTitles: !0,
-          loop: !0,
-          grabCursor: !0,
-          lazy: !1,
-          imageFit: "cover",
-          direction: "horizontal"
-        },
-        excludeProps: ["images", "onSlideChange", "onSwiper", "breakpoints", "autoplay", "className", "slideClassName", "imageClassName", "aria-label", "aspectRatio", "effect", "paginationType", "centeredSlides", "freeMode", "mousewheel", "slidesPerView", "spaceBetween"],
-        children: (r) => /* @__PURE__ */ e(
-          i,
-          {
-            ...r,
-            images: [
-              { src: "https://picsum.photos/seed/1/800/400", alt: "Image 1", title: "Image 1" },
-              { src: "https://picsum.photos/seed/2/800/400", alt: "Image 2", title: "Image 2" },
-              { src: "https://picsum.photos/seed/3/800/400", alt: "Image 3", title: "Image 3" }
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(p, { componentName: "CarouselImage" }),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      h,
-      {
-        language: "tsx",
-        code: `import { CarouselImage } from '@e-burgos/tucu-ui';
-
-const images = [
-  {
-    src: 'https://images.unsplash.com/photo-1682687220742-aba13b6e50ba',
-    alt: 'Mountain Landscape',
-    title: 'Mountain Peaks',
-    description: 'Breathtaking view of snow-capped mountain peaks',
-  },
-  {
-    src: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4',
-    alt: 'Ocean View',
-    title: 'Ocean Horizon',
-    description: 'Serene ocean view with crystal clear blue waters',
-  },
-  // ... more images
-];
-
-// Basic usage
-<CarouselImage images={images} />
-
-// With titles and descriptions
-<CarouselImage images={images} showTitles />
-
-// With navigation and pagination
-<CarouselImage images={images} showNavigation showPagination />
-
-// Different image fit options
-<CarouselImage images={images} imageFit="contain" />
-<CarouselImage images={images} imageFit="cover" />
-
-// Different aspect ratios
-<CarouselImage images={images} aspectRatio="aspect-video" />
-<CarouselImage images={images} aspectRatio="aspect-square" />
-<CarouselImage images={images} aspectRatio="aspect-[4/3]" />
-
-// Disable lazy loading
-<CarouselImage images={images} lazy={false} />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  b as default
-};

package/documentation/CarouselSection-Deuko-HQ.js

@@ -1,123 +0,0 @@
-import { jsxs as l, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as c, C as a, a as o, T as s, U as i, P as m, A as u, c as h } from "../index-DoxeCFUJ.js";
-import { GalleryHorizontal as p } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const b = () => {
-  const r = [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "h-64 w-full bg-gradient-to-br from-brand to-sky-500 rounded-lg flex items-center justify-center text-white text-2xl",
-        children: "Slide 1"
-      },
-      "1"
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "h-64 w-full bg-gradient-to-br from-brand to-green-500 rounded-lg flex items-center justify-center text-white text-2xl",
-        children: "Slide 2"
-      },
-      "2"
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "h-64 w-full bg-gradient-to-br from-brand to-purple-500 rounded-lg flex items-center justify-center text-white text-2xl",
-        children: "Slide 3"
-      },
-      "3"
-    )
-  ];
-  return /* @__PURE__ */ l(n, { children: [
-    /* @__PURE__ */ e(
-      c,
-      {
-        title: "Carousel",
-        description: `A powerful carousel component built on Swiper.js with support for
-          navigation, pagination, autoplay, and various effects.`,
-        icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-pink-500 to-rose-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(p, { className: "w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Basic Carousel" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(i, { children: r }) })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "With Navigation" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(i, { showNavigation: !0, children: r }) })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "With Pagination" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(i, { showPagination: !0, children: r }) })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Multiple Slides" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(i, { slidesPerView: 2, spaceBetween: 20, children: r }) })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(
-      m,
-      {
-        componentName: "Carousel",
-        title: "Carousel Playground",
-        defaultValues: {
-          direction: "horizontal",
-          effect: "slide",
-          loop: !0,
-          showNavigation: !0,
-          showPagination: !0,
-          paginationType: "bullets",
-          grabCursor: !0,
-          centeredSlides: !1,
-          freeMode: !1,
-          mousewheel: !1,
-          slidesPerView: 1,
-          spaceBetween: 16
-        },
-        excludeProps: ["onSlideChange", "onSwiper", "breakpoints", "autoplay", "className", "slideClassName", "aria-label"],
-        children: (d) => /* @__PURE__ */ e(i, { ...d, children: [1, 2, 3, 4].map((t) => /* @__PURE__ */ e("div", { className: "h-40 rounded-lg bg-brand/20 flex items-center justify-center", children: /* @__PURE__ */ l(s, { tag: "h4", children: [
-          "Slide ",
-          t
-        ] }) }, t)) })
-      }
-    ),
-    /* @__PURE__ */ e(u, { componentName: "Carousel" }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      h,
-      {
-        language: "tsx",
-        code: `import { Carousel } from '@e-burgos/tucu-ui';
-
-const slides = [
-  <div key="1">Slide 1</div>,
-  <div key="2">Slide 2</div>,
-  <div key="3">Slide 3</div>,
-];
-
-// Basic usage
-<Carousel>{slides}</Carousel>
-
-// With navigation
-<Carousel showNavigation>{slides}</Carousel>
-
-// With pagination
-<Carousel showPagination>{slides}</Carousel>
-
-// Multiple slides per view
-<Carousel slidesPerView={2} spaceBetween={20}>
-  {slides}
-</Carousel>
-
-// With autoplay
-<Carousel autoplay={{ delay: 3000 }}>{slides}</Carousel>`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  b as default
-};

package/documentation/CarouselSection-tGiiAPUS.js

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDUS-PU.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>{const l=[e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-sky-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 1"},"1"),e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-green-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 2"},"2"),e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-purple-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 3"},"3")];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Carousel",description:`A powerful carousel component built on Swiper.js with support for
-          navigation, pagination, autoplay, and various effects.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-pink-500 to-rose-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.GalleryHorizontal,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic Carousel"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{children:l})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Navigation"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{showNavigation:!0,children:l})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Pagination"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{showPagination:!0,children:l})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Multiple Slides"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{slidesPerView:2,spaceBetween:20,children:l})})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"Carousel",title:"Carousel Playground",defaultValues:{direction:"horizontal",effect:"slide",loop:!0,showNavigation:!0,showPagination:!0,paginationType:"bullets",grabCursor:!0,centeredSlides:!1,freeMode:!1,mousewheel:!1,slidesPerView:1,spaceBetween:16},excludeProps:["onSlideChange","onSwiper","breakpoints","autoplay","className","slideClassName","aria-label"],children:i=>e.jsx(s.Carousel,{...i,children:[1,2,3,4].map(a=>e.jsx("div",{className:"h-40 rounded-lg bg-brand/20 flex items-center justify-center",children:e.jsxs(s.Typography,{tag:"h4",children:["Slide ",a]})},a))})}),e.jsx(s.AutoPropsTable,{componentName:"Carousel"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { Carousel } from '@e-burgos/tucu-ui';
-
-const slides = [
-  <div key="1">Slide 1</div>,
-  <div key="2">Slide 2</div>,
-  <div key="3">Slide 3</div>,
-];
-
-// Basic usage
-<Carousel>{slides}</Carousel>
-
-// With navigation
-<Carousel showNavigation>{slides}</Carousel>
-
-// With pagination
-<Carousel showPagination>{slides}</Carousel>
-
-// Multiple slides per view
-<Carousel slidesPerView={2} spaceBetween={20}>
-  {slides}
-</Carousel>
-
-// With autoplay
-<Carousel autoplay={{ delay: 3000 }}>{slides}</Carousel>`})})})})]})};exports.default=t;

package/documentation/CheckboxSection-CzqqD53Y.js

@@ -1,175 +0,0 @@
-import { jsxs as l, Fragment as g, jsx as e } from "react/jsx-runtime";
-import { useState as n } from "react";
-import { H as u, C as a, a as d, T as r, p as c, P as k, A as C, c as N } from "../index-DoxeCFUJ.js";
-import { CheckSquare as x } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const z = () => {
-  const [i, h] = n(!1), [t, m] = n(!0), 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" }
-  ], p = [
-    { label: "Small", size: "sm" },
-    { label: "Medium", size: "md" },
-    { label: "Large", size: "lg" }
-  ];
-  return /* @__PURE__ */ l(g, { children: [
-    /* @__PURE__ */ e(
-      u,
-      {
-        title: "Checkbox",
-        description: "A checkbox component for binary selections.",
-        icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-green-500/50", children: /* @__PURE__ */ e(x, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Basic Checkbox" }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            label: "I accept the terms and conditions",
-            checked: i,
-            onChange: (s) => h(s.target.checked)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Helper Text" }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            label: "Subscribe to newsletter",
-            helperText: "Receive updates via email",
-            checked: i,
-            onChange: (s) => h(s.target.checked)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Error" }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            label: "Required checkbox",
-            error: "This field is required"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ e(c, { label: "Disabled option", disabled: !0 })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Ghost (default)" }),
-        /* @__PURE__ */ e(c, { label: "Ghost Variant", variant: "ghost" })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Solid" }),
-        /* @__PURE__ */ e(c, { label: "Solid Variant", variant: "solid" })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Transparent" }),
-        /* @__PURE__ */ e(c, { label: "Transparent Variant", variant: "transparent" })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3", children: b.map(({ label: s, color: o }) => /* @__PURE__ */ l(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: s }),
-      /* @__PURE__ */ e(c, { label: `${s} Checkbox`, color: o })
-    ] }, o)) }) }) }) }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: p.map(({ label: s, size: o }) => /* @__PURE__ */ l(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: s }),
-      /* @__PURE__ */ e(c, { label: `${s} Checkbox`, size: o })
-    ] }, o)) }) }) }) }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Shapes", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Rounded" }),
-        /* @__PURE__ */ e(c, { label: "Rounded Shape", shape: "rounded" })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Square (default)" }),
-        /* @__PURE__ */ e(c, { label: "Square Shape", shape: "square" })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(
-      k,
-      {
-        componentName: "Checkbox",
-        defaultValues: {
-          label: "Preview Checkbox",
-          variant: "ghost",
-          color: "primary",
-          size: "md",
-          shape: "square",
-          helperText: "",
-          error: "",
-          disabled: !1
-        },
-        includeProps: [
-          "label",
-          "variant",
-          "color",
-          "size",
-          "shape",
-          "helperText",
-          "error",
-          "disabled"
-        ],
-        excludeProps: ["checked", "onChange"],
-        children: (s) => /* @__PURE__ */ e(
-          c,
-          {
-            ...s,
-            checked: t,
-            onChange: (o) => m(o.target.checked)
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(C, { componentName: "Checkbox" }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      N,
-      {
-        language: "tsx",
-        code: `import { Checkbox } from '@e-burgos/tucu-ui';
-
-<Checkbox
-  label="I accept the terms and conditions"
-  checked={checked}
-  onChange={(e) => setChecked(e.target.checked)}
-/>
-
-// Variants
-<Checkbox label="Ghost" variant="ghost" />
-<Checkbox label="Solid" variant="solid" />
-<Checkbox label="Transparent" variant="transparent" />
-
-// Shapes
-<Checkbox label="Rounded" shape="rounded" />
-<Checkbox label="Square" shape="square" />
-
-// Colors
-<Checkbox label="Primary" color="primary" />
-<Checkbox label="Secondary" color="secondary" />
-<Checkbox label="Danger" color="danger" />
-<Checkbox label="Info" color="info" />
-<Checkbox label="Success" color="success" />
-<Checkbox label="Warning" color="warning" />
-
-// Sizes
-<Checkbox label="Small" size="sm" />
-<Checkbox label="Medium" size="md" />
-<Checkbox label="Large" size="lg" />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  z as default
-};

package/documentation/CheckboxSection-DvV3_WXa.js

@@ -1,29 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("../index-DWDUS-PU.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");const m=()=>{const[r,c]=o.useState(!1),[i,d]=o.useState(!0),n=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],h=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Checkbox",description:"A checkbox component for binary selections.",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-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-green-500/50",children:e.jsx(t.CheckSquare,{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:"Basic Checkbox"}),e.jsx(a.Checkbox,{label:"I accept the terms and conditions",checked:r,onChange:s=>c(s.target.checked)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Checkbox,{label:"Subscribe to newsletter",helperText:"Receive updates via email",checked:r,onChange:s=>c(s.target.checked)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Checkbox,{label:"Required checkbox",error:"This field is required"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Checkbox,{label:"Disabled option",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-3",children:"Ghost (default)"}),e.jsx(a.Checkbox,{label:"Ghost Variant",variant:"ghost"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Checkbox,{label:"Solid Variant",variant:"solid"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Checkbox,{label:"Transparent Variant",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:n.map(({label:s,color:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:s}),e.jsx(a.Checkbox,{label:`${s} Checkbox`,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:h.map(({label:s,size:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:s}),e.jsx(a.Checkbox,{label:`${s} Checkbox`,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.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:"Rounded"}),e.jsx(a.Checkbox,{label:"Rounded Shape",shape:"rounded"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Square (default)"}),e.jsx(a.Checkbox,{label:"Square Shape",shape:"square"})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"Checkbox",defaultValues:{label:"Preview Checkbox",variant:"ghost",color:"primary",size:"md",shape:"square",helperText:"",error:"",disabled:!1},includeProps:["label","variant","color","size","shape","helperText","error","disabled"],excludeProps:["checked","onChange"],children:s=>e.jsx(a.Checkbox,{...s,checked:i,onChange:l=>d(l.target.checked)})}),e.jsx(a.AutoPropsTable,{componentName:"Checkbox"}),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 { Checkbox } from '@e-burgos/tucu-ui';
-
-<Checkbox
-  label="I accept the terms and conditions"
-  checked={checked}
-  onChange={(e) => setChecked(e.target.checked)}
-/>
-
-// Variants
-<Checkbox label="Ghost" variant="ghost" />
-<Checkbox label="Solid" variant="solid" />
-<Checkbox label="Transparent" variant="transparent" />
-
-// Shapes
-<Checkbox label="Rounded" shape="rounded" />
-<Checkbox label="Square" shape="square" />
-
-// Colors
-<Checkbox label="Primary" color="primary" />
-<Checkbox label="Secondary" color="secondary" />
-<Checkbox label="Danger" color="danger" />
-<Checkbox label="Info" color="info" />
-<Checkbox label="Success" color="success" />
-<Checkbox label="Warning" color="warning" />
-
-// Sizes
-<Checkbox label="Small" size="sm" />
-<Checkbox label="Medium" size="md" />
-<Checkbox label="Large" size="lg" />`})})})})]})};exports.default=m;

package/documentation/ClientConfigSection-Gp3e7u6v.js

@@ -1,39 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DWDUS-PU.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(t.HeroCard,{title:"Client Configuration",description:"Connect the MCP server to your preferred AI assistant. Supports VS Code, Cursor, Claude Desktop, and any MCP-compatible client.",icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-indigo-500 to-blue-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.Settings,{className:"w-8 h-8 sm:w-10 sm:h-10 text-white"})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"VS Code (GitHub Copilot / Continue)",children:[e.jsxs(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:["Create"," ",e.jsx("code",{className:"px-1.5 py-0.5 bg-muted rounded text-xs font-mono",children:".vscode/mcp.json"})," ","in your project root:"]}),e.jsx(t.CodeBlock,{code:`{
-  "servers": {
-    "tucu-ui": {
-      "command": "npx",
-      "args": ["@e-burgos/tucu-ui-mcp"],
-      "env": {}
-    }
-  }
-}`})]})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Cursor",children:[e.jsxs(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:["Create"," ",e.jsx("code",{className:"px-1.5 py-0.5 bg-muted rounded text-xs font-mono",children:".cursor/mcp.json"})," ","in your project root:"]}),e.jsx(t.CodeBlock,{code:`{
-  "mcpServers": {
-    "tucu-ui": {
-      "command": "npx",
-      "args": ["@e-burgos/tucu-ui-mcp"],
-      "env": {}
-    }
-  }
-}`})]})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Claude Desktop",children:[e.jsx(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:"Edit the Claude Desktop config file:"}),e.jsxs("div",{className:"mb-3",children:[e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:"macOS"}),e.jsx(t.Typography,{className:"text-xs text-foreground/50 mt-1 font-mono",children:"~/Library/Application Support/Claude/claude_desktop_config.json"})]}),e.jsxs("div",{className:"mb-3",children:[e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:"Windows"}),e.jsx(t.Typography,{className:"text-xs text-foreground/50 mt-1 font-mono",children:"%APPDATA%\\Claude\\claude_desktop_config.json"})]}),e.jsx(t.CodeBlock,{code:`{
-  "mcpServers": {
-    "tucu-ui": {
-      "command": "npx",
-      "args": ["@e-burgos/tucu-ui-mcp"],
-      "env": {}
-    }
-  }
-}`})]})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Remote HTTP (Fly.io / Self-hosted)",children:[e.jsx(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:"Connect to a remote MCP server instance via HTTP+SSE transport:"}),e.jsx(t.CodeBlock,{code:`{
-  "servers": {
-    "tucu-ui-remote": {
-      "url": "https://tucu-ui-mcp.fly.dev/sse",
-      "headers": {
-        "Authorization": "Bearer YOUR_MCP_API_KEY"
-      }
-    }
-  }
-}`}),e.jsx("div",{className:"mt-3 p-3 rounded-lg border border-amber-500/20 bg-amber-500/5",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r.AlertTriangle,{className:"w-4 h-4 text-amber-500"}),e.jsx(t.Typography,{className:"text-xs text-amber-600 dark:text-amber-400 font-medium",children:"Always use HTTPS and keep your API key secret. Never commit keys to version control."})]})})]})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Verify Connection",children:[e.jsx(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:"After configuring, test the connection by asking your AI assistant:"}),e.jsx(t.CodeBlock,{code:`// Ask your AI assistant:
-"List all tucu-ui components in the 'form' category"
-
-// If configured correctly, the agent will call:
-// Tool: list_components({ category: "form" })
-// And return real component data from the MCP server`})]})})]});exports.default=s;