@e-burgos/tucu-ui 2.0.2 → 2.0.4

package/ModalSection-C8SbNNiU.mjs

@@ -1,158 +0,0 @@
-import { jsxs as o, Fragment as p, jsx as e } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { T as s, C as l, a, s as d, Q as c, B as u, c as h } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const M = () => {
-  const [i, n] = m(!1);
-  return /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ o("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Modal" }),
-      /* @__PURE__ */ e(
-        s,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A modal dialog component for displaying content in an overlay with customizable buttons and close functionality."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(a, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("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__ */ e(s, { tag: "h5", className: "mb-3", children: "Basic Modal" }),
-        /* @__PURE__ */ e(d, { onClick: () => n(!0), children: "Open Modal" }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            isOpen: i,
-            setIsOpen: n,
-            text: {
-              title: "Modal Title",
-              content: "This is the modal content.",
-              button: "Confirm"
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ o(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Modal with Custom Content" }),
-        /* @__PURE__ */ e(d, { onClick: () => n(!0), children: "Open Custom Modal" }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            isOpen: i,
-            setIsOpen: n,
-            text: { title: "Custom Modal" },
-            children: /* @__PURE__ */ e(s, { tag: "p", children: "Custom content goes here" })
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(a, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(u, { 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 r = String(t);
-          return r === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: r });
-        }
-      },
-      {
-        key: "description",
-        label: "Description"
-      }
-    ], data: [
-      {
-        prop: "isOpen",
-        type: "boolean",
-        default: "required",
-        description: "Whether the modal is open"
-      },
-      {
-        prop: "setIsOpen",
-        type: "(isOpen: boolean) => void",
-        default: "required",
-        description: "Function to control modal state"
-      },
-      {
-        prop: "closeable",
-        type: "boolean",
-        default: "true",
-        description: "Whether the modal can be closed"
-      },
-      {
-        prop: "hideButtons",
-        type: "boolean",
-        default: "false",
-        description: "Hide default buttons"
-      },
-      {
-        prop: "text",
-        type: "{ title?: string; content?: string; button?: string; backButton?: string }",
-        default: "-",
-        description: "Text content for modal"
-      },
-      {
-        prop: "onClose",
-        type: "() => void",
-        default: "-",
-        description: "Callback when modal closes"
-      },
-      {
-        prop: "onSubmit",
-        type: "() => void",
-        default: "-",
-        description: "Callback when submit button is clicked"
-      }
-    ] }) }) }) }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(a, { 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 { Modal, Button } from '@e-burgos/tucu-ui';
-import { useState } from 'react';
-
-function MyComponent() {
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <>
-      <Button onClick={() => setIsOpen(true)}>Open Modal</Button>
-      <Modal
-        isOpen={isOpen}
-        setIsOpen={setIsOpen}
-        text={{
-          title: 'Modal Title',
-          content: 'This is the modal content.',
-          button: 'Confirm',
-        }}
-      />
-    </>
-  );
-}
-
-// With custom content
-<Modal isOpen={isOpen} setIsOpen={setIsOpen} text={{ title: 'Custom Modal' }}>
-  <div>Custom content here</div>
-</Modal>
-
-// Non-closeable
-<Modal isOpen={isOpen} setIsOpen={setIsOpen} closeable={false} />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  M as default
-};

package/NFTGridSection-DuyG1cAr.js

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=require("./collection-1-BIsLOX9N.js"),o=require("./1-CArqgiQa.js"),n=()=>{const i=[{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 a=String(t);return a==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:a})}},{key:"description",label:"Description"}],s=[{prop:"author",type:"string",default:"required",description:"NFT author/creator name"},{prop:"authorImage",type:"string",default:"required",description:"URL to author avatar image"},{prop:"image",type:"string",default:"required",description:"URL to NFT image"},{prop:"name",type:"string",default:"required",description:"NFT name"},{prop:"collection",type:"string",default:"required",description:"Collection name"},{prop:"price",type:"string",default:"required",description:"NFT price"},{prop:"profilePath",type:"string",default:"'/'",description:"Path to profile page"}];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:"NFTGrid"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Grid card component for displaying NFT items with author information, image, collection, and price."})]}),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.jsx("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:"Basic NFT"}),e.jsx(r.NFTGrid,{author:"CryptoPunk",authorImage:o.avatar1Img,image:l.collection1Img,name:"CryptoPunk #1234",collection:"Crypto Punks",price:"45 ETH"})]})})})})}),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:i,data:s})})})}),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 { NFTGrid } from '@e-burgos/tucu-ui';
-
-<NFTGrid
-  author="CryptoPunk"
-  authorImage="/avatars/cryptopunk.jpg"
-  image="/nfts/punk-1234.jpg"
-  name="CryptoPunk #1234"
-  collection="Crypto Punks"
-  price="45 ETH"
-  profilePath="/profile/cryptopunk" // Optional
-/>`})})})})]})};exports.default=n;

package/NFTGridSection-SVR5jWEu.mjs

@@ -1,122 +0,0 @@
-import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as i, C as t, a as o, N as n, B as p, c } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { c as d } from "./collection-1-NeFANkbk.mjs";
-import { a as m } from "./1-Df9CGZha.mjs";
-const b = () => /* @__PURE__ */ a(s, { 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: "NFTGrid" }),
-    /* @__PURE__ */ e(
-      i,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Grid card component for displaying NFT items with author information, image, collection, and price."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(t, { 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: "grid grid-cols-1 md:grid-cols-2 gap-4", children: /* @__PURE__ */ a(t, { className: "p-4", children: [
-    /* @__PURE__ */ e(i, { tag: "h5", className: "mb-3", children: "Basic NFT" }),
-    /* @__PURE__ */ e(
-      n,
-      {
-        author: "CryptoPunk",
-        authorImage: m,
-        image: d,
-        name: "CryptoPunk #1234",
-        collection: "Crypto Punks",
-        price: "45 ETH"
-      }
-    )
-  ] }) }) }) }) }),
-  /* @__PURE__ */ e(t, { 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(p, { columns: [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (r) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(r) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (r) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(r) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (r) => {
-        const l = String(r);
-        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: "author",
-      type: "string",
-      default: "required",
-      description: "NFT author/creator name"
-    },
-    {
-      prop: "authorImage",
-      type: "string",
-      default: "required",
-      description: "URL to author avatar image"
-    },
-    {
-      prop: "image",
-      type: "string",
-      default: "required",
-      description: "URL to NFT image"
-    },
-    {
-      prop: "name",
-      type: "string",
-      default: "required",
-      description: "NFT name"
-    },
-    {
-      prop: "collection",
-      type: "string",
-      default: "required",
-      description: "Collection name"
-    },
-    {
-      prop: "price",
-      type: "string",
-      default: "required",
-      description: "NFT price"
-    },
-    {
-      prop: "profilePath",
-      type: "string",
-      default: "'/'",
-      description: "Path to profile page"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(t, { 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(
-    c,
-    {
-      language: "tsx",
-      code: `import { NFTGrid } from '@e-burgos/tucu-ui';
-
-<NFTGrid
-  author="CryptoPunk"
-  authorImage="/avatars/cryptopunk.jpg"
-  image="/nfts/punk-1234.jpg"
-  name="CryptoPunk #1234"
-  collection="Crypto Punks"
-  price="45 ETH"
-  profilePath="/profile/cryptopunk" // Optional
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  b as default
-};

package/NotificationCardSection-PmY-KH6P.js

@@ -1,28 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=require("./1-CArqgiQa.js"),n=()=>{const o=[{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"}],s=[{prop:"type",type:"'followed' | 'liked' | 'purchased'",default:"required",description:"Type of notification"},{prop:"actor",type:"{ name: string; avatar: string }",default:"required",description:"Actor information"},{prop:"time",type:"string",default:"required",description:"Time of the notification"},{prop:"url",type:"string",default:"required",description:"Link URL"},{prop:"notifier",type:"string",default:"required",description:"What was notified"}];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:"NotificationCard"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A notification card component for displaying user activity notifications with avatar, action type, and timestamp."})]}),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:"Followed Notification"}),e.jsx(a.NotificationCard,{type:"followed",actor:{name:"john_doe",avatar:i.avatar1Img},time:"2 hours ago",url:"/profile/john_doe",notifier:"you"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Liked Notification"}),e.jsx(a.NotificationCard,{type:"liked",actor:{name:"jane_smith",avatar:i.avatar1Img},time:"5 minutes ago",url:"/post/123",notifier:"your post"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Purchased Notification"}),e.jsx(a.NotificationCard,{type:"purchased",actor:{name:"alice_wonder",avatar:i.avatar1Img},time:"1 day ago",url:"/item/456",notifier:"your item"})]})]})})})}),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:o,data:s})})})}),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 { NotificationCard } from '@e-burgos/tucu-ui';
-
-// Followed notification
-<NotificationCard
-  type="followed"
-  actor={{ name: 'john_doe', avatar: '/path/to/avatar.jpg' }}
-  time="2 hours ago"
-  url="/profile/john_doe"
-  notifier="you"
-/>
-
-// Liked notification
-<NotificationCard
-  type="liked"
-  actor={{ name: 'jane_smith', avatar: '/path/to/avatar.jpg' }}
-  time="5 minutes ago"
-  url="/post/123"
-  notifier="your post"
-/>
-
-// Purchased notification
-<NotificationCard
-  type="purchased"
-  actor={{ name: 'alice_wonder', avatar: '/path/to/avatar.jpg' }}
-  time="1 day ago"
-  url="/item/456"
-  notifier="your item"
-/>`})})})})]})};exports.default=n;

package/NotificationCardSection-roBjfTMH.mjs

@@ -1,153 +0,0 @@
-import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { T as r, C as t, a as o, a5 as n, B as d, c as p } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { a as l } from "./1-Df9CGZha.mjs";
-const b = () => /* @__PURE__ */ a(c, { children: [
-  /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(r, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "NotificationCard" }),
-    /* @__PURE__ */ e(
-      r,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A notification card component for displaying user activity notifications with avatar, action type, and timestamp."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(t, { 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__ */ a("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ a(t, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Followed Notification" }),
-      /* @__PURE__ */ e(
-        n,
-        {
-          type: "followed",
-          actor: { name: "john_doe", avatar: l },
-          time: "2 hours ago",
-          url: "/profile/john_doe",
-          notifier: "you"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(t, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Liked Notification" }),
-      /* @__PURE__ */ e(
-        n,
-        {
-          type: "liked",
-          actor: { name: "jane_smith", avatar: l },
-          time: "5 minutes ago",
-          url: "/post/123",
-          notifier: "your post"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(t, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Purchased Notification" }),
-      /* @__PURE__ */ e(
-        n,
-        {
-          type: "purchased",
-          actor: { name: "alice_wonder", avatar: l },
-          time: "1 day ago",
-          url: "/item/456",
-          notifier: "your item"
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(t, { 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(d, { 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 s = String(i);
-        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: "type",
-      type: "'followed' | 'liked' | 'purchased'",
-      default: "required",
-      description: "Type of notification"
-    },
-    {
-      prop: "actor",
-      type: "{ name: string; avatar: string }",
-      default: "required",
-      description: "Actor information"
-    },
-    {
-      prop: "time",
-      type: "string",
-      default: "required",
-      description: "Time of the notification"
-    },
-    {
-      prop: "url",
-      type: "string",
-      default: "required",
-      description: "Link URL"
-    },
-    {
-      prop: "notifier",
-      type: "string",
-      default: "required",
-      description: "What was notified"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(t, { 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 { NotificationCard } from '@e-burgos/tucu-ui';
-
-// Followed notification
-<NotificationCard
-  type="followed"
-  actor={{ name: 'john_doe', avatar: '/path/to/avatar.jpg' }}
-  time="2 hours ago"
-  url="/profile/john_doe"
-  notifier="you"
-/>
-
-// Liked notification
-<NotificationCard
-  type="liked"
-  actor={{ name: 'jane_smith', avatar: '/path/to/avatar.jpg' }}
-  time="5 minutes ago"
-  url="/post/123"
-  notifier="your post"
-/>
-
-// Purchased notification
-<NotificationCard
-  type="purchased"
-  actor={{ name: 'alice_wonder', avatar: '/path/to/avatar.jpg' }}
-  time="1 day ago"
-  url="/item/456"
-  notifier="your item"
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  b as default
-};

package/PanelActionCardSection-De2IwJLg.js

@@ -1,28 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const n=[{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 l=String(t);return l==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:l})}},{key:"description",label:"Description"}],r=[{prop:"title",type:"string",default:"required",description:"Title of the panel"},{prop:"actions",type:"Array<{ label: string; variant?: string; color?: string; size?: string; onClick: () => void }>",default:"-",description:"Array of action buttons"},{prop:"children",type:"React.ReactNode",default:"required",description:"Content to display in the scrollable area"},{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:"PanelActionCard"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A panel card component with a scrollable content area and action buttons at the bottom."})]}),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 Panel with Actions"}),e.jsx(a.PanelActionCard,{title:"Panel Title",actions:[{label:"Cancel",variant:"ghost",onClick:()=>console.log("Cancel")},{label:"Save",variant:"solid",color:"primary",onClick:()=>console.log("Save")}],children:e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"p",children:"Content line 1"}),e.jsx(a.Typography,{tag:"p",children:"Content line 2"}),e.jsx(a.Typography,{tag:"p",children:"Content line 3"})]})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Without Actions"}),e.jsx(a.PanelActionCard,{title:"Panel Without Actions",children:e.jsx("div",{className:"space-y-2",children:e.jsx(a.Typography,{tag:"p",children:"This panel has no action buttons."})})})]})]})})})}),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:n,data:r})})})}),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 { PanelActionCard, Typography } from '@e-burgos/tucu-ui';
-
-// With actions
-<PanelActionCard
-  title="Panel Title"
-  actions={[
-    {
-      label: 'Cancel',
-      variant: 'ghost',
-      onClick: () => handleCancel(),
-    },
-    {
-      label: 'Save',
-      variant: 'solid',
-      color: 'primary',
-      onClick: () => handleSave(),
-    },
-  ]}
->
-  <div className="space-y-2">
-    <Typography tag="p">Content here</Typography>
-  </div>
-</PanelActionCard>
-
-// Without actions
-<PanelActionCard title="Panel Title">
-  <Typography tag="p">Content without actions</Typography>
-</PanelActionCard>`})})})})]})};exports.default=s;

package/PanelActionCardSection-Gg3BzbkY.mjs

@@ -1,138 +0,0 @@
-import { jsxs as t, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as a, C as n, a as i, u as s, B as c, c as d } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const b = () => /* @__PURE__ */ t(o, { children: [
-  /* @__PURE__ */ t("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(a, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "PanelActionCard" }),
-    /* @__PURE__ */ e(
-      a,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A panel card component with a scrollable content area and action buttons at the bottom."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t(n, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Basic Panel with Actions" }),
-      /* @__PURE__ */ e(
-        s,
-        {
-          title: "Panel Title",
-          actions: [
-            {
-              label: "Cancel",
-              variant: "ghost",
-              onClick: () => console.log("Cancel")
-            },
-            {
-              label: "Save",
-              variant: "solid",
-              color: "primary",
-              onClick: () => console.log("Save")
-            }
-          ],
-          children: /* @__PURE__ */ t("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e(a, { tag: "p", children: "Content line 1" }),
-            /* @__PURE__ */ e(a, { tag: "p", children: "Content line 2" }),
-            /* @__PURE__ */ e(a, { tag: "p", children: "Content line 3" })
-          ] })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t(n, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Without Actions" }),
-      /* @__PURE__ */ e(s, { title: "Panel Without Actions", children: /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(a, { tag: "p", children: "This panel has no action buttons." }) }) })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { 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: (l) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(l) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (l) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(l) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (l) => {
-        const r = String(l);
-        return r === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: r });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "title",
-      type: "string",
-      default: "required",
-      description: "Title of the panel"
-    },
-    {
-      prop: "actions",
-      type: "Array<{ label: string; variant?: string; color?: string; size?: string; onClick: () => void }>",
-      default: "-",
-      description: "Array of action buttons"
-    },
-    {
-      prop: "children",
-      type: "React.ReactNode",
-      default: "required",
-      description: "Content to display in the scrollable area"
-    },
-    {
-      prop: "className",
-      type: "string",
-      default: "-",
-      description: "Additional CSS classes"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { 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 { PanelActionCard, Typography } from '@e-burgos/tucu-ui';
-
-// With actions
-<PanelActionCard
-  title="Panel Title"
-  actions={[
-    {
-      label: 'Cancel',
-      variant: 'ghost',
-      onClick: () => handleCancel(),
-    },
-    {
-      label: 'Save',
-      variant: 'solid',
-      color: 'primary',
-      onClick: () => handleSave(),
-    },
-  ]}
->
-  <div className="space-y-2">
-    <Typography tag="p">Content here</Typography>
-  </div>
-</PanelActionCard>
-
-// Without actions
-<PanelActionCard title="Panel Title">
-  <Typography tag="p">Content without actions</Typography>
-</PanelActionCard>`
-    }
-  ) }) }) })
-] });
-export {
-  b as default
-};