@e-burgos/tucu-ui 2.0.1 → 2.0.3

package/ButtonDripSection-Crel4qYQ.mjs

@@ -1,99 +0,0 @@
-import { jsxs as r, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as a, C as l, a as o, s as n, B as c, c as d } from "./index-DAzR4tRy.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const N = () => /* @__PURE__ */ r(s, { 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: "ButtonDrip" }),
-    /* @__PURE__ */ e(
-      a,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A button effect component that creates a ripple animation on click."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(l, { 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__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ r(l, { className: "p-4", children: [
-    /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Button with Drip Effect" }),
-    /* @__PURE__ */ e(n, { children: "Click me" })
-  ] }) }) }) }) }),
-  /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(c, { columns: [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (t) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(t) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (t) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(t) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (t) => {
-        const i = String(t);
-        return i === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: i });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "x",
-      type: "number",
-      default: "0",
-      description: "X coordinate for the drip effect"
-    },
-    {
-      prop: "y",
-      type: "number",
-      default: "0",
-      description: "Y coordinate for the drip effect"
-    },
-    {
-      prop: "color",
-      type: "string",
-      default: "required",
-      description: "Color of the drip effect"
-    },
-    {
-      prop: "fullWidth",
-      type: "boolean",
-      default: "false",
-      description: "Whether the button is full width"
-    },
-    {
-      prop: "onCompleted",
-      type: "() => void",
-      default: "required",
-      description: "Callback when animation completes"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(l, { 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(
-    d,
-    {
-      language: "tsx",
-      code: `import { ButtonDrip } from '@e-burgos/tucu-ui';
-
-// ButtonDrip is typically used internally by Button component
-// It creates a ripple effect when a button is clicked
-
-<ButtonDrip
-  x={50}
-  y={50}
-  color="#3b82f6"
-  fullWidth={false}
-  onCompleted={() => console.log('Animation completed')}
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  N as default
-};

package/ButtonLoaderSection-C8JQRf1R.js

@@ -1,30 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const r=[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:String(s)})},{key:"default",label:"Default",render:s=>{const t=String(s);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],i=[{prop:"size",type:"'large' | 'medium' | 'small'",default:"required",description:"Size of the loader"},{prop:"variant",type:"'blink' | 'scaleUp' | 'moveUp'",default:"required",description:"Animation variant of the loader"}];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:"ButtonLoader"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A loader component designed specifically for buttons, providing visual feedback during loading states."})]}),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:"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:"Button with Loading State"}),e.jsx(a.Button,{isLoading:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Button with Custom Loader"}),e.jsx(a.Button,{isLoading:!0,loaderSize:"small",loaderVariant:"blink"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Large Button with Loader"}),e.jsx(a.Button,{isLoading:!0,size:"large",loaderSize:"large"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Small Button with Loader"}),e.jsx(a.Button,{isLoading:!0,size:"small",loaderSize:"small"})]})]})})})}),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:"Blink Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"blink"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Scale Up Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"scaleUp"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Move Up Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"moveUp"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:r,data:i})})})}),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 { Button } from '@e-burgos/tucu-ui';
-
-// Basic usage with loading state
-<Button isLoading>Loading...</Button>
-
-// With custom loader size
-<Button 
-  isLoading 
-  loaderSize="small"
-  loaderVariant="blink"
->
-  Processing
-</Button>
-
-// Large button with loader
-<Button 
-  isLoading 
-  size="large" 
-  loaderSize="large"
->
-  Saving...
-</Button>
-
-// Different loader variants
-<Button isLoading loaderVariant="blink">Blink</Button>
-<Button isLoading loaderVariant="scaleUp">Scale Up</Button>
-<Button isLoading loaderVariant="moveUp">Move Up</Button>
-
-// ButtonLoader is used internally by Button component
-// when isLoading prop is set to true`})})})})]})};exports.default=l;

package/CardContainerSection-Bza00CbM.mjs

@@ -1,99 +0,0 @@
-import { jsxs as r, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { T as a, C as t, a as n, B as d, c as o } from "./index-DAzR4tRy.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const x = () => /* @__PURE__ */ r(i, { 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: "CardContainer" }),
-    /* @__PURE__ */ e(
-      a,
-      {
-        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__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { 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(t, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Basic Card" }),
-      /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(a, { tag: "p", children: "Card content goes here" }) })
-    ] }),
-    /* @__PURE__ */ r(t, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "With Custom Content" }),
-      /* @__PURE__ */ r(t, { children: [
-        /* @__PURE__ */ e(a, { tag: "h3", className: "font-bold mb-2", children: "Card Title" }),
-        /* @__PURE__ */ e(a, { tag: "p", children: "This is a card with custom content including a title and description." })
-      ] })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(d, { columns: [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (s) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(s) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (s) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(s) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (s) => {
-        const l = String(s);
-        return l === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: l });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "children",
-      type: "React.ReactNode",
-      default: "-",
-      description: "Content to display inside the card"
-    },
-    {
-      prop: "className",
-      type: "string",
-      default: "-",
-      description: "Additional CSS classes"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    o,
-    {
-      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 {
-  x as default
-};

package/CardContainerSection-DlliivB1.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const s=[{key:"prop",label:"Prop",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"default",label:"Default",render:r=>{const t=String(r);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],n=[{prop:"children",type:"React.ReactNode",default:"-",description:"Content to display inside the card"},{prop:"className",type:"string",default:"-",description:"Additional CSS classes"}];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:"CardContainer"}),e.jsx(a.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."})]}),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:"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 Card"}),e.jsx(a.CardContainer,{children:e.jsx(a.Typography,{tag:"p",children:"Card content goes here"})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Custom Content"}),e.jsxs(a.CardContainer,{children:[e.jsx(a.Typography,{tag:"h3",className:"font-bold mb-2",children:"Card Title"}),e.jsx(a.Typography,{tag:"p",children:"This is a card with custom content including a title and description."})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:s,data:n})})})}),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 { 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=i;

package/CardTitleSection-C2MWAbpR.mjs

@@ -1,113 +0,0 @@
-import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as t, C as r, a as l, B as o, c } from "./index-DAzR4tRy.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const N = () => /* @__PURE__ */ a(s, { children: [
-  /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CardTitle" }),
-    /* @__PURE__ */ e(
-      t,
-      {
-        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(r, { 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: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "With Title" }),
-      /* @__PURE__ */ e(l, { title: "Card Title", children: /* @__PURE__ */ e(t, { tag: "p", children: "Card content goes here" }) })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Without Border" }),
-      /* @__PURE__ */ e(l, { title: "No Border", border: !1, children: /* @__PURE__ */ e(t, { tag: "p", children: "Card without border" }) })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "With Rich Content" }),
-      /* @__PURE__ */ e(l, { title: "Rich Content", children: /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(t, { tag: "p", children: "First paragraph" }),
-        /* @__PURE__ */ e(t, { tag: "p", children: "Second paragraph" })
-      ] }) })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(o, { columns: [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (i) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(i) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (i) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(i) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (i) => {
-        const d = String(i);
-        return d === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: d });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "title",
-      type: "string",
-      default: "-",
-      description: "Title text to display"
-    },
-    {
-      prop: "border",
-      type: "boolean",
-      default: "true",
-      description: "Whether to show border"
-    },
-    {
-      prop: "children",
-      type: "React.ReactNode",
-      default: "-",
-      description: "Content to display inside the card"
-    },
-    {
-      prop: "className",
-      type: "string",
-      default: "-",
-      description: "Additional CSS classes"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { 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(
-    c,
-    {
-      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 {
-  N as default
-};

package/CardTitleSection-CsFOVBLB.js

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const s=[{key:"prop",label:"Prop",render:a=>e.jsx("code",{className:"text-xs text-brand",children:String(a)})},{key:"type",label:"Type",render:a=>e.jsx("code",{className:"text-xs",children:String(a)})},{key:"default",label:"Default",render:a=>{const t=String(a);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],i=[{prop:"title",type:"string",default:"-",description:"Title text to display"},{prop:"border",type:"boolean",default:"true",description:"Whether to show border"},{prop:"children",type:"React.ReactNode",default:"-",description:"Content to display inside the card"},{prop:"className",type:"string",default:"-",description:"Additional CSS classes"}];return 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.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.BasicTable,{columns:s,data:i})})})}),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=l;

package/CarouselCardsSection-COFaIxm1.mjs

@@ -1,207 +0,0 @@
-import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { T as i, C as s, a as c, x as l, B as o, c as m } from "./index-DAzR4tRy.mjs";
-import { Zap as p, Palette as h, Users as u, Smartphone as f, Shield as g, BookOpen as N } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const P = () => {
-  const r = [
-    {
-      title: "Performance",
-      description: "Blazing fast performance with optimized rendering and minimal bundle size",
-      icon: /* @__PURE__ */ e(p, { className: "w-8 h-8" })
-    },
-    {
-      title: "Customizable",
-      description: "Highly customizable with extensive theming options and variants",
-      icon: /* @__PURE__ */ e(h, { className: "w-8 h-8" })
-    },
-    {
-      title: "Accessible",
-      description: "Built with accessibility in mind, WCAG 2.1 compliant",
-      icon: /* @__PURE__ */ e(u, { className: "w-8 h-8" })
-    },
-    {
-      title: "Responsive",
-      description: "Mobile-first design that works seamlessly across all devices",
-      icon: /* @__PURE__ */ e(f, { className: "w-8 h-8" })
-    },
-    {
-      title: "Type Safe",
-      description: "Full TypeScript support with comprehensive type definitions",
-      icon: /* @__PURE__ */ e(g, { className: "w-8 h-8" })
-    },
-    {
-      title: "Documentation",
-      description: "Extensive documentation with examples and best practices",
-      icon: /* @__PURE__ */ e(N, { className: "w-8 h-8" })
-    }
-  ];
-  return /* @__PURE__ */ a(n, { children: [
-    /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(i, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CarouselCards" }),
-      /* @__PURE__ */ e(
-        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__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { 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(i, { tag: "h5", className: "mb-3", children: "Basic Carousel Cards" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(l, { cardClassName: "min-h-[250px]", cards: r }) })
-      ] }),
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(i, { tag: "h5", className: "mb-3", children: "With Navigation and Pagination" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(l, { cards: r, showNavigation: !0, showPagination: !0 }) })
-      ] }),
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(i, { tag: "h5", className: "mb-3", children: "Elevated Variant - Medium Size" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
-          l,
-          {
-            cards: r,
-            variant: "elevated",
-            cardSize: "md",
-            showNavigation: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(i, { tag: "h5", className: "mb-3", children: "Outlined Variant - Large Size" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
-          l,
-          {
-            cards: r,
-            variant: "outlined",
-            cardSize: "lg",
-            showPagination: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(i, { tag: "h5", className: "mb-3", children: "Filled Variant - Small Size" }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
-          l,
-          {
-            cards: r,
-            variant: "filled",
-            cardSize: "sm",
-            showNavigation: !0,
-            showPagination: !0
-          }
-        ) })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(o, { columns: [
-      {
-        key: "prop",
-        label: "Prop",
-        render: (t) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(t) })
-      },
-      {
-        key: "type",
-        label: "Type",
-        render: (t) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(t) })
-      },
-      {
-        key: "default",
-        label: "Default",
-        render: (t) => {
-          const d = String(t);
-          return d === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: d });
-        }
-      },
-      {
-        key: "description",
-        label: "Description"
-      }
-    ], data: [
-      {
-        prop: "cards",
-        type: "CarouselCardItem[]",
-        default: "required",
-        description: "Array of card items to display"
-      },
-      {
-        prop: "cardSize",
-        type: "'sm' | 'md' | 'lg' | 'xl'",
-        default: "'md'",
-        description: "Size of the cards"
-      },
-      {
-        prop: "variant",
-        type: "'default' | 'elevated' | 'outlined' | 'filled'",
-        default: "'default'",
-        description: "Visual variant of the cards"
-      },
-      {
-        prop: "showCardTitles",
-        type: "boolean",
-        default: "true",
-        description: "Whether to show card titles"
-      },
-      {
-        prop: "showNavigation",
-        type: "boolean",
-        default: "false",
-        description: "Show navigation arrows"
-      },
-      {
-        prop: "showPagination",
-        type: "boolean",
-        default: "false",
-        description: "Show pagination dots"
-      }
-    ] }) }) }) }),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      m,
-      {
-        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 {
-  P as default
-};

package/CarouselCardsSection-D_GHnQin.js

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Cj89iBVR.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const i=[{title:"Performance",description:"Blazing fast performance with optimized rendering and minimal bundle size",icon:e.jsx(s.Zap,{className:"w-8 h-8"})},{title:"Customizable",description:"Highly customizable with extensive theming options and variants",icon:e.jsx(s.Palette,{className:"w-8 h-8"})},{title:"Accessible",description:"Built with accessibility in mind, WCAG 2.1 compliant",icon:e.jsx(s.Users,{className:"w-8 h-8"})},{title:"Responsive",description:"Mobile-first design that works seamlessly across all devices",icon:e.jsx(s.Smartphone,{className:"w-8 h-8"})},{title:"Type Safe",description:"Full TypeScript support with comprehensive type definitions",icon:e.jsx(s.Shield,{className:"w-8 h-8"})},{title:"Documentation",description:"Extensive documentation with examples and best practices",icon:e.jsx(s.BookOpen,{className:"w-8 h-8"})}],l=[{key:"prop",label:"Prop",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"default",label:"Default",render:r=>{const t=String(r);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],d=[{prop:"cards",type:"CarouselCardItem[]",default:"required",description:"Array of card items to display"},{prop:"cardSize",type:"'sm' | 'md' | 'lg' | 'xl'",default:"'md'",description:"Size of the cards"},{prop:"variant",type:"'default' | 'elevated' | 'outlined' | 'filled'",default:"'default'",description:"Visual variant of the cards"},{prop:"showCardTitles",type:"boolean",default:"true",description:"Whether to show card titles"},{prop:"showNavigation",type:"boolean",default:"false",description:"Show navigation arrows"},{prop:"showPagination",type:"boolean",default:"false",description:"Show pagination dots"}];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:"CarouselCards"}),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 cards with customizable sizes and variants."})]}),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 Carousel Cards"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselCards,{cardClassName:"min-h-[250px]",cards:i})})]}),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.CarouselCards,{cards:i,showNavigation:!0,showPagination:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Elevated Variant - Medium Size"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselCards,{cards:i,variant:"elevated",cardSize:"md",showNavigation:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Outlined Variant - Large Size"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselCards,{cards:i,variant:"outlined",cardSize:"lg",showPagination:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Filled Variant - Small Size"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselCards,{cards:i,variant:"filled",cardSize:"sm",showNavigation:!0,showPagination:!0})})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:l,data:d})})})}),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 { 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=n;