@e-burgos/tucu-ui 2.4.1 → 2.6.0

package/documentation/ButtonDripSection-CcxU4YYs.js

@@ -1,110 +0,0 @@
-import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
-import { H as c, C as l, a as i, T as a, x as e, P as s, A as m, c as d } from "../index-BOVWnu1L.js";
-import { MousePointerClick as p } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const w = () => /* @__PURE__ */ o(n, { children: [
-  /* @__PURE__ */ t(
-    c,
-    {
-      title: "ButtonDrip",
-      description: "A button effect component that creates a ripple animation on click.",
-      icon: /* @__PURE__ */ t("div", { className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ t(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__ */ t(l, { className: "overflow-hidden", children: /* @__PURE__ */ t(i, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ o("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ o(l, { className: "p-4", children: [
-      /* @__PURE__ */ t(a, { tag: "h5", className: "mb-3", children: "Button with Drip Effect" }),
-      /* @__PURE__ */ t(e, { children: "Click me" })
-    ] }),
-    /* @__PURE__ */ o(l, { className: "p-4", children: [
-      /* @__PURE__ */ t(a, { tag: "h5", className: "mb-3", children: "Button with Tooltip" }),
-      /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-4", children: [
-        /* @__PURE__ */ t(e, { tooltip: "Save changes", tooltipPlacement: "top", children: "Top" }),
-        /* @__PURE__ */ t(
-          e,
-          {
-            tooltip: "Delete item",
-            tooltipPlacement: "bottom",
-            tooltipColor: "light",
-            color: "danger",
-            children: "Bottom (light)"
-          }
-        ),
-        /* @__PURE__ */ t(
-          e,
-          {
-            tooltip: "Go back",
-            tooltipPlacement: "left",
-            variant: "ghost",
-            children: "Left"
-          }
-        ),
-        /* @__PURE__ */ t(
-          e,
-          {
-            tooltip: "More info",
-            tooltipPlacement: "right",
-            variant: "ghost",
-            color: "info",
-            children: "Right"
-          }
-        )
-      ] })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ t(
-    s,
-    {
-      componentName: "Button",
-      defaultValues: {
-        variant: "solid",
-        color: "primary",
-        size: "medium",
-        shape: "rounded",
-        tooltip: "",
-        tooltipPlacement: "top"
-      },
-      excludeProps: [
-        "onClick",
-        "loaderSize",
-        "loaderVariant",
-        "aria-label",
-        "aria-describedby"
-      ],
-      children: (r) => /* @__PURE__ */ t(e, { ...r, children: "Click me" })
-    }
-  ),
-  /* @__PURE__ */ t(m, { componentName: "Button" }),
-  /* @__PURE__ */ t(l, { className: "overflow-hidden", children: /* @__PURE__ */ t(i, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t(
-    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')}
-/>
-
-// Button with tooltip (portal-based, renders above all DOM)
-<Button tooltip="Save changes" tooltipPlacement="top">
-  Save
-</Button>
-
-<Button tooltip="Delete" tooltipPlacement="bottom" tooltipColor="light" color="danger">
-  Delete
-</Button>`
-    }
-  ) }) }) })
-] });
-export {
-  w as default
-};

package/documentation/ButtonDripSection-D7uFMR-S.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../index-CQ1tqJiQ.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>t.jsxs(t.Fragment,{children:[t.jsx(e.HeroCard,{title:"ButtonDrip",description:"A button effect component that creates a ripple animation on click.",icon:t.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:t.jsx(l.MousePointerClick,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),t.jsx(e.CardContainer,{className:"overflow-hidden",children:t.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"space-y-4",children:[t.jsxs(e.CardContainer,{className:"p-4",children:[t.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Button with Drip Effect"}),t.jsx(e.Button,{children:"Click me"})]}),t.jsxs(e.CardContainer,{className:"p-4",children:[t.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Button with Tooltip"}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(e.Button,{tooltip:"Save changes",tooltipPlacement:"top",children:"Top"}),t.jsx(e.Button,{tooltip:"Delete item",tooltipPlacement:"bottom",tooltipColor:"light",color:"danger",children:"Bottom (light)"}),t.jsx(e.Button,{tooltip:"Go back",tooltipPlacement:"left",variant:"ghost",children:"Left"}),t.jsx(e.Button,{tooltip:"More info",tooltipPlacement:"right",variant:"ghost",color:"info",children:"Right"})]})]})]})})})}),t.jsx(e.PropPlayground,{componentName:"Button",defaultValues:{variant:"solid",color:"primary",size:"medium",shape:"rounded",tooltip:"",tooltipPlacement:"top"},excludeProps:["onClick","loaderSize","loaderVariant","aria-label","aria-describedby"],children:o=>t.jsx(e.Button,{...o,children:"Click me"})}),t.jsx(e.AutoPropsTable,{componentName:"Button"}),t.jsx(e.CardContainer,{className:"overflow-hidden",children:t.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsx(e.CodeBlock,{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')}
-/>
-
-// Button with tooltip (portal-based, renders above all DOM)
-<Button tooltip="Save changes" tooltipPlacement="top">
-  Save
-</Button>
-
-<Button tooltip="Delete" tooltipPlacement="bottom" tooltipColor="light" color="danger">
-  Delete
-</Button>`})})})})]});exports.default=i;

package/documentation/ButtonLoaderSection-CA4lAZL9.js

@@ -1,153 +0,0 @@
-import { jsxs as i, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as d, C as a, a as o, T as r, x as l, P as c, y as m, c as p } from "../index-BOVWnu1L.js";
-import { Loader2 as u } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const v = () => /* @__PURE__ */ i(n, { children: [
-  /* @__PURE__ */ e(
-    d,
-    {
-      title: "ButtonLoader",
-      description: `A loader component designed specifically for buttons, providing visual
-          feedback during loading states.`,
-      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-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(u, { 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__ */ i("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ i(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Button with Loading State" }),
-      /* @__PURE__ */ e(l, { isLoading: !0 })
-    ] }),
-    /* @__PURE__ */ i(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Button with Custom Loader" }),
-      /* @__PURE__ */ e(l, { isLoading: !0, loaderSize: "small", loaderVariant: "blink" })
-    ] }),
-    /* @__PURE__ */ i(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Large Button with Loader" }),
-      /* @__PURE__ */ e(l, { isLoading: !0, size: "large", loaderSize: "large" })
-    ] }),
-    /* @__PURE__ */ i(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Small Button with Loader" }),
-      /* @__PURE__ */ e(l, { isLoading: !0, size: "small", loaderSize: "small" })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ i("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-    /* @__PURE__ */ i(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Blink Variant" }),
-      /* @__PURE__ */ e(l, { isLoading: !0, loaderVariant: "blink" })
-    ] }),
-    /* @__PURE__ */ i(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Scale Up Variant" }),
-      /* @__PURE__ */ e(l, { isLoading: !0, loaderVariant: "scaleUp" })
-    ] }),
-    /* @__PURE__ */ i(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Move Up Variant" }),
-      /* @__PURE__ */ e(l, { isLoading: !0, loaderVariant: "moveUp" })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(
-    c,
-    {
-      componentName: "Button",
-      title: "Button Loader Playground",
-      defaultValues: {
-        variant: "solid",
-        color: "primary",
-        size: "medium",
-        isLoading: !0,
-        loaderSize: "small",
-        loaderVariant: "scaleUp"
-      },
-      excludeProps: [
-        "onClick",
-        "aria-label",
-        "aria-describedby",
-        "tooltip",
-        "tooltipArrow",
-        "tooltipColor",
-        "tooltipPlacement",
-        "shape",
-        "fullWidth",
-        "disabled"
-      ],
-      children: (t) => /* @__PURE__ */ e(l, { ...t, children: "Loading..." })
-    }
-  ),
-  /* @__PURE__ */ e(a, { 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(m, { 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 s = String(t);
-        return s === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: s });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      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"
-    }
-  ] }) }) }) }),
-  /* @__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(
-    p,
-    {
-      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`
-    }
-  ) }) }) })
-] });
-export {
-  v as default
-};

package/documentation/ButtonLoaderSection-Cmie6GkV.js

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-CQ1tqJiQ.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const s=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>{const r=String(t);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{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.jsx(a.HeroCard,{title:"ButtonLoader",description:`A loader component designed specifically for buttons, providing visual
-          feedback during loading states.`,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-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(l.Loader2,{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(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.PropPlayground,{componentName:"Button",title:"Button Loader Playground",defaultValues:{variant:"solid",color:"primary",size:"medium",isLoading:!0,loaderSize:"small",loaderVariant:"scaleUp"},excludeProps:["onClick","aria-label","aria-describedby","tooltip","tooltipArrow","tooltipColor","tooltipPlacement","shape","fullWidth","disabled"],children:t=>e.jsx(a.Button,{...t,children:"Loading..."})}),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: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=n;

package/documentation/CardContainerSection-BO6U2Twq.js

@@ -1,61 +0,0 @@
-import { jsxs as r, Fragment as n, jsx as a } from "react/jsx-runtime";
-import { H as i, C as e, a as o, T as t, A as s, c as d } from "../index-BOVWnu1L.js";
-import { LayoutGrid as l } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const y = () => /* @__PURE__ */ r(n, { children: [
-  /* @__PURE__ */ a(
-    i,
-    {
-      title: "CardContainer",
-      description: `A container component that provides consistent styling and layout for
-          card-based content.`,
-      icon: /* @__PURE__ */ a("div", { className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-purple-500 to-violet-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ a(l, { className: "w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg" }) })
-    }
-  ),
-  /* @__PURE__ */ a(e, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ r(e, { className: "p-4", children: [
-      /* @__PURE__ */ a(t, { tag: "h5", className: "mb-3", children: "Basic Card" }),
-      /* @__PURE__ */ a(e, { children: /* @__PURE__ */ a(t, { tag: "p", children: "Card content goes here" }) })
-    ] }),
-    /* @__PURE__ */ r(e, { className: "p-4", children: [
-      /* @__PURE__ */ a(t, { tag: "h5", className: "mb-3", children: "With Custom Content" }),
-      /* @__PURE__ */ r(e, { children: [
-        /* @__PURE__ */ a(t, { tag: "h3", className: "font-bold mb-2", children: "Card Title" }),
-        /* @__PURE__ */ a(t, { tag: "p", children: "This is a card with custom content including a title and description." })
-      ] })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ a(s, { componentName: "CardContainer" }),
-  /* @__PURE__ */ a(e, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    d,
-    {
-      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 {
-  y as default
-};

package/documentation/CardContainerSection-VRvlZ6yl.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-CQ1tqJiQ.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"CardContainer",description:`A container component that provides consistent styling and layout for
-          card-based content.`,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-purple-500 to-violet-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.LayoutGrid,{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(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.AutoPropsTable,{componentName:"CardContainer"}),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=t;

package/documentation/CardSection-CuAefGvD.js

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-CQ1tqJiQ.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Card",description:`A flexible card component with optional header, icon, footer, actions,
-          and clickable behavior.`,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-violet-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.CreditCard,{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(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.PropPlayground,{componentName:"Card",title:"Card Playground",defaultValues:{title:"Card Title",description:"This is a card description with relevant content."},excludeProps:["onClick","icon","header","footer","actions","className"],children:r=>e.jsx(t.Card,{...r})}),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=i;

package/documentation/CardSection-hf0H8g46.js

@@ -1,136 +0,0 @@
-import { jsxs as i, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { H as c, C as r, a as o, J as t, T as a, K as l, x as n, P as h, A as m, c as p } from "../index-BOVWnu1L.js";
-import { CreditCard as g, Users as C, Settings as u, Bell as f } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const k = () => /* @__PURE__ */ i(d, { children: [
-  /* @__PURE__ */ e(
-    c,
-    {
-      title: "Card",
-      description: `A flexible card component with optional header, icon, footer, actions,
-          and clickable behavior.`,
-      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-violet-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(g, { 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(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ i("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ e(
-      t,
-      {
-        title: "Basic Card",
-        description: "A simple card with title and description",
-        icon: /* @__PURE__ */ e(C, { className: "h-5 w-5" }),
-        children: /* @__PURE__ */ e(
-          a,
-          {
-            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."
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(
-      t,
-      {
-        title: "With Actions",
-        description: "Card with action buttons in the header",
-        icon: /* @__PURE__ */ e(u, { className: "h-5 w-5" }),
-        actions: /* @__PURE__ */ e(l, { color: "success", size: "small", children: "Active" }),
-        children: /* @__PURE__ */ e(
-          a,
-          {
-            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."
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(
-      t,
-      {
-        title: "With Footer",
-        description: "Card with a footer section",
-        icon: /* @__PURE__ */ e(f, { className: "h-5 w-5" }),
-        footer: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ e(a, { tag: "span", className: "text-xs text-gray-500", children: "Last updated 2 hours ago" }),
-          /* @__PURE__ */ e(n, { variant: "ghost", size: "mini", children: "View Details" })
-        ] }),
-        children: /* @__PURE__ */ e(
-          a,
-          {
-            tag: "p",
-            className: "text-sm text-gray-600 dark:text-gray-400",
-            children: "Footer content appears at the bottom with a top border separator."
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(
-      t,
-      {
-        title: "Clickable Card",
-        description: "Click anywhere on this card",
-        onClick: () => alert("Card clicked!"),
-        children: /* @__PURE__ */ e(
-          a,
-          {
-            tag: "p",
-            className: "text-sm text-gray-600 dark:text-gray-400",
-            children: "Clickable cards show a hover effect on the border."
-          }
-        )
-      }
-    )
-  ] }) }) }) }),
-  /* @__PURE__ */ e(
-    h,
-    {
-      componentName: "Card",
-      title: "Card Playground",
-      defaultValues: {
-        title: "Card Title",
-        description: "This is a card description with relevant content."
-      },
-      excludeProps: ["onClick", "icon", "header", "footer", "actions", "className"],
-      children: (s) => /* @__PURE__ */ e(t, { ...s })
-    }
-  ),
-  /* @__PURE__ */ e(m, { componentName: "Card" }),
-  /* @__PURE__ */ e(r, { 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(
-    p,
-    {
-      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>`
-    }
-  ) }) }) })
-] });
-export {
-  k as default
-};

package/documentation/CardTitleSection-Bf9a3XyB.js

@@ -1,72 +0,0 @@
-import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { H as o, C as i, a as t, T as r, P as s, A as c, c as h } from "../index-BOVWnu1L.js";
-import { Heading as p } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const u = () => /* @__PURE__ */ a(d, { children: [
-  /* @__PURE__ */ e(
-    o,
-    {
-      title: "CardTitle",
-      description: `A card component with an integrated title that appears above the card
-          border.`,
-      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-purple-600 to-violet-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(i, { 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__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ a(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Title" }),
-      /* @__PURE__ */ e(t, { title: "Card Title", children: /* @__PURE__ */ e(r, { tag: "p", children: "Card content goes here" }) })
-    ] }),
-    /* @__PURE__ */ a(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Without Border" }),
-      /* @__PURE__ */ e(t, { title: "No Border", border: !1, children: /* @__PURE__ */ e(r, { tag: "p", children: "Card without border" }) })
-    ] }),
-    /* @__PURE__ */ a(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Rich Content" }),
-      /* @__PURE__ */ e(t, { title: "Rich Content", children: /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(r, { tag: "p", children: "First paragraph" }),
-        /* @__PURE__ */ e(r, { tag: "p", children: "Second paragraph" })
-      ] }) })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(
-    s,
-    {
-      componentName: "CardTitle",
-      defaultValues: { title: "Card Title", border: !0 },
-      excludeProps: [],
-      children: (l) => /* @__PURE__ */ e(t, { ...l, children: /* @__PURE__ */ e("div", { className: "p-4", children: "Card Content" }) })
-    }
-  ),
-  /* @__PURE__ */ e(c, { componentName: "CardTitle" }),
-  /* @__PURE__ */ e(i, { 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(
-    h,
-    {
-      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 {
-  u as default
-};