@e-burgos/tucu-ui 2.0.7 → 2.0.8

package/documentation/{NFTGridSection-DonGXR6D.js → NFTGridSection-DFudkupA.js}

@@ -1,4 +1,4 @@
-"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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"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

package/documentation/{NestedRoutesSection-CbNTjSyW.js → NestedRoutesSection-C8UBWGHx.js}

@@ -1,5 +1,5 @@
 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 { C as t, a as i, T as a, c as n, ag as o } from "../index-D3gBsvbO.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";

package/documentation/{NestedRoutesSection-CGDh3mVk.js → NestedRoutesSection-CcrsqPxg.js}

@@ -1,4 +1,4 @@
-"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 = [
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.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',

package/documentation/{NotificationCardSection-CWTEHVFj.js → NotificationCardSection-B5CPgG4B.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as l, jsx as a } from "react/jsx-runtime";
-import { T as e, C as o, a as n, ah as i, P as s, A as m, c as d } from "../index-B919yoKU.js";
+import { T as e, C as o, a as n, ah as i, P as s, A as m, c as d } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{NotificationCardSection-D-RuM0y9.js → NotificationCardSection-YXMF3x55.js}

@@ -1,4 +1,4 @@
-"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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("../index-VrMogvDN.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

package/documentation/{PaginationSection-CXoO7Tqy.js → PaginationSection-30WC5ZN7.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as p, jsx as e } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { T as t, C as s, a as l, a0 as r, A as P, c as h } from "../index-B919yoKU.js";
+import { T as t, C as s, a as l, a0 as r, A as P, c as h } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{PaginationSection-9zPPhyeb.js → PaginationSection-Bo5cGJPv.js}

@@ -1,4 +1,4 @@
-"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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../index-VrMogvDN.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);

package/documentation/{PanelActionCardSection-DUUgo6Og.js → PanelActionCardSection-CC-DAySo.js}

@@ -1,5 +1,5 @@
 import { jsxs as l, Fragment as c, jsx as a } from "react/jsx-runtime";
-import { T as e, C as t, a as i, M as n, P as r, A as s, c as d } from "../index-B919yoKU.js";
+import { T as e, C as t, a as i, M as n, P as r, A as s, c as d } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{PanelActionCardSection-CsKsEYu0.js → PanelActionCardSection-XHOuTUHD.js}

@@ -1,4 +1,4 @@
-"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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const 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

package/documentation/{PanelCardSection-CI4XrWyM.js → PanelCardSection-BuALUip4.js}

@@ -1,4 +1,4 @@
-"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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const 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">

package/documentation/{PanelCardSection-DIHreAsZ.js → PanelCardSection-OBm47mh0.js}

@@ -1,5 +1,5 @@
 import { jsxs as l, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { T as a, C as t, a as n, O as r, P as d, A as c, c as o } from "../index-B919yoKU.js";
+import { T as a, C as t, a as n, O as r, P as d, A as c, c as o } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ParamTabSection-B-zD0RYM.js → ParamTabSection-Do6psgA6.js}

@@ -1,4 +1,4 @@
-"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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-VrMogvDN.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

package/documentation/{ParamTabSection-CsAlq-vR.js → ParamTabSection-TcsbnNAx.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as p, jsx as e } from "react/jsx-runtime";
-import { T as a, C as i, a as l, aq as n, ao as s, A as b, c as g } from "../index-B919yoKU.js";
+import { T as a, C as i, a as l, aq as n, ao as s, A as b, c as g } from "../index-D3gBsvbO.js";
 import { Home as o, BarChart as m, FileText as h, Settings as c, User as x, Bell as y } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{PieChartSection-PGxAtJ72.js → PieChartSection-Donq3tpM.js}

@@ -1,4 +1,4 @@
-"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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const 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 },

package/documentation/{PieChartSection-D6mEMs7Q.js → PieChartSection-DuRH9AFw.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as r, C as a, a as t, n as l, c as d, P as m, A as h } from "../index-B919yoKU.js";
+import { T as r, C as a, a as t, n as l, c as d, P as m, A as h } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{PinCodeSection-DM13ihMi.js → PinCodeSection-CALXe-QN.js}

@@ -1,6 +1,6 @@
 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 { T as l, C as i, a as r, s, A as h, c as m } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{PinCodeSection-BCdJ0lzv.js → PinCodeSection-CKZtH4xU.js}

@@ -1,4 +1,4 @@
-"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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),s=require("../index-VrMogvDN.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}

package/documentation/{ProgressbarSection-C-EdDZov.js → ProgressbarSection-BiSzB70h.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[r,a]=i.useState(45);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"text-center space-y-4",children:[s.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Progressbar"}),s.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A progress bar component for displaying completion status with customizable colors, sizes, and variants."})]}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Progressbar"}),s.jsx(e.Progressbar,{value:r})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Label"}),s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("button",{onClick:()=>a(Math.max(0,r-10)),className:"px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",children:"-10"}),s.jsx("button",{onClick:()=>a(Math.min(100,r+10)),className:"px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",children:"+10"})]})]})]})]})})})}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Colors"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,color:"primary"}),s.jsx(e.Progressbar,{value:60,color:"success"}),s.jsx(e.Progressbar,{value:60,color:"danger"}),s.jsx(e.Progressbar,{value:60,color:"info"}),s.jsx(e.Progressbar,{value:60,color:"warning"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Variants"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,variant:"solid"}),s.jsx(e.Progressbar,{value:60,variant:"flat"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Sizes"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,size:"sm"}),s.jsx(e.Progressbar,{value:60,size:"DEFAULT"}),s.jsx(e.Progressbar,{value:60,size:"lg"}),s.jsx(e.Progressbar,{value:60,size:"xl"})]})]})]})})})}),s.jsx(e.PropPlayground,{componentName:"Progressbar",defaultValues:{value:65,variant:"solid",size:"DEFAULT",color:"primary",rounded:"DEFAULT"},excludeProps:["label","barClassName","labelClassName"],children:l=>s.jsx("div",{className:"w-full",children:s.jsx(e.Progressbar,{...l})})}),s.jsx(e.AutoPropsTable,{componentName:"Progressbar"}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsx(e.CodeBlock,{language:"tsx",code:`import { Progressbar } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),e=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[r,a]=i.useState(45);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"text-center space-y-4",children:[s.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Progressbar"}),s.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A progress bar component for displaying completion status with customizable colors, sizes, and variants."})]}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Progressbar"}),s.jsx(e.Progressbar,{value:r})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Label"}),s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("button",{onClick:()=>a(Math.max(0,r-10)),className:"px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",children:"-10"}),s.jsx("button",{onClick:()=>a(Math.min(100,r+10)),className:"px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",children:"+10"})]})]})]})]})})})}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Colors"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,color:"primary"}),s.jsx(e.Progressbar,{value:60,color:"success"}),s.jsx(e.Progressbar,{value:60,color:"danger"}),s.jsx(e.Progressbar,{value:60,color:"info"}),s.jsx(e.Progressbar,{value:60,color:"warning"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Variants"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,variant:"solid"}),s.jsx(e.Progressbar,{value:60,variant:"flat"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Sizes"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,size:"sm"}),s.jsx(e.Progressbar,{value:60,size:"DEFAULT"}),s.jsx(e.Progressbar,{value:60,size:"lg"}),s.jsx(e.Progressbar,{value:60,size:"xl"})]})]})]})})})}),s.jsx(e.PropPlayground,{componentName:"Progressbar",defaultValues:{value:65,variant:"solid",size:"DEFAULT",color:"primary",rounded:"DEFAULT"},excludeProps:["label","barClassName","labelClassName"],children:l=>s.jsx("div",{className:"w-full",children:s.jsx(e.Progressbar,{...l})})}),s.jsx(e.AutoPropsTable,{componentName:"Progressbar"}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsx(e.CodeBlock,{language:"tsx",code:`import { Progressbar } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <Progressbar value={45} />

package/documentation/{ProgressbarSection-OK-cEcMg.js → ProgressbarSection-RSBVXiEx.js}

@@ -1,6 +1,6 @@
 import { jsxs as e, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { T as s, C as i, a as o, ab as r, P as m, A as h, c as u } from "../index-B919yoKU.js";
+import { T as s, C as i, a as o, ab as r, P as m, A as h, c as u } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{RadarChartSection-it0GwAMZ.js → RadarChartSection-CrY3D0r8.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, Fragment as c, jsx as a } from "react/jsx-runtime";
-import { T as i, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-B919yoKU.js";
+import { T as i, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{RadarChartSection-84HPI4Rp.js → RadarChartSection-DJHkW4Iv.js}

@@ -1,4 +1,4 @@
-"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=[{subject:"Performance",teamA:85,teamB:70,teamC:60},{subject:"Reliability",teamA:90,teamB:80,teamC:75},{subject:"Scalability",teamA:70,teamB:85,teamC:90},{subject:"Security",teamA:95,teamB:75,teamC:80},{subject:"Usability",teamA:80,teamB:90,teamC:70},{subject:"Efficiency",teamA:75,teamB:65,teamC:85}],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:"RadarChart"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Radar chart component for comparing multiple variables across categories, ideal for skill assessments and performance comparisons."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Radar Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Multiple Series Comparison",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"},{dataKey:"teamC",name:"Team C"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Higher Fill Opacity",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"}],fillOpacity:.6,height:350})})})}),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 { RadarChart } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{subject:"Performance",teamA:85,teamB:70,teamC:60},{subject:"Reliability",teamA:90,teamB:80,teamC:75},{subject:"Scalability",teamA:70,teamB:85,teamC:90},{subject:"Security",teamA:95,teamB:75,teamC:80},{subject:"Usability",teamA:80,teamB:90,teamC:70},{subject:"Efficiency",teamA:75,teamB:65,teamC:85}],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:"RadarChart"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Radar chart component for comparing multiple variables across categories, ideal for skill assessments and performance comparisons."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Radar Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Multiple Series Comparison",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"},{dataKey:"teamC",name:"Team C"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Higher Fill Opacity",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"}],fillOpacity:.6,height:350})})})}),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 { RadarChart } from '@e-burgos/tucu-ui';
 
 const data = [
   { subject: 'Performance', teamA: 85, teamB: 70 },

package/documentation/{RadioGroupSection-CJtcGRyu.js → RadioGroupSection-BP3Q14TK.js}

@@ -1,6 +1,6 @@
 import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { T as o, C as l, a as t, u as i, A as p, c as m } from "../index-B919yoKU.js";
+import { T as o, C as l, a as t, u as i, A as p, c as m } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{RadioGroupSection-DhLvpocf.js → RadioGroupSection-CoDOy57g.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[l,o]=s.useState(""),r=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}];return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"RadioGroup"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A group of radio buttons for selecting one option from multiple choices."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic RadioGroup"}),a.jsx(e.RadioGroup,{label:"Gender",options:r,value:l,onChange:i=>o(i)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),a.jsx(e.RadioGroup,{label:"Size",helperText:"Select your preferred size",options:[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),a.jsx(e.RadioGroup,{label:"Priority",error:"Please select a priority",options:[{value:"low",label:"Low"},{value:"high",label:"High"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.RadioGroup,{label:"Status",disabled:!0,options:[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Horizontal Layout"}),a.jsx(e.RadioGroup,{label:"Direction",direction:"horizontal",options:[{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsx(e.RadioGroup,{label:"Color",color:"danger",options:[{value:"red",label:"Red"},{value:"blue",label:"Blue"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.RadioGroup,{label:"Ghost Variant",variant:"ghost",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.RadioGroup,{label:"Solid Variant",variant:"solid",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.RadioGroup,{label:"Transparent Variant",variant:"transparent",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"RadioGroup"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"typescript",code:`import { RadioGroup } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),e=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[l,o]=s.useState(""),r=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}];return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"RadioGroup"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A group of radio buttons for selecting one option from multiple choices."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic RadioGroup"}),a.jsx(e.RadioGroup,{label:"Gender",options:r,value:l,onChange:i=>o(i)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),a.jsx(e.RadioGroup,{label:"Size",helperText:"Select your preferred size",options:[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),a.jsx(e.RadioGroup,{label:"Priority",error:"Please select a priority",options:[{value:"low",label:"Low"},{value:"high",label:"High"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.RadioGroup,{label:"Status",disabled:!0,options:[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Horizontal Layout"}),a.jsx(e.RadioGroup,{label:"Direction",direction:"horizontal",options:[{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsx(e.RadioGroup,{label:"Color",color:"danger",options:[{value:"red",label:"Red"},{value:"blue",label:"Blue"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.RadioGroup,{label:"Ghost Variant",variant:"ghost",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.RadioGroup,{label:"Solid Variant",variant:"solid",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.RadioGroup,{label:"Transparent Variant",variant:"transparent",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"RadioGroup"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"typescript",code:`import { RadioGroup } from '@e-burgos/tucu-ui';
 
 const options = [
   { value: 'male', label: 'Male' },

package/documentation/{RadioSection-uSJ3ocsA.js → RadioSection-BmVNxa2g.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[l,r]=i.useState("");return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Radio"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A single radio button component for binary choices."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Radio"}),a.jsx(e.Radio,{label:"Option 1",value:"option1",checked:l==="option1",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.Radio,{label:"Disabled option",value:"disabled",disabled:!0})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Primary",value:"primary",color:"primary"}),a.jsx(e.Radio,{label:"Danger",value:"danger",color:"danger"}),a.jsx(e.Radio,{label:"Success",value:"success",color:"success"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Small",value:"sm",size:"sm"}),a.jsx(e.Radio,{label:"Medium",value:"md",size:"md"}),a.jsx(e.Radio,{label:"Large",value:"lg",size:"lg"})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.Radio,{label:"Ghost Variant",value:"ghost",variant:"ghost",checked:l==="ghost",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.Radio,{label:"Solid Variant",value:"solid",variant:"solid",checked:l==="solid",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.Radio,{label:"Transparent Variant",value:"transparent",variant:"transparent",checked:l==="transparent",onChange:s=>r(s.target.value)})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"Radio"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { Radio } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[l,r]=i.useState("");return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Radio"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A single radio button component for binary choices."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Radio"}),a.jsx(e.Radio,{label:"Option 1",value:"option1",checked:l==="option1",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.Radio,{label:"Disabled option",value:"disabled",disabled:!0})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Primary",value:"primary",color:"primary"}),a.jsx(e.Radio,{label:"Danger",value:"danger",color:"danger"}),a.jsx(e.Radio,{label:"Success",value:"success",color:"success"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Small",value:"sm",size:"sm"}),a.jsx(e.Radio,{label:"Medium",value:"md",size:"md"}),a.jsx(e.Radio,{label:"Large",value:"lg",size:"lg"})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.Radio,{label:"Ghost Variant",value:"ghost",variant:"ghost",checked:l==="ghost",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.Radio,{label:"Solid Variant",value:"solid",variant:"solid",checked:l==="solid",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.Radio,{label:"Transparent Variant",value:"transparent",variant:"transparent",checked:l==="transparent",onChange:s=>r(s.target.value)})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"Radio"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { Radio } from '@e-burgos/tucu-ui';
 
 <Radio
   label="Option 1"

package/documentation/{RadioSection-BUsz7AT5.js → RadioSection-DycbvkTC.js}

@@ -1,6 +1,6 @@
 import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { T as i, C as s, a as d, t as l, A as m, c as h } from "../index-B919yoKU.js";
+import { T as i, C as s, a as d, t as l, A as m, c as h } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{RevealContentSection-Bts-6Rko.js → RevealContentSection-D1NNa1Zb.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { T as t, C as n, a as o, ar as l, P as h, A as c, c as d } from "../index-B919yoKU.js";
+import { T as t, C as n, a as o, ar as l, P as h, A as c, c as d } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{RevealContentSection-CYG67QMT.js → RevealContentSection-DJLCAigH.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const a=e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",children:"This is a long piece of content that will be collapsed by default."}),e.jsx(t.Typography,{tag:"p",children:'When the content exceeds the default height, a "Show More" button will appear.'}),e.jsx(t.Typography,{tag:"p",children:"Clicking the button will expand the content to show everything."}),e.jsx(t.Typography,{tag:"p",children:'You can then click "Show Less" to collapse it back to the default height.'}),e.jsx(t.Typography,{tag:"p",children:"This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view."})]});return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"RevealContent"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.'})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 100px"}),e.jsx(t.RevealContent,{defaultHeight:100,children:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 150px"}),e.jsx(t.RevealContent,{defaultHeight:150,children:a})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"RevealContent",defaultValues:{defaultHeight:100},excludeProps:[],children:n=>e.jsx(t.RevealContent,{...n,children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the first paragraph of content that is initially visible."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This second paragraph may be hidden depending on the defaultHeight value."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This third paragraph is likely hidden and revealed when expanded."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"And here is even more content to demonstrate the reveal functionality."})]})})}),e.jsx(t.AutoPropsTable,{componentName:"RevealContent"}),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 { RevealContent, Typography } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const a=e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",children:"This is a long piece of content that will be collapsed by default."}),e.jsx(t.Typography,{tag:"p",children:'When the content exceeds the default height, a "Show More" button will appear.'}),e.jsx(t.Typography,{tag:"p",children:"Clicking the button will expand the content to show everything."}),e.jsx(t.Typography,{tag:"p",children:'You can then click "Show Less" to collapse it back to the default height.'}),e.jsx(t.Typography,{tag:"p",children:"This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view."})]});return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"RevealContent"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.'})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 100px"}),e.jsx(t.RevealContent,{defaultHeight:100,children:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 150px"}),e.jsx(t.RevealContent,{defaultHeight:150,children:a})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"RevealContent",defaultValues:{defaultHeight:100},excludeProps:[],children:n=>e.jsx(t.RevealContent,{...n,children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the first paragraph of content that is initially visible."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This second paragraph may be hidden depending on the defaultHeight value."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This third paragraph is likely hidden and revealed when expanded."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"And here is even more content to demonstrate the reveal functionality."})]})})}),e.jsx(t.AutoPropsTable,{componentName:"RevealContent"}),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 { RevealContent, Typography } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <RevealContent defaultHeight={100}>

package/documentation/{RouteConfigurationSection-Ba2pGQvU.js → RouteConfigurationSection-Drc5LJiF.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { C as a, a as r, T as n, c as o } from "../index-B919yoKU.js";
+import { C as a, a as r, T as n, c as o } from "../index-D3gBsvbO.js";
 import { Settings as i, Play as s } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{RouteConfigurationSection-BZ9jyZ80.js → RouteConfigurationSection-nhWEjPVc.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Route Configuration",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(n.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Interface"})]}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["For single applications, routes are defined using the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"StandaloneAppRoutesMenuItem"})," ","interface which extends"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"IMenuItem"}),"."]}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Route Configuration",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(n.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Interface"})]}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["For single applications, routes are defined using the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"StandaloneAppRoutesMenuItem"})," ","interface which extends"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"IMenuItem"}),"."]}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
   component: JSX.Element;        // The component to render
   dropdownItems?: StandaloneAppRoutesMenuItem[]; // Optional sub-routes
 }

package/documentation/{ScrollToTopSection-bZKLFCb7.js → ScrollToTopSection-CD0lf-YM.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as o, C as l, a, P as c, as as n, A as i, c as d } from "../index-B919yoKU.js";
+import { T as o, C as l, a, P as c, as as n, A as i, c as d } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ScrollToTopSection-s0EgBP4c.js → ScrollToTopSection-Dg1DqNQU.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ScrollToTop"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A utility component that displays a floating button to scroll back to the top of the page. It automatically scrolls to top when the route changes and shows a button when the user scrolls down."})]}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.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(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Default Usage"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Add this component to your router or app component. By default, it displays a button in the bottom-right corner (24px from edges) that appears when you scroll down more than 400px."}),e.jsx(o.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"The button automatically scrolls to the top when clicked and also scrolls to top whenever the route changes."}),e.jsx("div",{className:"bg-gray-100 dark:bg-gray-800 p-4 rounded-lg",children:e.jsx(o.Typography,{tag:"p",className:"text-sm",children:"Scroll down on this page to see the button appear in the bottom-right corner."})})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Position"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"You can customize the button position using the position props."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-left:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-right:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} right={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-left:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-right:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} right={20} />"})]})]})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Size and Threshold"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Control when the button appears and its size."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Small button:"})," ",e.jsx("code",{children:'<ScrollToTop size="small" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Large button:"})," ",e.jsx("code",{children:'<ScrollToTop size="large" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Show after 200px:"})," ",e.jsx("code",{children:"<ScrollToTop showAfter={200} />"})]})]})]})]})})})}),e.jsx(o.PropPlayground,{componentName:"ScrollToTop",defaultValues:{size:"large",showAfter:400,bottom:"45%",right:50,behavior:"smooth"},excludeProps:["scrollContainer"],children:t=>e.jsx(o.ScrollToTop,{...t})}),e.jsx(o.AutoPropsTable,{componentName:"ScrollToTop"}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(o.CodeBlock,{language:"tsx",code:`import { ScrollToTop } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ScrollToTop"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A utility component that displays a floating button to scroll back to the top of the page. It automatically scrolls to top when the route changes and shows a button when the user scrolls down."})]}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.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(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Default Usage"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Add this component to your router or app component. By default, it displays a button in the bottom-right corner (24px from edges) that appears when you scroll down more than 400px."}),e.jsx(o.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"The button automatically scrolls to the top when clicked and also scrolls to top whenever the route changes."}),e.jsx("div",{className:"bg-gray-100 dark:bg-gray-800 p-4 rounded-lg",children:e.jsx(o.Typography,{tag:"p",className:"text-sm",children:"Scroll down on this page to see the button appear in the bottom-right corner."})})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Position"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"You can customize the button position using the position props."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-left:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-right:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} right={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-left:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-right:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} right={20} />"})]})]})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Size and Threshold"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Control when the button appears and its size."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Small button:"})," ",e.jsx("code",{children:'<ScrollToTop size="small" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Large button:"})," ",e.jsx("code",{children:'<ScrollToTop size="large" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Show after 200px:"})," ",e.jsx("code",{children:"<ScrollToTop showAfter={200} />"})]})]})]})]})})})}),e.jsx(o.PropPlayground,{componentName:"ScrollToTop",defaultValues:{size:"large",showAfter:400,bottom:"45%",right:50,behavior:"smooth"},excludeProps:["scrollContainer"],children:t=>e.jsx(o.ScrollToTop,{...t})}),e.jsx(o.AutoPropsTable,{componentName:"ScrollToTop"}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(o.CodeBlock,{language:"tsx",code:`import { ScrollToTop } from '@e-burgos/tucu-ui';
 import { BrowserRouter } from 'react-router-dom';
 
 function App() {

package/documentation/{ScrollbarSection-BpAYMy71.js → ScrollbarSection-DYHKnFn2.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as l, Fragment as d } from "react/jsx-runtime";
-import { T as a, C as r, a as s, Y as c, P as n, A as m, c as h } from "../index-B919yoKU.js";
+import { T as a, C as r, a as s, Y as c, P as n, A as m, c as h } from "../index-D3gBsvbO.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ScrollbarSection-Dfr5kanP.js → ScrollbarSection-DcH7wKa4.js}

@@ -1,4 +1,4 @@
-"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 c=()=>{const l=Array.from({length:20},(a,s)=>e.jsx("div",{className:"p-4 border-b",children:e.jsxs(r.Typography,{tag:"p",children:["Content item ",s+1]})},s));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:"Scrollbar"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A customizable scrollbar component with auto-hide functionality and custom styling options."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Vertical Scrollbar"}),e.jsx(r.Scrollbar,{className:"h-48",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Auto Hide on Leave"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"leave",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Never Hide"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"never",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Custom Styled"}),e.jsx(r.Scrollbar,{className:"h-48",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"8px"}},children:e.jsx("div",{children:l.slice(0,10)})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Scrollbar",defaultValues:{autoHide:"scroll",direction:"vertical"},excludeProps:["scrollbarStyle","style"],children:a=>e.jsx(r.Scrollbar,{...a,style:{height:200},children:e.jsxs("div",{style:{height:600,padding:16},children:[e.jsx("p",{children:"Scroll down to see more content..."}),e.jsx("p",{style:{marginTop:200},children:"Middle content"}),e.jsx("p",{style:{marginTop:200},children:"End of content"})]})})}),e.jsx(r.AutoPropsTable,{componentName:"Scrollbar"}),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 { Scrollbar } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const l=Array.from({length:20},(a,s)=>e.jsx("div",{className:"p-4 border-b",children:e.jsxs(r.Typography,{tag:"p",children:["Content item ",s+1]})},s));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:"Scrollbar"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A customizable scrollbar component with auto-hide functionality and custom styling options."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Vertical Scrollbar"}),e.jsx(r.Scrollbar,{className:"h-48",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Auto Hide on Leave"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"leave",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Never Hide"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"never",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Custom Styled"}),e.jsx(r.Scrollbar,{className:"h-48",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"8px"}},children:e.jsx("div",{children:l.slice(0,10)})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Scrollbar",defaultValues:{autoHide:"scroll",direction:"vertical"},excludeProps:["scrollbarStyle","style"],children:a=>e.jsx(r.Scrollbar,{...a,style:{height:200},children:e.jsxs("div",{style:{height:600,padding:16},children:[e.jsx("p",{children:"Scroll down to see more content..."}),e.jsx("p",{style:{marginTop:200},children:"Middle content"}),e.jsx("p",{style:{marginTop:200},children:"End of content"})]})})}),e.jsx(r.AutoPropsTable,{componentName:"Scrollbar"}),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 { Scrollbar } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <Scrollbar className="h-48">