@e-burgos/tucu-ui 2.0.7 → 2.0.9

package/documentation/NFTGridSection-DonGXR6D.js

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"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:"Grid 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 sm:grid-cols-2 lg:grid-cols-3 gap-5",children:[e.jsx(r.NFTGrid,{author:"CryptoPunk",authorImage:"https://i.pravatar.cc/80?img=1",image:"https://picsum.photos/seed/nft1/400/300",name:"CryptoPunk #1234",collection:"Crypto Punks",price:"45 ETH"}),e.jsx(r.NFTGrid,{author:"BoredApe",authorImage:"https://i.pravatar.cc/80?img=12",image:"https://picsum.photos/seed/nft2/400/300",name:"Bored Ape #8821",collection:"BAYC",price:"72 ETH"}),e.jsx(r.NFTGrid,{author:"Azuki",authorImage:"https://i.pravatar.cc/80?img=25",image:"https://picsum.photos/seed/nft3/400/300",name:"Azuki #5501",collection:"Azuki",price:"18.5 ETH"}),e.jsx(r.NFTGrid,{author:"Doodles",authorImage:"https://i.pravatar.cc/80?img=33",image:"https://picsum.photos/seed/nft4/400/300",name:"Doodle #3120",collection:"Doodles",price:"8.2 ETH"}),e.jsx(r.NFTGrid,{author:"CloneX",authorImage:"https://i.pravatar.cc/80?img=44",image:"https://picsum.photos/seed/nft5/400/300",name:"CloneX #12882",collection:"CloneX",price:"5.8 ETH"}),e.jsx(r.NFTGrid,{author:"Moonbird",authorImage:"https://i.pravatar.cc/80?img=56",image:"https://picsum.photos/seed/nft6/400/300",name:"Moonbird #7744",collection:"Moonbirds",price:"12 ETH",profilePath:"/profile/moonbird"})]})})})}),e.jsx(r.AutoPropsTable,{componentName:"NFTGrid"}),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';
-
-// Single card
-<NFTGrid
-  author="CryptoPunk"
-  authorImage="/avatars/cryptopunk.jpg"
-  image="/nfts/punk-1234.jpg"
-  name="CryptoPunk #1234"
-  collection="Crypto Punks"
-  price="45 ETH"
-  profilePath="/profile/cryptopunk"
-/>
-
-// Grid layout
-<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5">
-  <NFTGrid {...nft1} />
-  <NFTGrid {...nft2} />
-  <NFTGrid {...nft3} />
-</div>`})})})})]});exports.default=t;

package/documentation/NestedRoutesSection-CGDh3mVk.js

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Nested Routes & Dropdown Menus",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Create hierarchical navigation with unlimited nesting levels. Each menu item can have dropdown sub-items that appear in the sidebar navigation."}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Nested Routes Example"}),e.jsx(s.CodeBlock,{language:"tsx",code:`const menuItems = [
-  {
-    name: 'Components',
-    path: '/components',
-    icon: <LucideIcons.Component />,
-    component: <ComponentsPage />,
-    dropdownItems: [
-      {
-        name: 'Buttons',
-        path: '/components/buttons',
-        icon: <LucideIcons.MousePointerClick />,
-        component: <ButtonsPage />,
-      },
-      {
-        name: 'Forms',
-        path: '/components/forms',
-        icon: <LucideIcons.FileText />,
-        component: <FormsPage />,
-      },
-    ],
-  },
-  {
-    name: 'Utilities',
-    path: '/utilities',
-    icon: <LucideIcons.Wrench />,
-    component: <UtilitiesPage />,
-    dropdownItems: [
-      {
-        name: 'Hooks',
-        path: '/utilities/hooks',
-        icon: <LucideIcons.Hook />,
-        component: <HooksPage />,
-      },
-    ],
-  },
-];`})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Navigation Structure"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"p-3 bg-light-dark rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"p-1.5 rounded bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(a.Component,{className:"w-3 h-3 text-white filter drop-shadow-sm"})}),e.jsx("span",{className:"font-medium",children:"Components"})]}),e.jsxs("div",{className:"ml-6 space-y-1",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400",children:[e.jsx(a.MousePointerClick,{className:"w-3 h-3"}),"Buttons"]}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400",children:[e.jsx(a.FileText,{className:"w-3 h-3"}),"Forms"]})]})]}),e.jsxs("div",{className:"p-3 bg-light-dark rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"p-1.5 rounded bg-linear-to-br from-purple-500 to-indigo-500 shadow-lg",children:e.jsx(a.Wrench,{className:"w-3 h-3 text-white filter drop-shadow-sm"})}),e.jsx("span",{className:"font-medium",children:"Utilities"})]}),e.jsx("div",{className:"ml-6 space-y-1",children:e.jsxs("div",{className:"flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400",children:[e.jsx(a.Zap,{className:"w-3 h-3"}),"Hooks"]})})]})]})]})]}),e.jsx(s.Alert,{variant:"info",dismissible:!1,children:e.jsxs(s.Typography,{tag:"p",className:"text-sm ",children:[e.jsx(a.Info,{className:"w-4 h-4 inline mr-2"}),"Nested routes are automatically converted to dropdown menus in the sidebar navigation. The parent route serves as the main landing page, while dropdown items provide access to sub-sections."]})})]})})})});exports.default=t;

package/documentation/NestedRoutesSection-CbNTjSyW.js

@@ -1,88 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { C as t, a as i, T as a, c as n, ag as o } from "../index-B919yoKU.js";
-import { Component as c, MousePointerClick as r, FileText as l, Wrench as d, Zap as m, Info as p } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const w = () => /* @__PURE__ */ e("div", { className: "space-y-8", children: /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(i, { title: "Nested Routes & Dropdown Menus", className: "mt-2 mb-6", children: /* @__PURE__ */ s("div", { className: "space-y-6", children: [
-  /* @__PURE__ */ e(a, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: "Create hierarchical navigation with unlimited nesting levels. Each menu item can have dropdown sub-items that appear in the sidebar navigation." }),
-  /* @__PURE__ */ s("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-    /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h4", className: "font-semibold", children: "Nested Routes Example" }),
-      /* @__PURE__ */ e(n, { language: "tsx", code: `const menuItems = [
-  {
-    name: 'Components',
-    path: '/components',
-    icon: <LucideIcons.Component />,
-    component: <ComponentsPage />,
-    dropdownItems: [
-      {
-        name: 'Buttons',
-        path: '/components/buttons',
-        icon: <LucideIcons.MousePointerClick />,
-        component: <ButtonsPage />,
-      },
-      {
-        name: 'Forms',
-        path: '/components/forms',
-        icon: <LucideIcons.FileText />,
-        component: <FormsPage />,
-      },
-    ],
-  },
-  {
-    name: 'Utilities',
-    path: '/utilities',
-    icon: <LucideIcons.Wrench />,
-    component: <UtilitiesPage />,
-    dropdownItems: [
-      {
-        name: 'Hooks',
-        path: '/utilities/hooks',
-        icon: <LucideIcons.Hook />,
-        component: <HooksPage />,
-      },
-    ],
-  },
-];` })
-    ] }),
-    /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h4", className: "font-semibold", children: "Navigation Structure" }),
-      /* @__PURE__ */ s("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ s("div", { className: "p-3 bg-light-dark rounded-lg", children: [
-          /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mb-2", children: [
-            /* @__PURE__ */ e("div", { className: "p-1.5 rounded bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg", children: /* @__PURE__ */ e(c, { className: "w-3 h-3 text-white filter drop-shadow-sm" }) }),
-            /* @__PURE__ */ e("span", { className: "font-medium", children: "Components" })
-          ] }),
-          /* @__PURE__ */ s("div", { className: "ml-6 space-y-1", children: [
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400", children: [
-              /* @__PURE__ */ e(r, { className: "w-3 h-3" }),
-              "Buttons"
-            ] }),
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400", children: [
-              /* @__PURE__ */ e(l, { className: "w-3 h-3" }),
-              "Forms"
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ s("div", { className: "p-3 bg-light-dark rounded-lg", children: [
-          /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mb-2", children: [
-            /* @__PURE__ */ e("div", { className: "p-1.5 rounded bg-linear-to-br from-purple-500 to-indigo-500 shadow-lg", children: /* @__PURE__ */ e(d, { className: "w-3 h-3 text-white filter drop-shadow-sm" }) }),
-            /* @__PURE__ */ e("span", { className: "font-medium", children: "Utilities" })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "ml-6 space-y-1", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400", children: [
-            /* @__PURE__ */ e(m, { className: "w-3 h-3" }),
-            "Hooks"
-          ] }) })
-        ] })
-      ] })
-    ] })
-  ] }),
-  /* @__PURE__ */ e(o, { variant: "info", dismissible: !1, children: /* @__PURE__ */ s(a, { tag: "p", className: "text-sm ", children: [
-    /* @__PURE__ */ e(p, { className: "w-4 h-4 inline mr-2" }),
-    "Nested routes are automatically converted to dropdown menus in the sidebar navigation. The parent route serves as the main landing page, while dropdown items provide access to sub-sections."
-  ] }) })
-] }) }) }) });
-export {
-  w as default
-};

package/documentation/NotificationCardSection-D-RuM0y9.js

@@ -1,28 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const e=require("../1-CArqgiQa.js"),o=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"NotificationCard"}),a.jsx(t.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."})]}),a.jsx(t.CardContainer,{className:"overflow-hidden",children:a.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs(t.CardContainer,{className:"p-4",children:[a.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Followed Notification"}),a.jsx(t.NotificationCard,{type:"followed",actor:{name:"john_doe",avatar:e.avatar1Img},time:"2 hours ago",url:"/profile/john_doe",notifier:"you"})]}),a.jsxs(t.CardContainer,{className:"p-4",children:[a.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Liked Notification"}),a.jsx(t.NotificationCard,{type:"liked",actor:{name:"jane_smith",avatar:e.avatar1Img},time:"5 minutes ago",url:"/post/123",notifier:"your post"})]}),a.jsxs(t.CardContainer,{className:"p-4",children:[a.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Purchased Notification"}),a.jsx(t.NotificationCard,{type:"purchased",actor:{name:"alice_wonder",avatar:e.avatar1Img},time:"1 day ago",url:"/item/456",notifier:"your item"})]})]})})})}),a.jsx(t.PropPlayground,{componentName:"NotificationCard",defaultValues:{notifier:"CryptoKing",type:"liked",time:"2 hours ago",url:"#"},excludeProps:["actor"],children:i=>a.jsx(t.NotificationCard,{...i,actor:{name:"John Doe",avatar:"https://randomuser.me/api/portraits/men/1.jpg"}})}),a.jsx(t.AutoPropsTable,{componentName:"NotificationCard"}),a.jsx(t.CardContainer,{className:"overflow-hidden",children:a.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(t.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=o;

package/documentation/PaginationSection-9zPPhyeb.js

@@ -1,18 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const l=()=>{const[s,i]=t.useState(1),[r,o]=t.useState(5),[n,g]=t.useState(1);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:"Pagination"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A pagination component with page number buttons, ellipsis for large ranges, and previous/next navigation."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-8",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Few Pages"}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Page ",s," of 5"]}),e.jsx(a.Pagination,{currentPage:s,totalPages:5,onPageChange:i})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Many Pages (with ellipsis)"}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Page ",r," of 20"]}),e.jsx(a.Pagination,{currentPage:r,totalPages:20,onPageChange:o})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Custom Window Size"}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Page ",n," of 50 (windowSize=3)"]}),e.jsx(a.Pagination,{currentPage:n,totalPages:50,onPageChange:g,windowSize:3})]})]})})}),e.jsx(a.AutoPropsTable,{componentName:"Pagination"}),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 { Pagination } from '@e-burgos/tucu-ui';
-import { useState } from 'react';
-
-const [currentPage, setCurrentPage] = useState(1);
-
-<Pagination
-  currentPage={currentPage}
-  totalPages={20}
-  onPageChange={setCurrentPage}
-/>
-
-// With custom window size (more visible page numbers)
-<Pagination
-  currentPage={currentPage}
-  totalPages={50}
-  onPageChange={setCurrentPage}
-  windowSize={3}
-/>`})})})})]})};exports.default=l;

package/documentation/PanelActionCardSection-CsKsEYu0.js

@@ -1,28 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(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.PropPlayground,{componentName:"PanelActionCard",defaultValues:{title:"Panel Title"},excludeProps:["actions"],children:n=>e.jsx(a.PanelActionCard,{...n,actions:[{label:"Action",onClick:()=>{}}]})}),e.jsx(a.AutoPropsTable,{componentName:"PanelActionCard"}),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=t;

package/documentation/PanelCardSection-CI4XrWyM.js

@@ -1,15 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"PanelCard"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A simple panel card component with a title header and scrollable content area."})]}),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.jsx("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 Card"}),e.jsx(a.PanelCard,{title:"Panel Title",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.jsx(a.Typography,{tag:"p",children:"Content line 4"}),e.jsx(a.Typography,{tag:"p",children:"Content line 5"})]})})]})})})})}),e.jsx(a.PropPlayground,{componentName:"PanelCard",defaultValues:{title:"Panel Card"},children:l=>e.jsx(a.PanelCard,{...l,children:e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Panel content goes here"})})}),e.jsx(a.AutoPropsTable,{componentName:"PanelCard"}),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 { PanelCard, Typography } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<PanelCard title="Panel Title">
-  <div className="space-y-2">
-    <Typography tag="p">Content line 1</Typography>
-    <Typography tag="p">Content line 2</Typography>
-    <Typography tag="p">Content line 3</Typography>
-  </div>
-</PanelCard>
-
-// With custom className
-<PanelCard title="Custom Panel" className="max-w-md">
-  <Typography tag="p">Custom styled panel</Typography>
-</PanelCard>`})})})})]});exports.default=t;

package/documentation/ParamTabSection-B-zD0RYM.js

@@ -1,92 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const r=[{title:"Overview",path:"overview"},{title:"Details",path:"details"},{title:"Settings",path:"settings"}],i=[{title:"Dashboard",path:"dashboard",icon:e.jsx(t.Home,{size:16})},{title:"Analytics",path:"analytics",icon:e.jsx(t.BarChart,{size:16})},{title:"Reports",path:"reports",icon:e.jsx(t.FileText,{size:16})},{title:"Settings",path:"settings",icon:e.jsx(t.Settings,{size:16})}],n=[{title:"Profile",path:"profile",icon:e.jsx(t.User,{size:16})},{title:"Notifications",path:"notifications",icon:e.jsx(t.Bell,{size:16})},{title:"Settings",path:"settings",icon:e.jsx(t.Settings,{size:16})}],l=[{prop:"title",type:"React.ReactNode",default:"required",description:"Tab label (can be text, JSX, or components)"},{prop:"path",type:"string",default:"required",description:'Unique path for URL parameter (e.g., "overview")'},{prop:"icon",type:"React.ReactNode",default:"-",description:"Optional icon to display before tab label"}];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:"ParamTab"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A powerful tab component that automatically syncs with URL query parameters and switches to a dropdown selector on mobile devices for optimal responsive behavior."})]}),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:"space-y-8",children:[e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Underline Variant (Default)"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Classic underline style with animated indicator. URL syncs with ?view=overview, ?view=details, etc."}),e.jsxs(a.ParamTab,{tabMenu:r,variant:"underline",children:[e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-xl font-semibold mb-2",children:"Overview Dashboard"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Main dashboard content with key metrics and overview information. The URL parameter updates to ?view=overview when this tab is active."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-xl font-semibold mb-2",children:"Detailed Information"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Comprehensive details and in-depth analysis. URL parameter: ?view=details"})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-xl font-semibold mb-2",children:"Configuration Settings"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Manage your preferences and application settings. URL parameter: ?view=settings"})]})})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Pills Variant with Icons"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Modern rounded pills with icon support for enhanced visual clarity."}),e.jsxs(a.ParamTab,{tabMenu:i,variant:"pills",size:"medium",children:[e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.Home,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Dashboard Home"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Welcome to your dashboard! Here you'll find a summary of your most important information."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.BarChart,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Analytics Overview"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Track your performance with detailed analytics and insights."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.FileText,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Reports Center"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Generate and view comprehensive reports for your data."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.Settings,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Application Settings"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Customize your application preferences and configuration."})]})})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Bordered Variant"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Distinct bordered style with highlighted selection state."}),e.jsxs(a.ParamTab,{tabMenu:n,variant:"bordered",children:[e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-xl font-semibold mb-2",children:"User Profile"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Manage your personal information and profile settings."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-xl font-semibold mb-2",children:"Notifications"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Configure how and when you receive notifications."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-xl font-semibold mb-2",children:"Account Settings"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Manage your account security and privacy settings."})]})})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid Variant (Small Size)"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Compact solid background style perfect for space-constrained layouts."}),e.jsxs(a.ParamTab,{tabMenu:r,variant:"solid",size:"small",children:[e.jsx(a.TabPanel,{children:e.jsx(a.CardContainer,{className:"p-6",children:e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Compact overview content with small tab size."})})}),e.jsx(a.TabPanel,{children:e.jsx(a.CardContainer,{className:"p-6",children:e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Detailed information in a compact format."})})}),e.jsx(a.TabPanel,{children:e.jsx(a.CardContainer,{className:"p-6",children:e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Settings panel with space-efficient design."})})})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Key Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"link",children:"🔗"})," ","URL Synchronization"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Automatically syncs tab state with URL query parameters (e.g., ?view=overview). This enables:"}),e.jsxs("ul",{className:"list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1 ml-4",children:[e.jsx("li",{children:"Deep linking to specific tabs"}),e.jsx("li",{children:"Browser back/forward navigation"}),e.jsx("li",{children:"Shareable URLs with selected tab state"}),e.jsx("li",{children:"Bookmark support for specific views"})]})]}),e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"mobile",children:"📱"})," ","Responsive Mobile Adaptation"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Automatically switches to TabSelect dropdown on mobile devices (xs, sm breakpoints) for optimal space usage and better UX."}),e.jsx(a.CardContainer,{className:"p-4 bg-blue-50 dark:bg-blue-900/20",children:e.jsxs(a.Typography,{tag:"p",className:"text-sm",children:[e.jsx("span",{role:"img","aria-label":"tip",children:"💡"})," ",e.jsx("span",{className:"font-semibold",children:"Tip:"})," Resize your browser window to see the automatic switch between tab bar and dropdown selector!"]})})]}),e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"styles",children:"🎨"})," ","Multiple Style Variants"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Choose from 4 distinct visual styles (underline, pills, bordered, solid) and 3 sizes (small, medium, large) to match your design system."})]}),e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"icons",children:"✨"})," ","Icon Support"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Add icons to tabs for better visual communication and improved scannability. Works seamlessly with Lucide Icons."})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"TabMenuItem Interface",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("table",{className:"w-full text-sm text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-gray-200 dark:border-gray-700",children:[e.jsx("th",{className:"px-3 py-2 font-semibold",children:"Prop"}),e.jsx("th",{className:"px-3 py-2 font-semibold",children:"Type"}),e.jsx("th",{className:"px-3 py-2 font-semibold",children:"Default"}),e.jsx("th",{className:"px-3 py-2 font-semibold",children:"Description"})]})}),e.jsx("tbody",{children:l.map(s=>e.jsxs("tr",{className:"border-b border-gray-100 dark:border-gray-800",children:[e.jsx("td",{className:"px-3 py-2",children:e.jsx("code",{className:"text-xs text-brand",children:s.prop})}),e.jsx("td",{className:"px-3 py-2",children:e.jsx("code",{className:"text-xs",children:s.type})}),e.jsx("td",{className:"px-3 py-2",children:s.default==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:s.default})}),e.jsx("td",{className:"px-3 py-2 text-gray-600 dark:text-gray-400",children:s.description})]},s.prop))})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"ParamTab"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Examples",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 { ParamTab, TabPanel } from '@e-burgos/tucu-ui';
-import { Home, Settings, User } from 'lucide-react';
-
-// Basic usage with URL sync
-function BasicExample() {
-const tabMenu = [
-  { title: 'Overview', path: 'overview' },
-  { title: 'Details', path: 'details' },
-  { title: 'Settings', path: 'settings' },
-];
-
-  return (
-<ParamTab tabMenu={tabMenu}>
-  <TabPanel>
-    <div>Overview content</div>
-  </TabPanel>
-  <TabPanel>
-    <div>Details content</div>
-  </TabPanel>
-  <TabPanel>
-    <div>Settings content</div>
-  </TabPanel>
-</ParamTab>
-  );
-}
-
-// Pills variant with icons
-function PillsWithIcons() {
-  const tabMenu = [
-    {
-      title: 'Dashboard',
-      path: 'dashboard',
-      icon: <Home size={16} />,
-    },
-    {
-      title: 'Profile',
-      path: 'profile',
-      icon: <User size={16} />,
-    },
-    {
-      title: 'Settings',
-      path: 'settings',
-      icon: <Settings size={16} />,
-    },
-  ];
-
-  return (
-    <ParamTab tabMenu={tabMenu} variant="pills" size="medium">
-      <TabPanel>Dashboard content</TabPanel>
-      <TabPanel>Profile content</TabPanel>
-      <TabPanel>Settings content</TabPanel>
-    </ParamTab>
-  );
-}
-
-// Bordered variant
-function BorderedExample() {
-  const tabMenu = [
-    { title: 'Tab 1', path: 'tab1' },
-    { title: 'Tab 2', path: 'tab2' },
-  ];
-
-  return (
-    <ParamTab tabMenu={tabMenu} variant="bordered">
-      <TabPanel>Content 1</TabPanel>
-      <TabPanel>Content 2</TabPanel>
-    </ParamTab>
-  );
-}
-
-// Solid variant with small size
-function CompactExample() {
-  const tabMenu = [
-    { title: 'View 1', path: 'view1' },
-    { title: 'View 2', path: 'view2' },
-  ];
-
-  return (
-    <ParamTab tabMenu={tabMenu} variant="solid" size="small">
-      <TabPanel>Compact content 1</TabPanel>
-      <TabPanel>Compact content 2</TabPanel>
-    </ParamTab>
-  );
-}
-
-// How it works:
-// 1. Component reads current URL parameter (?view=overview)
-// 2. Matches it with tabMenu path to set active tab
-// 3. When user clicks tab, URL updates automatically
-// 4. On mobile (xs, sm), shows TabSelect dropdown
-// 5. On desktop, shows regular tab bar
-// 6. Browser back/forward buttons work seamlessly`})})})})]})};exports.default=c;

package/documentation/PieChartSection-PGxAtJ72.js

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{name:"Chrome",value:62},{name:"Safari",value:19},{name:"Firefox",value:10},{name:"Edge",value:6},{name:"Other",value:3}],r=()=>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:"PieChart"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Pie and donut chart component for displaying proportions and distributions with labels and inner content support."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Pie Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Donut Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,donut:!0,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Donut with Inner Content",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,donut:!0,height:300,innerContent:e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-2xl font-bold",children:"100%"}),e.jsx("p",{className:"text-sm text-gray-500",children:"Total"})]})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Without Labels",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,showLabels:!1,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { PieChart } from '@e-burgos/tucu-ui';
-
-const data = [
-  { name: 'Chrome', value: 62 },
-  { name: 'Safari', value: 19 },
-  { name: 'Firefox', value: 10 },
-  { name: 'Edge', value: 6 },
-  { name: 'Other', value: 3 },
-];
-
-<PieChart
-  data={data}
-  height={300}
-  donut
-  showLabels
-  showTooltip
-  showLegend
-  innerContent={<p>Center</p>}
-/>`,language:"tsx"})})})}),e.jsx(a.PropPlayground,{componentName:"PieChart",defaultValues:{height:300,donut:!1,showLabels:!0,showTooltip:!0,showLegend:!0,animate:!0},excludeProps:["data","colors","className","innerContent","emptyMessage"],children:s=>e.jsx(a.PieChart,{data:t,...s})}),e.jsx(a.AutoPropsTable,{componentName:"PieChart"})]});exports.default=r;

package/documentation/PinCodeSection-BCdJ0lzv.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const l=()=>{const[a,i]=n.useState("");return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"PinCode"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A pin code input component for entering numeric codes digit by digit."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"4 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"6 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Verification Code"}),e.jsx(s.PinCode,{length:6,value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Security Code"}),e.jsx(s.PinCode,{length:4,helperText:"Enter the 4-digit code",value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,error:"Invalid pin code",value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,disabled:!0})]})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Ghost (default)"}),e.jsx(s.PinCode,{length:4,variant:"ghost"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Solid"}),e.jsx(s.PinCode,{length:4,variant:"solid"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Transparent"}),e.jsx(s.PinCode,{length:4,variant:"transparent"})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Colors & Sizes",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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Different Colors"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Primary"}),e.jsx(s.PinCode,{length:4,color:"primary"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Danger"}),e.jsx(s.PinCode,{length:4,color:"danger"})]})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Small"}),e.jsx(s.PinCode,{length:4,size:"sm"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Medium"}),e.jsx(s.PinCode,{length:4,size:"md"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Large"}),e.jsx(s.PinCode,{length:4,size:"lg"})]})]})]})]})})})}),e.jsx(s.AutoPropsTable,{componentName:"PinCode"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { PinCode } from '@e-burgos/tucu-ui';
-
-<PinCode
-  length={4}
-  value={value}
-  onChange={setValue}
-/>
-
-// Variants
-<PinCode length={4} variant="ghost" />
-<PinCode length={4} variant="solid" />
-<PinCode length={4} variant="transparent" />
-
-// Colors
-<PinCode length={4} color="primary" />
-<PinCode length={4} color="danger" />
-<PinCode length={4} color="success" />
-
-// Sizes
-<PinCode length={4} size="sm" />
-<PinCode length={4} size="md" />
-<PinCode length={4} size="lg" />`})})})})]})};exports.default=l;

package/documentation/PinCodeSection-DM13ihMi.js

@@ -1,167 +0,0 @@
-import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { useState as t } from "react";
-import { T as l, C as i, a as r, s, A as h, c as m } from "../index-B919yoKU.js";
-import "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const b = () => {
-  const [n, d] = t("");
-  return /* @__PURE__ */ a(c, { children: [
-    /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "PinCode" }),
-      /* @__PURE__ */ e(
-        l,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A pin code input component for entering numeric codes digit by digit."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "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(l, { tag: "h5", className: "mb-3", children: "4 Digit PinCode" }),
-        /* @__PURE__ */ a("div", { children: [
-          /* @__PURE__ */ e(l, { tag: "h5", className: "mb-2", children: "Pin Code" }),
-          /* @__PURE__ */ e(
-            s,
-            {
-              length: 4,
-              value: n,
-              onChange: d
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ a(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "6 Digit PinCode" }),
-        /* @__PURE__ */ a("div", { children: [
-          /* @__PURE__ */ e(l, { tag: "h5", className: "mb-2", children: "Verification Code" }),
-          /* @__PURE__ */ e(
-            s,
-            {
-              length: 6,
-              value: n,
-              onChange: d
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ a(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Helper Text" }),
-        /* @__PURE__ */ a("div", { children: [
-          /* @__PURE__ */ e(l, { tag: "h5", className: "mb-2", children: "Security Code" }),
-          /* @__PURE__ */ e(
-            s,
-            {
-              length: 4,
-              helperText: "Enter the 4-digit code",
-              value: n,
-              onChange: d
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ a(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Error" }),
-        /* @__PURE__ */ a("div", { children: [
-          /* @__PURE__ */ e(l, { tag: "h5", className: "mb-2", children: "Pin Code" }),
-          /* @__PURE__ */ e(
-            s,
-            {
-              length: 4,
-              error: "Invalid pin code",
-              value: n,
-              onChange: d
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ a(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ a("div", { children: [
-          /* @__PURE__ */ e(l, { tag: "h5", className: "mb-2", children: "Pin Code" }),
-          /* @__PURE__ */ e(s, { length: 4, disabled: !0 })
-        ] })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "Variants", 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-3 gap-4", children: [
-      /* @__PURE__ */ a(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-2", children: "Ghost (default)" }),
-        /* @__PURE__ */ e(s, { length: 4, variant: "ghost" })
-      ] }),
-      /* @__PURE__ */ a(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-2", children: "Solid" }),
-        /* @__PURE__ */ e(s, { length: 4, variant: "solid" })
-      ] }),
-      /* @__PURE__ */ a(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-2", children: "Transparent" }),
-        /* @__PURE__ */ e(s, { length: 4, variant: "transparent" })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "Colors & Sizes", 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(l, { tag: "h5", className: "mb-2", children: "Different Colors" }),
-        /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ e(l, { tag: "h5", className: "mb-1 text-xs", children: "Primary" }),
-            /* @__PURE__ */ e(s, { length: 4, color: "primary" })
-          ] }),
-          /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ e(l, { tag: "h5", className: "mb-1 text-xs", children: "Danger" }),
-            /* @__PURE__ */ e(s, { length: 4, color: "danger" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ a(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-2", children: "Different Sizes" }),
-        /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ e(l, { tag: "h5", className: "mb-1 text-xs", children: "Small" }),
-            /* @__PURE__ */ e(s, { length: 4, size: "sm" })
-          ] }),
-          /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ e(l, { tag: "h5", className: "mb-1 text-xs", children: "Medium" }),
-            /* @__PURE__ */ e(s, { length: 4, size: "md" })
-          ] }),
-          /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ e(l, { tag: "h5", className: "mb-1 text-xs", children: "Large" }),
-            /* @__PURE__ */ e(s, { length: 4, size: "lg" })
-          ] })
-        ] })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(h, { componentName: "PinCode" }),
-    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { 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 { PinCode } from '@e-burgos/tucu-ui';
-
-<PinCode
-  length={4}
-  value={value}
-  onChange={setValue}
-/>
-
-// Variants
-<PinCode length={4} variant="ghost" />
-<PinCode length={4} variant="solid" />
-<PinCode length={4} variant="transparent" />
-
-// Colors
-<PinCode length={4} color="primary" />
-<PinCode length={4} color="danger" />
-<PinCode length={4} color="success" />
-
-// Sizes
-<PinCode length={4} size="sm" />
-<PinCode length={4} size="md" />
-<PinCode length={4} size="lg" />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  b as default
-};