@e-burgos/tucu-ui 2.0.8 → 2.0.9

package/documentation/CardContainerSection-B8JvSNpy.js

@@ -1,63 +0,0 @@
-import { jsxs as t, Fragment as o, jsx as a } from "react/jsx-runtime";
-import { T as e, C as r, a as n, A as s, c as i } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const g = () => /* @__PURE__ */ t(o, { children: [
-  /* @__PURE__ */ t("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ a(e, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CardContainer" }),
-    /* @__PURE__ */ a(
-      e,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A container component that provides consistent styling and layout for card-based content."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ a(r, { className: "overflow-hidden", children: /* @__PURE__ */ a(n, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ t(r, { className: "p-4", children: [
-      /* @__PURE__ */ a(e, { tag: "h5", className: "mb-3", children: "Basic Card" }),
-      /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a(e, { tag: "p", children: "Card content goes here" }) })
-    ] }),
-    /* @__PURE__ */ t(r, { className: "p-4", children: [
-      /* @__PURE__ */ a(e, { tag: "h5", className: "mb-3", children: "With Custom Content" }),
-      /* @__PURE__ */ t(r, { children: [
-        /* @__PURE__ */ a(e, { tag: "h3", className: "font-bold mb-2", children: "Card Title" }),
-        /* @__PURE__ */ a(e, { tag: "p", children: "This is a card with custom content including a title and description." })
-      ] })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ a(s, { componentName: "CardContainer" }),
-  /* @__PURE__ */ a(r, { className: "overflow-hidden", children: /* @__PURE__ */ a(n, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    i,
-    {
-      language: "tsx",
-      code: `import { CardContainer, Typography } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<CardContainer>
-  <Typography tag="p">Card content goes here</Typography>
-</CardContainer>
-
-// With custom content
-<CardContainer>
-  <Typography tag="h3" className="font-bold mb-2">
-    Card Title
-  </Typography>
-  <Typography tag="p">
-    Card description and content
-  </Typography>
-</CardContainer>
-
-// With custom className
-<CardContainer className="bg-blue-50">
-  <Typography tag="p">Custom styled card</Typography>
-</CardContainer>`
-    }
-  ) }) }) })
-] });
-export {
-  g as default
-};

package/documentation/CardContainerSection-CxfdSIAS.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>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:"CardContainer"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A container component that provides consistent styling and layout for card-based content."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic 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 Card"}),a.jsx(e.CardContainer,{children:a.jsx(e.Typography,{tag:"p",children:"Card content goes here"})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Custom Content"}),a.jsxs(e.CardContainer,{children:[a.jsx(e.Typography,{tag:"h3",className:"font-bold mb-2",children:"Card Title"}),a.jsx(e.Typography,{tag:"p",children:"This is a card with custom content including a title and description."})]})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"CardContainer"}),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 { CardContainer, Typography } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<CardContainer>
-  <Typography tag="p">Card content goes here</Typography>
-</CardContainer>
-
-// With custom content
-<CardContainer>
-  <Typography tag="h3" className="font-bold mb-2">
-    Card Title
-  </Typography>
-  <Typography tag="p">
-    Card description and content
-  </Typography>
-</CardContainer>
-
-// With custom className
-<CardContainer className="bg-blue-50">
-  <Typography tag="p">Custom styled card</Typography>
-</CardContainer>`})})})})]});exports.default=r;

package/documentation/CardSection-D66ytgEc.js

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>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:"Card"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A flexible card component with optional header, icon, footer, actions, and clickable behavior."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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.jsx(t.Card,{title:"Basic Card",description:"A simple card with title and description",icon:e.jsx(a.Users,{className:"h-5 w-5"}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the card body content. You can place any content here."})}),e.jsx(t.Card,{title:"With Actions",description:"Card with action buttons in the header",icon:e.jsx(a.Settings,{className:"h-5 w-5"}),actions:e.jsx(t.Badge,{color:"success",size:"small",children:"Active"}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"The actions slot renders elements on the right side of the header."})}),e.jsx(t.Card,{title:"With Footer",description:"Card with a footer section",icon:e.jsx(a.Bell,{className:"h-5 w-5"}),footer:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(t.Typography,{tag:"span",className:"text-xs text-gray-500",children:"Last updated 2 hours ago"}),e.jsx(t.Button,{variant:"ghost",size:"mini",children:"View Details"})]}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Footer content appears at the bottom with a top border separator."})}),e.jsx(t.Card,{title:"Clickable Card",description:"Click anywhere on this card",onClick:()=>alert("Card clicked!"),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Clickable cards show a hover effect on the border."})})]})})})}),e.jsx(t.AutoPropsTable,{componentName:"Card"}),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 { Card, Badge, Button } from '@e-burgos/tucu-ui';
-import { Users } from 'lucide-react';
-
-// Basic
-<Card
-  title="Team Members"
-  description="Manage your team"
-  icon={<Users className="h-5 w-5" />}
->
-  <p>Card body content</p>
-</Card>
-
-// With actions and footer
-<Card
-  title="Notifications"
-  actions={<Badge color="info">3 new</Badge>}
-  footer={<Button variant="ghost" size="mini">View All</Button>}
->
-  <p>You have 3 unread notifications</p>
-</Card>
-
-// Clickable
-<Card title="Dashboard" onClick={() => navigate('/dashboard')}>
-  <p>Click to navigate</p>
-</Card>`})})})})]});exports.default=r;

package/documentation/CardTitleSection-PbgJ_cjd.js

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CardTitle"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A card component with an integrated title that appears above the card border."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.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:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Title"}),e.jsx(r.CardTitle,{title:"Card Title",children:e.jsx(r.Typography,{tag:"p",children:"Card content goes here"})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Without Border"}),e.jsx(r.CardTitle,{title:"No Border",border:!1,children:e.jsx(r.Typography,{tag:"p",children:"Card without border"})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Rich Content"}),e.jsx(r.CardTitle,{title:"Rich Content",children:e.jsxs("div",{className:"space-y-2",children:[e.jsx(r.Typography,{tag:"p",children:"First paragraph"}),e.jsx(r.Typography,{tag:"p",children:"Second paragraph"})]})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"CardTitle",defaultValues:{title:"Card Title",border:!0},excludeProps:[],children:a=>e.jsx(r.CardTitle,{...a,children:e.jsx("div",{className:"p-4",children:"Card Content"})})}),e.jsx(r.AutoPropsTable,{componentName:"CardTitle"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { CardTitle, Typography } from '@e-burgos/tucu-ui';
-
-// With title
-<CardTitle title="Card Title">
-  <Typography tag="p">Card content goes here</Typography>
-</CardTitle>
-
-// Without border
-<CardTitle title="No Border" border={false}>
-  <Typography tag="p">Card without border</Typography>
-</CardTitle>
-
-// With rich content
-<CardTitle title="Rich Content">
-  <div className="space-y-2">
-    <Typography tag="p">First paragraph</Typography>
-    <Typography tag="p">Second paragraph</Typography>
-  </div>
-</CardTitle>`})})})})]});exports.default=t;

package/documentation/CardTitleSection-eOKcETMp.js

@@ -1,74 +0,0 @@
-import { jsxs as r, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { T as a, C as l, a as t, P as o, A as c, c as s } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const T = () => /* @__PURE__ */ r(d, { children: [
-  /* @__PURE__ */ r("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(a, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CardTitle" }),
-    /* @__PURE__ */ e(
-      a,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A card component with an integrated title that appears above the card border."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ r(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "With Title" }),
-      /* @__PURE__ */ e(t, { title: "Card Title", children: /* @__PURE__ */ e(a, { tag: "p", children: "Card content goes here" }) })
-    ] }),
-    /* @__PURE__ */ r(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Without Border" }),
-      /* @__PURE__ */ e(t, { title: "No Border", border: !1, children: /* @__PURE__ */ e(a, { tag: "p", children: "Card without border" }) })
-    ] }),
-    /* @__PURE__ */ r(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "With Rich Content" }),
-      /* @__PURE__ */ e(t, { title: "Rich Content", children: /* @__PURE__ */ r("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(a, { tag: "p", children: "First paragraph" }),
-        /* @__PURE__ */ e(a, { tag: "p", children: "Second paragraph" })
-      ] }) })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(
-    o,
-    {
-      componentName: "CardTitle",
-      defaultValues: { title: "Card Title", border: !0 },
-      excludeProps: [],
-      children: (i) => /* @__PURE__ */ e(t, { ...i, children: /* @__PURE__ */ e("div", { className: "p-4", children: "Card Content" }) })
-    }
-  ),
-  /* @__PURE__ */ e(c, { componentName: "CardTitle" }),
-  /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    s,
-    {
-      language: "tsx",
-      code: `import { CardTitle, Typography } from '@e-burgos/tucu-ui';
-
-// With title
-<CardTitle title="Card Title">
-  <Typography tag="p">Card content goes here</Typography>
-</CardTitle>
-
-// Without border
-<CardTitle title="No Border" border={false}>
-  <Typography tag="p">Card without border</Typography>
-</CardTitle>
-
-// With rich content
-<CardTitle title="Rich Content">
-  <div className="space-y-2">
-    <Typography tag="p">First paragraph</Typography>
-    <Typography tag="p">Second paragraph</Typography>
-  </div>
-</CardTitle>`
-    }
-  ) }) }) })
-] });
-export {
-  T as default
-};

package/documentation/CarouselCardsSection-CBG6p7HK.js

@@ -1,147 +0,0 @@
-import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
-import { T as i, C as s, a as t, U as l, A as n, c as d } from "../index-D3gBsvbO.js";
-import { Zap as o, Palette as m, Users as h, Smartphone as p, Shield as u, BookOpen as g } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const x = () => {
-  const r = [
-    {
-      title: "Performance",
-      description: "Blazing fast performance with optimized rendering and minimal bundle size",
-      icon: /* @__PURE__ */ a(o, { className: "w-8 h-8" })
-    },
-    {
-      title: "Customizable",
-      description: "Highly customizable with extensive theming options and variants",
-      icon: /* @__PURE__ */ a(m, { className: "w-8 h-8" })
-    },
-    {
-      title: "Accessible",
-      description: "Built with accessibility in mind, WCAG 2.1 compliant",
-      icon: /* @__PURE__ */ a(h, { className: "w-8 h-8" })
-    },
-    {
-      title: "Responsive",
-      description: "Mobile-first design that works seamlessly across all devices",
-      icon: /* @__PURE__ */ a(p, { className: "w-8 h-8" })
-    },
-    {
-      title: "Type Safe",
-      description: "Full TypeScript support with comprehensive type definitions",
-      icon: /* @__PURE__ */ a(u, { className: "w-8 h-8" })
-    },
-    {
-      title: "Documentation",
-      description: "Extensive documentation with examples and best practices",
-      icon: /* @__PURE__ */ a(g, { className: "w-8 h-8" })
-    }
-  ];
-  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: "CarouselCards" }),
-      /* @__PURE__ */ a(
-        i,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A carousel component specifically designed for displaying cards with customizable sizes and variants."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(s, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { 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(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Basic Carousel Cards" }),
-        /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(l, { cardClassName: "min-h-[250px]", cards: r }) })
-      ] }),
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "With Navigation and Pagination" }),
-        /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(l, { cards: r, showNavigation: !0, showPagination: !0 }) })
-      ] }),
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Elevated Variant - Medium Size" }),
-        /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(
-          l,
-          {
-            cards: r,
-            variant: "elevated",
-            cardSize: "md",
-            showNavigation: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Outlined Variant - Large Size" }),
-        /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(
-          l,
-          {
-            cards: r,
-            variant: "outlined",
-            cardSize: "lg",
-            showPagination: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ e(s, { className: "p-4", children: [
-        /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Filled Variant - Small Size" }),
-        /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(
-          l,
-          {
-            cards: r,
-            variant: "filled",
-            cardSize: "sm",
-            showNavigation: !0,
-            showPagination: !0
-          }
-        ) })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ a(n, { componentName: "CarouselCards" }),
-    /* @__PURE__ */ a(s, { 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(
-      d,
-      {
-        language: "tsx",
-        code: `import { CarouselCards, LucideIcons } from '@e-burgos/tucu-ui';
-
-const cards = [
-  {
-    title: 'Performance',
-    description: 'Blazing fast performance with optimized rendering',
-    icon: <LucideIcons.Zap className="w-8 h-8" />,
-  },
-  {
-    title: 'Customizable',
-    description: 'Highly customizable with extensive theming options',
-    icon: <LucideIcons.Palette className="w-8 h-8" />,
-  },
-  {
-    title: 'Accessible',
-    description: 'Built with accessibility in mind, WCAG 2.1 compliant',
-    icon: <LucideIcons.Users className="w-8 h-8" />,
-  },
-  // ... more cards
-];
-
-// Basic usage
-<CarouselCards cards={cards} />
-
-// With navigation and pagination
-<CarouselCards cards={cards} showNavigation showPagination />
-
-// Different variants
-<CarouselCards cards={cards} variant="elevated" cardSize="md" />
-<CarouselCards cards={cards} variant="outlined" cardSize="lg" />
-<CarouselCards cards={cards} variant="filled" cardSize="sm" />
-
-// Different sizes
-<CarouselCards cards={cards} cardSize="sm" />
-<CarouselCards cards={cards} cardSize="md" />
-<CarouselCards cards={cards} cardSize="lg" />
-<CarouselCards cards={cards} cardSize="xl" />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  x as default
-};

package/documentation/CarouselCardsSection-DO3LU16T.js

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-VrMogvDN.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const i=[{title:"Performance",description:"Blazing fast performance with optimized rendering and minimal bundle size",icon:a.jsx(s.Zap,{className:"w-8 h-8"})},{title:"Customizable",description:"Highly customizable with extensive theming options and variants",icon:a.jsx(s.Palette,{className:"w-8 h-8"})},{title:"Accessible",description:"Built with accessibility in mind, WCAG 2.1 compliant",icon:a.jsx(s.Users,{className:"w-8 h-8"})},{title:"Responsive",description:"Mobile-first design that works seamlessly across all devices",icon:a.jsx(s.Smartphone,{className:"w-8 h-8"})},{title:"Type Safe",description:"Full TypeScript support with comprehensive type definitions",icon:a.jsx(s.Shield,{className:"w-8 h-8"})},{title:"Documentation",description:"Extensive documentation with examples and best practices",icon:a.jsx(s.BookOpen,{className:"w-8 h-8"})}];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:"CarouselCards"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A carousel component specifically designed for displaying cards with customizable sizes and variants."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Carousel Cards"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cardClassName:"min-h-[250px]",cards:i})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Navigation and Pagination"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,showNavigation:!0,showPagination:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Elevated Variant - Medium Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"elevated",cardSize:"md",showNavigation:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Outlined Variant - Large Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"outlined",cardSize:"lg",showPagination:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Filled Variant - Small Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"filled",cardSize:"sm",showNavigation:!0,showPagination:!0})})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"CarouselCards"}),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 { CarouselCards, LucideIcons } from '@e-burgos/tucu-ui';
-
-const cards = [
-  {
-    title: 'Performance',
-    description: 'Blazing fast performance with optimized rendering',
-    icon: <LucideIcons.Zap className="w-8 h-8" />,
-  },
-  {
-    title: 'Customizable',
-    description: 'Highly customizable with extensive theming options',
-    icon: <LucideIcons.Palette className="w-8 h-8" />,
-  },
-  {
-    title: 'Accessible',
-    description: 'Built with accessibility in mind, WCAG 2.1 compliant',
-    icon: <LucideIcons.Users className="w-8 h-8" />,
-  },
-  // ... more cards
-];
-
-// Basic usage
-<CarouselCards cards={cards} />
-
-// With navigation and pagination
-<CarouselCards cards={cards} showNavigation showPagination />
-
-// Different variants
-<CarouselCards cards={cards} variant="elevated" cardSize="md" />
-<CarouselCards cards={cards} variant="outlined" cardSize="lg" />
-<CarouselCards cards={cards} variant="filled" cardSize="sm" />
-
-// Different sizes
-<CarouselCards cards={cards} cardSize="sm" />
-<CarouselCards cards={cards} cardSize="md" />
-<CarouselCards cards={cards} cardSize="lg" />
-<CarouselCards cards={cards} cardSize="xl" />`})})})})]})};exports.default=r;

package/documentation/CarouselImageSection-BWhCTLiW.js

@@ -1,152 +0,0 @@
-import { jsxs as e, Fragment as n, jsx as a } from "react/jsx-runtime";
-import { T as s, C as i, a as l, V as o, A as r, c } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const w = () => {
-  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__ */ e(n, { 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: "CarouselImage" }),
-      /* @__PURE__ */ a(
-        s,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A carousel component specifically designed for displaying images with optional titles and descriptions."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(i, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { 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 Image Carousel" }),
-        /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(o, { images: t }) })
-      ] }),
-      /* @__PURE__ */ e(i, { className: "p-4", children: [
-        /* @__PURE__ */ a(s, { tag: "h5", className: "mb-3", children: "With Titles and Descriptions" }),
-        /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(o, { images: t, showTitles: !0 }) })
-      ] }),
-      /* @__PURE__ */ e(i, { className: "p-4", children: [
-        /* @__PURE__ */ a(s, { tag: "h5", className: "mb-3", children: "With Navigation and Pagination" }),
-        /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(
-          o,
-          {
-            images: t,
-            showNavigation: !0,
-            showPagination: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ e(i, { className: "p-4", children: [
-        /* @__PURE__ */ a(s, { tag: "h5", className: "mb-3", children: "Contain Fit - Preserve Aspect Ratio" }),
-        /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(
-          o,
-          {
-            images: t,
-            imageFit: "contain",
-            showTitles: !0,
-            showNavigation: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ e(i, { className: "p-4", children: [
-        /* @__PURE__ */ a(s, { tag: "h5", className: "mb-3", children: "Square Aspect Ratio" }),
-        /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(
-          o,
-          {
-            images: t,
-            aspectRatio: "aspect-square",
-            showNavigation: !0,
-            showPagination: !0
-          }
-        ) })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ a(r, { componentName: "CarouselImage" }),
-    /* @__PURE__ */ a(i, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-      c,
-      {
-        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 {
-  w as default
-};

package/documentation/CarouselImageSection-C0xXpyka.js

@@ -1,38 +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 i=()=>{const s=[{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 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:"CarouselImage"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A carousel component specifically designed for displaying images with optional titles and descriptions."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.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(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Image Carousel"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Titles and Descriptions"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,showTitles:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Navigation and Pagination"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,showNavigation:!0,showPagination:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Contain Fit - Preserve Aspect Ratio"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,imageFit:"contain",showTitles:!0,showNavigation:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Square Aspect Ratio"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,aspectRatio:"aspect-square",showNavigation:!0,showPagination:!0})})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"CarouselImage"}),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 { 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} />`})})})})]})};exports.default=i;

package/documentation/CarouselSection-BxjV5FP1.js

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[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.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Carousel"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A powerful carousel component built on Swiper.js with support for navigation, pagination, autoplay, and various effects."})]}),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:a})})]}),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:a})})]}),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:a})})]}),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: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=l;