@e-burgos/tucu-ui 2.0.10 → 2.1.0

package/documentation/{CoinListBoxSection-DkQKAYd4.js → CoinListBoxSection-DHUYaMv5.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-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const r=()=>{const[i,o]=n.useState({icon:e.jsx(s.Bitcoin,{className:"w-6 h-6"}),code:"BTC",name:"Bitcoin",price:45e3}),t=[{icon:e.jsx(s.Bitcoin,{className:"w-6 h-6"}),code:"BTC",name:"Bitcoin",price:45e3},{icon:e.jsx(s.Ethereum,{className:"w-6 h-6"}),code:"ETH",name:"Ethereum",price:3e3},{icon:e.jsx(s.Tether,{className:"w-6 h-6"}),code:"USDT",name:"Tether",price:1}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"CoinListBox",description:"Dropdown listbox component for selecting cryptocurrencies with icons and names. Supports disabled state and custom styling.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-violet-500 via-purple-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:e.jsx(a.List,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"",children:e.jsx(s.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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic ListBox"}),e.jsx(s.CoinListBox,{coins:t,selectedCoin:i,setSelectedCoin:o,className:"z-50"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(s.CoinListBox,{coins:t,selectedCoin:i,setSelectedCoin:o,disabled:!0})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"CoinListBox",defaultValues:{disabled:!1},controlOverrides:[{name:"disabled",type:"boolean",description:"Disables the listbox interaction"}],includeProps:["disabled"],children:c=>e.jsx("div",{className:"w-full max-w-sm",children:e.jsx(s.CoinListBox,{coins:t,selectedCoin:i,setSelectedCoin:o,disabled:c.disabled})})}),e.jsx(s.AutoPropsTable,{componentName:"CoinListBox"}),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 { CoinListBox } 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-DEZRGktf.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const r=()=>{const[i,o]=n.useState({icon:e.jsx(s.Bitcoin,{className:"w-6 h-6"}),code:"BTC",name:"Bitcoin",price:45e3}),t=[{icon:e.jsx(s.Bitcoin,{className:"w-6 h-6"}),code:"BTC",name:"Bitcoin",price:45e3},{icon:e.jsx(s.Ethereum,{className:"w-6 h-6"}),code:"ETH",name:"Ethereum",price:3e3},{icon:e.jsx(s.Tether,{className:"w-6 h-6"}),code:"USDT",name:"Tether",price:1}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"CoinListBox",description:"Dropdown listbox component for selecting cryptocurrencies with icons and names. Supports disabled state and custom styling.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-violet-500 via-purple-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:e.jsx(a.List,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"",children:e.jsx(s.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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic ListBox"}),e.jsx(s.CoinListBox,{coins:t,selectedCoin:i,setSelectedCoin:o,className:"z-50"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(s.CoinListBox,{coins:t,selectedCoin:i,setSelectedCoin:o,disabled:!0})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"CoinListBox",defaultValues:{disabled:!1},controlOverrides:[{name:"disabled",type:"boolean",description:"Disables the listbox interaction"}],includeProps:["disabled"],children:c=>e.jsx("div",{className:"w-full max-w-sm",children:e.jsx(s.CoinListBox,{coins:t,selectedCoin:i,setSelectedCoin:o,disabled:c.disabled})})}),e.jsx(s.AutoPropsTable,{componentName:"CoinListBox"}),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 { CoinListBox } from '@e-burgos/tucu-ui';
 
 const coins = [
   {

package/documentation/{CoinListBoxSection-h2EIhbc6.js → CoinListBoxSection-PS0iIX1D.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { B as n, H as p, C as i, a as l, T as r, e as t, P as u, A as C, c as b, E as N, f } from "../index-19KsCnyX.js";
+import { B as n, H as p, C as i, a as l, T as r, e as t, P as u, A as C, c as b, E as N, f } from "../index-sdOMz8GW.js";
 import { List as w } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{CollapseSection-DjToAVsV.js → CollapseSection-CXdqA6Ut.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Collapse",description:`A collapsible content panel component with smooth animations for
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Collapse",description:`A collapsible content panel component with smooth animations for
           showing and hiding content.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-emerald-600 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.ChevronsUpDown,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Collapse"}),e.jsx(a.Collapse,{label:"Click to expand",children:e.jsx("div",{className:"p-4",children:e.jsx(a.Typography,{tag:"p",children:"This is the content that appears when the collapse is expanded."})})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Initially Open"}),e.jsx(a.Collapse,{label:"Pre-expanded",initialOpen:!0,children:e.jsx("div",{className:"p-4",children:e.jsx(a.Typography,{tag:"p",children:"This collapse starts in the open state."})})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Rich Content"}),e.jsx(a.Collapse,{label:"Rich Content Example",children:e.jsxs("div",{className:"p-4 space-y-2",children:[e.jsx(a.Typography,{tag:"p",className:"font-semibold",children:"Section Title"}),e.jsx(a.Typography,{tag:"p",children:"This collapse can contain any React content including images, lists, and other components."}),e.jsxs("ul",{className:"list-disc list-inside",children:[e.jsx("li",{children:"Item 1"}),e.jsx("li",{children:"Item 2"}),e.jsx("li",{children:"Item 3"})]})]})})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"Collapse",defaultValues:{label:"Click to expand",initialOpen:!1},children:l=>e.jsx(a.Collapse,{...l,children:e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 p-4",children:"This is the collapsed content that can be expanded."})})}),e.jsx(a.AutoPropsTable,{componentName:"Collapse"}),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 { Collapse, Typography } from '@e-burgos/tucu-ui';
 
 // Basic usage

package/documentation/{CollapseSection-BgUzBjdQ.js → CollapseSection-CbYzk_xx.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { H as o, C as s, a as t, T as l, Y as i, P as p, A as r, c as d } from "../index-19KsCnyX.js";
+import { H as o, C as s, a as t, T as l, Y as i, P as p, A as r, c as d } from "../index-sdOMz8GW.js";
 import { ChevronsUpDown as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{CollectionCardSection-CLYRjHZ3.js → CollectionCardSection-CvpIcpZU.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=require("../1-CArqgiQa.js"),t="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAwADADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9ffHnju88Y3z3NwzHcxPzHPXHrnH9fzNebPLHGMyOqj3NErFYpGHVUYj6gHFfjv8Atpftyaj8CJ7rTmjliZHkCSYIHH3ecDPTI/pWlWoqUeZptXtp+fyP7xzrOMv4QyuOIqUpLDU2qcYU1tsl/T+/c/WzU/FOgaPEZtQ1O1tkHUySov8AMis3TPH/AIT1d/L0/WbK5fONsc8bNn6Bq/ip+MP/AAUu+L3xEmew0C+vYkaRlUxySDgk8ccdMdMH24NaHwB/a9+PHhTxNpV9ruoahNpkt1D5okkkKhGkGc5bHf39+9cU8yw9OUY1Jxg5NJKUkm27aJdep+fU/GHA4jFRp4fLsTUw14qeI5XaF7Jydlayvrp+B/bsjq6hkIZWGQRyCDXpHgTx5feDrxbi2dhhgeDjp9Pp+GPpXxd+zX8V4fir8PtJ1kSB7hrWEy85O4xqTn0PXivouvQTuk1s0mfrEfqub4GnOSjWw+JpxlZq6akk9V3/ABTA88HoeK/Ev/gp78AdJ+Itj50McaXewszDAYn3x7+nP9f20r8+v2y/AHiHVdCudb0zzJYreNmeNAW+ULkjAB9O3tXjZ/LMI5bXeW041MTyvl5ui6tef+R53E+AoZjlNfD4ml7WlpKcUrvlTTdvPr8j+Xnwz+zbonhnUhFdxRyzI2SGUE5z7559iP8AGveh4A0qe2TT4LOGOSPaYsRrng5HTj+VZ/jrXryz1e5HzW93bzMjpICpypOeuPw/OtHwZ4skvbyJXbzLpyiIigsxJOPfJ/D8K/BK886rYinWrzqzrwqJOHvpqomtLfyt66edj8io4bJ8LSq4ShRp04uL97lV3FpaXavzfr2Z+6P/AAT3uv7H8M/2DcynckaiNCenGMAE9OnT/wDX+n9fmh+xN4B1iCwTxBfpJFHLGjIrAqCpUHv/AJ796/S8cAD0r99yKpjqmXUJY+kqVfljor6q278z9f4Zh7PJ8LBKShGNqfNe/LpbfUKzNX0G18R2E+mXkCzwXCMjKyhhhhg8HPrXq3j/AMDXngu6khulZQhIyRjpxz/nt9ced2mvW1pDNK4BKK3X8eOv+TjPSvXk+WLk1ov6sej9dw1bCLEwlGpRqR0e6knb1XU/A/8Ab5/ZK0XQILzX/Dai3vJTJK0cahfmOTyFx/k186fsT/BvwfqGuwSeN76KO4hnXZFcMoJIbjhsZ54/H8a/U79rDxNZeIxd204UoPMUDOfXtn/P41+QesC+8N6o+oaDdS2rxS7wI3K52nIztI+uf0GKrC8O4LEz+u2hzuz5ZQVr2TvdddrdX13PkpcMZRicVHNaVON4O88O5ctOTundx239f8v6d/A+kaDouh2dnoBgNpHCioYNuCoUDPy/T1rs6/HT9j39qHWNQv7bwr4guGmclIlaVyWPRc8n+n5V+5Pw68FXfjqaBbRWKzKhBUZ++vt9fx/KtK1GVCXJK1raen9f0j6xYvDYfCOtNxo0aMbS6Rior9NF18rn/9k=",i=()=>{const A={id:"collection-1",name:"Crypto Punks",slug:"crypto-punks",title:"Crypto Punks Collection",cover_image:t,number_of_artwork:42,user:{avatar:l.avatar1Img,name:"CryptoPunk Studio",slug:"cryptopunk-studio"}};return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"CollectionCard",description:"NFT collection preview with statistics, cover image, and creator information for marketplace interfaces.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-indigo-500/50",children:e.jsx(o.LayoutGrid,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:e.jsx(a.CollectionCard,{item:A})})})})}),e.jsx(a.PropPlayground,{componentName:"CollectionCard",defaultValues:{className:""},controlOverrides:[{name:"className",type:"text",description:"Additional CSS classes for the card"}],includeProps:["className"],children:r=>e.jsx("div",{className:"w-full max-w-sm",children:e.jsx(a.CollectionCard,{item:A,className:r.className})})}),e.jsx(a.AutoPropsTable,{componentName:"CollectionCard"}),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 { CollectionCard } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=require("../1-CArqgiQa.js"),t="data:image/jpeg;base64,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",i=()=>{const A={id:"collection-1",name:"Crypto Punks",slug:"crypto-punks",title:"Crypto Punks Collection",cover_image:t,number_of_artwork:42,user:{avatar:l.avatar1Img,name:"CryptoPunk Studio",slug:"cryptopunk-studio"}};return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"CollectionCard",description:"NFT collection preview with statistics, cover image, and creator information for marketplace interfaces.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-indigo-500/50",children:e.jsx(o.LayoutGrid,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:e.jsx(a.CollectionCard,{item:A})})})})}),e.jsx(a.PropPlayground,{componentName:"CollectionCard",defaultValues:{className:""},controlOverrides:[{name:"className",type:"text",description:"Additional CSS classes for the card"}],includeProps:["className"],children:r=>e.jsx("div",{className:"w-full max-w-sm",children:e.jsx(a.CollectionCard,{item:A,className:r.className})})}),e.jsx(a.AutoPropsTable,{componentName:"CollectionCard"}),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 { CollectionCard } from '@e-burgos/tucu-ui';
 
 const collectionData = {
   id: 'bayc',

package/documentation/{CollectionCardSection-Bso5dTm0.js → CollectionCardSection-V2gjtfXt.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as i, jsx as a } from "react/jsx-runtime";
-import { H as c, C as A, a as o, h as r, P as n, A as s, c as d } from "../index-19KsCnyX.js";
+import { H as c, C as A, a as o, h as r, P as n, A as s, c as d } from "../index-sdOMz8GW.js";
 import { LayoutGrid as m } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{CollectionSelectListSection-U1691doa.js → CollectionSelectListSection-Cr3wbLOM.js}

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as p, jsx as e } from "react/jsx-runtime";
 import { useState as u } from "react";
-import { H as h, C as s, a as i, T as n, i as t, P as g, A as v, c as f } from "../index-19KsCnyX.js";
+import { H as h, C as s, a as i, T as n, i as t, P as g, A as v, c as f } from "../index-sdOMz8GW.js";
 import { ListChecks as b } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{CollectionSelectListSection-yeCip8aj.js → CollectionSelectListSection-Do4CAdna.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),l=require("../index-DMs_SmPq.js"),r=require("lucide-react");require("react-router-dom");require("react-dom");const d=()=>{const[o,c]=n.useState(null),a=[{icon:"https://i.pravatar.cc/80?img=1",name:"CryptoPunks",value:"crypto-punks"},{icon:"https://i.pravatar.cc/80?img=5",name:"Bored Ape Yacht Club",value:"bayc"},{icon:"https://i.pravatar.cc/80?img=12",name:"Azuki",value:"azuki"},{icon:"https://i.pravatar.cc/80?img=20",name:"Doodles",value:"doodles"},{icon:"https://i.pravatar.cc/80?img=25",name:"CloneX",value:"clonex"},{icon:"https://i.pravatar.cc/80?img=30",name:"Moonbirds",value:"moonbirds"},{icon:"https://i.pravatar.cc/80?img=35",name:"Pudgy Penguins",value:"pudgy-penguins"},{icon:"https://i.pravatar.cc/80?img=40",name:"World of Women",value:"wow"}],s=[{icon:"https://i.pravatar.cc/80?img=50",name:"Art Blocks",value:"art-blocks"},{icon:"https://i.pravatar.cc/80?img=55",name:"Nouns",value:"nouns"},{icon:"https://i.pravatar.cc/80?img=60",name:"Loot",value:"loot"}];return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"CollectionSelectList",description:"A searchable list with keyboard navigation for selecting NFT collections. Supports filtering, highlight, and ARIA roles.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-500 via-green-500 to-lime-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:e.jsx(r.ListChecks,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.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-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(l.Typography,{tag:"h5",children:"Full Collection (8 items)"}),o&&e.jsxs("div",{className:"text-xs text-brand font-medium bg-brand/10 rounded-lg px-3 py-1.5 inline-block",children:["Selected: ",o]}),e.jsx(l.CollectionSelectList,{collectionList:a,onSelect:c})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(l.Typography,{tag:"h5",children:"Short List + Custom Placeholder"}),e.jsx(l.CollectionSelectList,{collectionList:s,onSelect:t=>console.log("Selected:",t),placeholder:"Find a collection...",noResultsMessage:"No matching collections"})]})]})})})}),e.jsx(l.PropPlayground,{componentName:"CollectionSelectList",defaultValues:{placeholder:"Search collections...",noResultsMessage:"No collections found"},controlOverrides:[{name:"placeholder",type:"text",description:"Placeholder text for the search input"},{name:"noResultsMessage",type:"text",description:"Message shown when no results match"}],includeProps:["placeholder","noResultsMessage"],children:t=>e.jsx("div",{className:"w-full max-w-md",children:e.jsx(l.CollectionSelectList,{collectionList:s,onSelect:i=>console.log("Selected:",i),placeholder:t.placeholder,noResultsMessage:t.noResultsMessage})})}),e.jsx(l.AutoPropsTable,{componentName:"CollectionSelectList"}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.CodeBlock,{language:"tsx",code:`import { CollectionSelectList } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),l=require("../index-DEZRGktf.js"),r=require("lucide-react");require("react-router-dom");require("react-dom");const d=()=>{const[o,c]=n.useState(null),a=[{icon:"https://i.pravatar.cc/80?img=1",name:"CryptoPunks",value:"crypto-punks"},{icon:"https://i.pravatar.cc/80?img=5",name:"Bored Ape Yacht Club",value:"bayc"},{icon:"https://i.pravatar.cc/80?img=12",name:"Azuki",value:"azuki"},{icon:"https://i.pravatar.cc/80?img=20",name:"Doodles",value:"doodles"},{icon:"https://i.pravatar.cc/80?img=25",name:"CloneX",value:"clonex"},{icon:"https://i.pravatar.cc/80?img=30",name:"Moonbirds",value:"moonbirds"},{icon:"https://i.pravatar.cc/80?img=35",name:"Pudgy Penguins",value:"pudgy-penguins"},{icon:"https://i.pravatar.cc/80?img=40",name:"World of Women",value:"wow"}],s=[{icon:"https://i.pravatar.cc/80?img=50",name:"Art Blocks",value:"art-blocks"},{icon:"https://i.pravatar.cc/80?img=55",name:"Nouns",value:"nouns"},{icon:"https://i.pravatar.cc/80?img=60",name:"Loot",value:"loot"}];return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"CollectionSelectList",description:"A searchable list with keyboard navigation for selecting NFT collections. Supports filtering, highlight, and ARIA roles.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-500 via-green-500 to-lime-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:e.jsx(r.ListChecks,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.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-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(l.Typography,{tag:"h5",children:"Full Collection (8 items)"}),o&&e.jsxs("div",{className:"text-xs text-brand font-medium bg-brand/10 rounded-lg px-3 py-1.5 inline-block",children:["Selected: ",o]}),e.jsx(l.CollectionSelectList,{collectionList:a,onSelect:c})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(l.Typography,{tag:"h5",children:"Short List + Custom Placeholder"}),e.jsx(l.CollectionSelectList,{collectionList:s,onSelect:t=>console.log("Selected:",t),placeholder:"Find a collection...",noResultsMessage:"No matching collections"})]})]})})})}),e.jsx(l.PropPlayground,{componentName:"CollectionSelectList",defaultValues:{placeholder:"Search collections...",noResultsMessage:"No collections found"},controlOverrides:[{name:"placeholder",type:"text",description:"Placeholder text for the search input"},{name:"noResultsMessage",type:"text",description:"Message shown when no results match"}],includeProps:["placeholder","noResultsMessage"],children:t=>e.jsx("div",{className:"w-full max-w-md",children:e.jsx(l.CollectionSelectList,{collectionList:s,onSelect:i=>console.log("Selected:",i),placeholder:t.placeholder,noResultsMessage:t.noResultsMessage})})}),e.jsx(l.AutoPropsTable,{componentName:"CollectionSelectList"}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.CodeBlock,{language:"tsx",code:`import { CollectionSelectList } from '@e-burgos/tucu-ui';
 
 const collections = [
   { icon: '/avatars/punks.jpg', name: 'CryptoPunks', value: 'crypto-punks' },

package/documentation/{ColorCustomizationSection-Dq8eABfF.js → ColorCustomizationSection-BbFy47YA.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DMs_SmPq.js"),d=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const{primaryPreset:s}=r.useTheme(),a=["bg-brand","text-brand","border-brand","bg-primary","text-primary","border-primary","bg-secondary","text-secondary","border-secondary","bg-accent","text-accent","border-accent","bg-foreground","text-foreground","border-foreground","bg-muted","text-muted","border-muted","bg-border","border-border","bg-success","text-success","bg-warning","text-warning","bg-error","text-error","bg-info","text-info","bg-body","bg-dark","text-dark","bg-light","text-light","text-foreground/60","bg-brand/50","border-brand/30"];return e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Color Customization",description:"Dynamic brand colors using CSS custom properties and seamless Tailwind CSS utility integration.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(d.Brush,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"Dynamic Brand Colors"}),e.jsx(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Real-time theme updates via CSS custom properties"})]}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Active CSS Variable",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Brand colors are dynamically applied using CSS custom properties, allowing real-time theme updates without rebuilding. Colors are defined in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"ui/tucu-ui/src/themes/config/index.ts"})]}),e.jsx("div",{className:"p-3 flex justify-center items-center bg-gray-200 dark:bg-gray-800 rounded-lg w-full",children:e.jsxs(r.Typography,{tag:"code",className:"w-full text-sm text-gray-600 dark:text-gray-400",children:["--color-semantic-bg-primary:"," ",s?.value||"#0052ff"]})}),e.jsx(r.Alert,{variant:"info",children:e.jsxs(r.Typography,{tag:"p",className:"text-xs",children:[e.jsx("strong",{children:"Color Presets:"})," Spectrum colors use the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"-50"})," ","value from Tucu UI Design Tokens. Default colors use semantic mappings (e.g., blue-60 for primary)."]})})]})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"Tailwind Integration"}),e.jsx(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Available utility classes that consume theme colors"})]}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Utility Classes",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-2",children:a.map((t,i)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`w-3 h-3 rounded border border-border ${t.includes("bg-")?t:"bg-brand"}`}),e.jsxs(r.Typography,{tag:"code",className:"text-xs text-gray-600 dark:text-gray-400",children:[".",t]})]},i))}),e.jsx(r.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-400 mt-2",children:"All colors support opacity modifiers (/10, /20, /30, /50, /80, etc.)"})]})})})]})]})};exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DEZRGktf.js"),d=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const{primaryPreset:s}=r.useTheme(),a=["bg-brand","text-brand","border-brand","bg-primary","text-primary","border-primary","bg-secondary","text-secondary","border-secondary","bg-accent","text-accent","border-accent","bg-foreground","text-foreground","border-foreground","bg-muted","text-muted","border-muted","bg-border","border-border","bg-success","text-success","bg-warning","text-warning","bg-error","text-error","bg-info","text-info","bg-body","bg-dark","text-dark","bg-light","text-light","text-foreground/60","bg-brand/50","border-brand/30"];return e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Color Customization",description:"Dynamic brand colors using CSS custom properties and seamless Tailwind CSS utility integration.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(d.Brush,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"Dynamic Brand Colors"}),e.jsx(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Real-time theme updates via CSS custom properties"})]}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Active CSS Variable",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Brand colors are dynamically applied using CSS custom properties, allowing real-time theme updates without rebuilding. Colors are defined in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"ui/tucu-ui/src/themes/config/index.ts"})]}),e.jsx("div",{className:"p-3 flex justify-center items-center bg-gray-200 dark:bg-gray-800 rounded-lg w-full",children:e.jsxs(r.Typography,{tag:"code",className:"w-full text-sm text-gray-600 dark:text-gray-400",children:["--color-semantic-bg-primary:"," ",s?.value||"#0052ff"]})}),e.jsx(r.Alert,{variant:"info",children:e.jsxs(r.Typography,{tag:"p",className:"text-xs",children:[e.jsx("strong",{children:"Color Presets:"})," Spectrum colors use the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"-50"})," ","value from Tucu UI Design Tokens. Default colors use semantic mappings (e.g., blue-60 for primary)."]})})]})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"Tailwind Integration"}),e.jsx(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Available utility classes that consume theme colors"})]}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Utility Classes",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-2",children:a.map((t,i)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`w-3 h-3 rounded border border-border ${t.includes("bg-")?t:"bg-brand"}`}),e.jsxs(r.Typography,{tag:"code",className:"text-xs text-gray-600 dark:text-gray-400",children:[".",t]})]},i))}),e.jsx(r.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-400 mt-2",children:"All colors support opacity modifiers (/10, /20, /30, /50, /80, etc.)"})]})})})]})]})};exports.default=o;

package/documentation/{ColorCustomizationSection-DAyuywgq.js → ColorCustomizationSection-D0b36MWl.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { ay as n, H as m, T as t, C as s, a as i, aj as g } from "../index-19KsCnyX.js";
+import { ay as n, H as m, T as t, C as s, a as i, aj as g } from "../index-sdOMz8GW.js";
 import { Brush as b } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ColorSystemSection-yh45iiHj.js → ColorSystemSection-CwiX0hdz.js}

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { useState as y, useEffect as u } from "react";
-import { ay as w, H as $, C as l, a as d, aj as k, T as t } from "../index-19KsCnyX.js";
+import { ay as w, H as $, C as l, a as d, aj as k, T as t } from "../index-sdOMz8GW.js";
 import { Palette as C, Info as S } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{ColorSystemSection-B3tm49L7.js → ColorSystemSection-DICY1oaG.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("../index-DMs_SmPq.js"),x=require("lucide-react");require("react-router-dom");require("react-dom");const l=d=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(d).trim()||""},v=()=>{const{mode:d}=s.useTheme(),[t,c]=o.useState(0);o.useEffect(()=>{const a=setTimeout(()=>{c(r=>r+1)},100);return()=>clearTimeout(a)},[d]),o.useEffect(()=>{const a=new MutationObserver(()=>{c(r=>r+1)});return a.observe(document.documentElement,{attributes:!0,attributeFilter:["class","style"]}),()=>a.disconnect()},[]);const h=[{name:"Primary",class:"bg-primary",varName:"--color-primary"},{name:"Accent",class:"bg-accent",varName:"--color-accent"}],g=[{name:"Secondary",class:"bg-secondary",varName:"--color-secondary"},{name:"Background",class:"bg-body",varName:"--color-body"},{name:"Dark",class:"bg-dark",varName:"--color-dark"}],u=[{name:"Muted",class:"bg-muted",varName:"--color-muted"},{name:"Primary",class:"bg-foreground",varName:"--color-foreground"},{name:"Border",class:"bg-border",varName:"--color-border"}],p=[{name:"Success",class:"bg-success",varName:"--color-success"},{name:"Warning",class:"bg-warning",varName:"--color-warning"},{name:"Error",class:"bg-error",varName:"--color-error"},{name:"Info",class:"bg-info",varName:"--color-info"}],N=[{name:"blue",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"green",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"orange",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"gray",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"indigo",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"pink",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"purple",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"red",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"teal",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"yellow",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"chartreuse",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]}],b=[{name:"brand",varName:"--color-brand",class:"bg-brand"},{name:"primary",varName:"--color-primary",class:"bg-primary"},{name:"secondary",varName:"--color-secondary",class:"bg-secondary"},{name:"accent",varName:"--color-accent",class:"bg-accent"},{name:"foreground",varName:"--color-foreground",class:"bg-foreground"},{name:"muted",varName:"--color-muted",class:"bg-muted"},{name:"border",varName:"--color-border",class:"bg-border"},{name:"success",varName:"--color-success",class:"bg-success"},{name:"warning",varName:"--color-warning",class:"bg-warning"},{name:"error",varName:"--color-error",class:"bg-error"},{name:"info",varName:"--color-info",class:"bg-info"},{name:"body",varName:"--color-body",class:"bg-body"},{name:"dark",varName:"--color-dark",class:"bg-dark"},{name:"light",varName:"--color-light",class:"bg-light"},{name:"light-dark",varName:"--color-light-dark",class:"bg-light-dark"}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(s.HeroCard,{title:"Color System",description:"Carefully crafted color palettes that work across all themes and contexts.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(x.Palette,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Brand Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:h.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`${a.name}-${t}`)})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Surfaces",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:g.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`surface-${a.name}-${t}`)})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Text",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-4 sm:gap-6",children:u.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`text-${a.name}-${t}`)})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Status",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:p.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`status-${a.name}-${t}`)})})})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"font-semibold flex items-center gap-2",children:[e.jsx(x.Info,{className:"h-4 w-4"}),"Dynamic Theming"]}),e.jsx("div",{children:"Colors automatically adapt based on the selected theme preset and mode (light/dark)."})]})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Color Spectrum",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Complete color palette with all shades from 0 to 100 for each color spectrum."}),e.jsx("div",{className:"space-y-8",children:N.map(a=>e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg mb-4 capitalize",children:a.name}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-7 md:grid-cols-10 lg:grid-cols-[repeat(13,minmax(0,1fr))] gap-2",children:a.shades.map(r=>{const n=`bg-${a.name}-${r}`,i=`--color-${a.name}-${r}`,m=l(i);return e.jsxs("div",{className:"space-y-1 w-full min-w-[40px]",children:[e.jsx("div",{className:`h-16 w-full rounded border border-border ${n}`,title:`${a.name}-${r}: ${m||i}`}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-xs font-semibold",children:r}),m&&e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[10px]",children:m})]},`${a.name}-${r}-${t}`)})})]},a.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Main Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Primary theme colors used throughout the application. These colors are mapped from semantic colors and adapt to light/dark mode."}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:b.map(a=>{const r=l(a.varName),n=a.name==="body"||a.name==="light"||a.name==="light-dark"?"text-dark dark:text-light":"text-white";return e.jsxs("div",{className:"space-y-2 border border-border rounded-lg p-2",children:[e.jsx("div",{className:`h-20 rounded flex items-center justify-center ${a.class} ${n} border border-border`,title:`${a.name}: var(${a.varName})${r?` = ${r}`:""}`,children:e.jsx(s.Typography,{tag:"h4",className:"text-center px-2 break-all text-xs",children:a.name})}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-xs",children:a.name}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[10px]",children:r}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[9px] mt-1 break-all px-1",children:a.class})]},`main-${a.name}-${t}`)})})]})})})]})]})};exports.default=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("../index-DEZRGktf.js"),x=require("lucide-react");require("react-router-dom");require("react-dom");const l=d=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(d).trim()||""},v=()=>{const{mode:d}=s.useTheme(),[t,c]=o.useState(0);o.useEffect(()=>{const a=setTimeout(()=>{c(r=>r+1)},100);return()=>clearTimeout(a)},[d]),o.useEffect(()=>{const a=new MutationObserver(()=>{c(r=>r+1)});return a.observe(document.documentElement,{attributes:!0,attributeFilter:["class","style"]}),()=>a.disconnect()},[]);const h=[{name:"Primary",class:"bg-primary",varName:"--color-primary"},{name:"Accent",class:"bg-accent",varName:"--color-accent"}],g=[{name:"Secondary",class:"bg-secondary",varName:"--color-secondary"},{name:"Background",class:"bg-body",varName:"--color-body"},{name:"Dark",class:"bg-dark",varName:"--color-dark"}],u=[{name:"Muted",class:"bg-muted",varName:"--color-muted"},{name:"Primary",class:"bg-foreground",varName:"--color-foreground"},{name:"Border",class:"bg-border",varName:"--color-border"}],p=[{name:"Success",class:"bg-success",varName:"--color-success"},{name:"Warning",class:"bg-warning",varName:"--color-warning"},{name:"Error",class:"bg-error",varName:"--color-error"},{name:"Info",class:"bg-info",varName:"--color-info"}],N=[{name:"blue",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"green",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"orange",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"gray",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"indigo",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"pink",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"purple",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"red",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"teal",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"yellow",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"chartreuse",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]}],b=[{name:"brand",varName:"--color-brand",class:"bg-brand"},{name:"primary",varName:"--color-primary",class:"bg-primary"},{name:"secondary",varName:"--color-secondary",class:"bg-secondary"},{name:"accent",varName:"--color-accent",class:"bg-accent"},{name:"foreground",varName:"--color-foreground",class:"bg-foreground"},{name:"muted",varName:"--color-muted",class:"bg-muted"},{name:"border",varName:"--color-border",class:"bg-border"},{name:"success",varName:"--color-success",class:"bg-success"},{name:"warning",varName:"--color-warning",class:"bg-warning"},{name:"error",varName:"--color-error",class:"bg-error"},{name:"info",varName:"--color-info",class:"bg-info"},{name:"body",varName:"--color-body",class:"bg-body"},{name:"dark",varName:"--color-dark",class:"bg-dark"},{name:"light",varName:"--color-light",class:"bg-light"},{name:"light-dark",varName:"--color-light-dark",class:"bg-light-dark"}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(s.HeroCard,{title:"Color System",description:"Carefully crafted color palettes that work across all themes and contexts.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(x.Palette,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Brand Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:h.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`${a.name}-${t}`)})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Surfaces",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:g.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`surface-${a.name}-${t}`)})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Text",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-4 sm:gap-6",children:u.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`text-${a.name}-${t}`)})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Status",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:p.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`status-${a.name}-${t}`)})})})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"font-semibold flex items-center gap-2",children:[e.jsx(x.Info,{className:"h-4 w-4"}),"Dynamic Theming"]}),e.jsx("div",{children:"Colors automatically adapt based on the selected theme preset and mode (light/dark)."})]})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Color Spectrum",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Complete color palette with all shades from 0 to 100 for each color spectrum."}),e.jsx("div",{className:"space-y-8",children:N.map(a=>e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg mb-4 capitalize",children:a.name}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-7 md:grid-cols-10 lg:grid-cols-[repeat(13,minmax(0,1fr))] gap-2",children:a.shades.map(r=>{const n=`bg-${a.name}-${r}`,i=`--color-${a.name}-${r}`,m=l(i);return e.jsxs("div",{className:"space-y-1 w-full min-w-[40px]",children:[e.jsx("div",{className:`h-16 w-full rounded border border-border ${n}`,title:`${a.name}-${r}: ${m||i}`}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-xs font-semibold",children:r}),m&&e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[10px]",children:m})]},`${a.name}-${r}-${t}`)})})]},a.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Main Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Primary theme colors used throughout the application. These colors are mapped from semantic colors and adapt to light/dark mode."}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:b.map(a=>{const r=l(a.varName),n=a.name==="body"||a.name==="light"||a.name==="light-dark"?"text-dark dark:text-light":"text-white";return e.jsxs("div",{className:"space-y-2 border border-border rounded-lg p-2",children:[e.jsx("div",{className:`h-20 rounded flex items-center justify-center ${a.class} ${n} border border-border`,title:`${a.name}: var(${a.varName})${r?` = ${r}`:""}`,children:e.jsx(s.Typography,{tag:"h4",className:"text-center px-2 break-all text-xs",children:a.name})}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-xs",children:a.name}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[10px]",children:r}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[9px] mt-1 break-all px-1",children:a.class})]},`main-${a.name}-${t}`)})})]})})})]})]})};exports.default=v;

package/documentation/{CommonErrorsSection-Dy04oSz_.js → CommonErrorsSection-AoMPw2jT.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{variant:"error",icon:e.jsx(t.XCircle,{className:"h-4 w-4"}),title:"useTheme must be used within ThemeProvider",description:"This error occurs when you try to use useTheme outside of ThemeProvider context. Always wrap your application with ThemeProvider first. The ThemeProvider must be at the root level of your application."},{variant:"info",icon:e.jsx(t.Info,{className:"h-4 w-4"}),title:"Layout not rendering correctly",description:"Make sure you're using ThemeProvider instead of trying to use RootLayout directly. ThemeProvider handles all layout logic internally. Also ensure menuItems prop is provided for Admin and Horizontal layouts."},{variant:"warning",icon:e.jsx(t.AlertTriangle,{className:"h-4 w-4"}),title:"Menu items not showing",description:"For Admin and Horizontal layouts, you must provide the menuItems prop. Clean layout does not require menuItems. Ensure each menu item has at least a name and path property."},{variant:"info",icon:e.jsx(t.Info,{className:"h-4 w-4"}),title:"Routing not working as expected?",description:e.jsxs(e.Fragment,{children:["Remember that ThemeProvider includes BrowserRouter internally. If you use customRoutes, make sure to use ",e.jsx("code",{children:"path"})," instead of"," ",e.jsx("code",{children:"href"})," in menuItems. The ",e.jsx("code",{children:"component"})," prop in menuItems is only used for automatic routing. If you provide customRoutes, it takes precedence."]})}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Common Errors and Solutions",description:"Troubleshooting guide for the most frequent layout system issues.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-red-500 via-rose-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Bug,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Common Errors and Solutions"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Troubleshooting guide for the most frequent layout system issues"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Troubleshooting Guide",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-red-500 via-rose-500 to-pink-500 shadow-md",children:e.jsx(t.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Common Issues"})]}),e.jsx("div",{className:"space-y-6",children:o.map((r,i)=>e.jsx(s.Alert,{variant:r.variant,children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[r.icon,r.title]}),e.jsx("div",{className:"text-sm mt-1",children:r.description})]})},i))})]})})})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{variant:"error",icon:e.jsx(t.XCircle,{className:"h-4 w-4"}),title:"useTheme must be used within ThemeProvider",description:"This error occurs when you try to use useTheme outside of ThemeProvider context. Always wrap your application with ThemeProvider first. The ThemeProvider must be at the root level of your application."},{variant:"info",icon:e.jsx(t.Info,{className:"h-4 w-4"}),title:"Layout not rendering correctly",description:"Make sure you're using ThemeProvider instead of trying to use RootLayout directly. ThemeProvider handles all layout logic internally. Also ensure menuItems prop is provided for Admin and Horizontal layouts."},{variant:"warning",icon:e.jsx(t.AlertTriangle,{className:"h-4 w-4"}),title:"Menu items not showing",description:"For Admin and Horizontal layouts, you must provide the menuItems prop. Clean layout does not require menuItems. Ensure each menu item has at least a name and path property."},{variant:"info",icon:e.jsx(t.Info,{className:"h-4 w-4"}),title:"Routing not working as expected?",description:e.jsxs(e.Fragment,{children:["Remember that ThemeProvider includes BrowserRouter internally. If you use customRoutes, make sure to use ",e.jsx("code",{children:"path"})," instead of"," ",e.jsx("code",{children:"href"})," in menuItems. The ",e.jsx("code",{children:"component"})," prop in menuItems is only used for automatic routing. If you provide customRoutes, it takes precedence."]})}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Common Errors and Solutions",description:"Troubleshooting guide for the most frequent layout system issues.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-red-500 via-rose-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Bug,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Common Errors and Solutions"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Troubleshooting guide for the most frequent layout system issues"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Troubleshooting Guide",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-red-500 via-rose-500 to-pink-500 shadow-md",children:e.jsx(t.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Common Issues"})]}),e.jsx("div",{className:"space-y-6",children:o.map((r,i)=>e.jsx(s.Alert,{variant:r.variant,children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[r.icon,r.title]}),e.jsx("div",{className:"text-sm mt-1",children:r.description})]})},i))})]})})})]})};exports.default=n;

package/documentation/{CommonErrorsSection-DQrjcfPF.js → CommonErrorsSection-CmXpo6ir.js}

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { H as n, T as r, C as m, a as l, aj as d } from "../index-19KsCnyX.js";
+import { H as n, T as r, C as m, a as l, aj as d } from "../index-sdOMz8GW.js";
 import { Bug as c, AlertCircle as u, XCircle as h, Info as s, AlertTriangle as p } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ComponentAnatomySection-J7_m5JbP.js → ComponentAnatomySection-CgAPdVTb.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const m=()=>{const t=[{name:"Default",component:e.jsx(s.Button,{children:"Default"})},{name:"Hover",component:e.jsx(s.Button,{className:"hover:bg-primary/90",children:"Hover"})},{name:"Active",component:e.jsx(s.Button,{className:"active:bg-primary/95",children:"Active"})},{name:"Disabled",component:e.jsx(s.Button,{disabled:!0,children:"Disabled"})}],i=[{name:"Solid",component:e.jsx(s.Button,{variant:"solid",children:"Solid"})},{name:"Ghost",component:e.jsx(s.Button,{variant:"ghost",children:"Ghost"})},{name:"Transparent",component:e.jsx(s.Button,{variant:"transparent",children:"Transparent"})}],l=[{name:"Tiny",component:e.jsx(s.Button,{size:"tiny",children:"Tiny"})},{name:"Mini",component:e.jsx(s.Button,{size:"mini",children:"Mini"})},{name:"Small",component:e.jsx(s.Button,{size:"small",children:"Small"})},{name:"Medium",component:e.jsx(s.Button,{size:"medium",children:"Medium"})},{name:"Large",component:e.jsx(s.Button,{size:"large",children:"Large"})}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(s.HeroCard,{title:"Component Anatomy",description:"Understanding component states, variants, and sizes for consistent implementation.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Component,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component States",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-md",children:e.jsx(a.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component States"})]}),e.jsx("div",{className:"flex flex-wrap gap-4 sm:gap-6",children:t.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 shadow-md",children:e.jsx(a.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component Variants"})]}),e.jsx("div",{className:"flex flex-wrap gap-4 sm:gap-6",children:i.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",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 via-cyan-500 to-sky-500 shadow-md",children:e.jsx(a.Maximize,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component Sizes"})]}),e.jsx("div",{className:"flex flex-wrap items-end gap-4 sm:gap-6",children:l.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})})]})]})};exports.default=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const m=()=>{const t=[{name:"Default",component:e.jsx(s.Button,{children:"Default"})},{name:"Hover",component:e.jsx(s.Button,{className:"hover:bg-primary/90",children:"Hover"})},{name:"Active",component:e.jsx(s.Button,{className:"active:bg-primary/95",children:"Active"})},{name:"Disabled",component:e.jsx(s.Button,{disabled:!0,children:"Disabled"})}],i=[{name:"Solid",component:e.jsx(s.Button,{variant:"solid",children:"Solid"})},{name:"Ghost",component:e.jsx(s.Button,{variant:"ghost",children:"Ghost"})},{name:"Transparent",component:e.jsx(s.Button,{variant:"transparent",children:"Transparent"})}],l=[{name:"Tiny",component:e.jsx(s.Button,{size:"tiny",children:"Tiny"})},{name:"Mini",component:e.jsx(s.Button,{size:"mini",children:"Mini"})},{name:"Small",component:e.jsx(s.Button,{size:"small",children:"Small"})},{name:"Medium",component:e.jsx(s.Button,{size:"medium",children:"Medium"})},{name:"Large",component:e.jsx(s.Button,{size:"large",children:"Large"})}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(s.HeroCard,{title:"Component Anatomy",description:"Understanding component states, variants, and sizes for consistent implementation.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Component,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component States",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-md",children:e.jsx(a.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component States"})]}),e.jsx("div",{className:"flex flex-wrap gap-4 sm:gap-6",children:t.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 shadow-md",children:e.jsx(a.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component Variants"})]}),e.jsx("div",{className:"flex flex-wrap gap-4 sm:gap-6",children:i.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",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 via-cyan-500 to-sky-500 shadow-md",children:e.jsx(a.Maximize,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component Sizes"})]}),e.jsx("div",{className:"flex flex-wrap items-end gap-4 sm:gap-6",children:l.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})})]})]})};exports.default=m;

package/documentation/{ComponentAnatomySection-CqMqeGRG.js → ComponentAnatomySection-Don-ymDC.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { H as d, C as s, a as m, T as i, x as a } from "../index-19KsCnyX.js";
+import { H as d, C as s, a as m, T as i, x as a } from "../index-sdOMz8GW.js";
 import { Component as c, Layers as p, Zap as h, Maximize as f } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ComponentStatusSection-FFk0aqBc.js → ComponentStatusSection-DPf7CRlW.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const i=[{name:"Input",status:"complete",features:["label + htmlFor association","aria-required on required fields","aria-invalid on error","aria-describedby for helperText/error","Auto-generated IDs via useId()"]},{name:"Button",status:"complete",features:["aria-busy during loading","aria-label support","aria-describedby support","Loading visually hides text without removing DOM","Focus ring visible on all variants"]},{name:"Modal",status:"partial",features:['role="dialog" + aria-modal="true"',"aria-labelledby + aria-describedby","Escape key closes","Focus restore on close","⚠️ Missing: Focus trapping (Tab can escape)"]},{name:"Drawer",status:"complete",features:['role="dialog" + aria-modal="true"',"Full focus trap (Tab/Shift+Tab cycles)","Escape key closes","Focus first element on open","Focus restore on close"]},{name:"Alert",status:"complete",features:['role="alert"','aria-live="assertive" + aria-atomic',"Dismiss button with aria-label","Supports custom aria-label prop","Dismissible toggle via prop"]},{name:"Tabs",status:"complete",features:['role="tablist" / role="tab" / role="tabpanel"',"aria-selected on active tab","aria-controls linking tab↔panel","ArrowRight/Left + Home/End navigation","tabIndex roving (0 on active, -1 on others)"]},{name:"Select",status:"complete",features:['role="combobox" + aria-haspopup="listbox"','role="listbox" + role="option"',"aria-expanded + aria-activedescendant","Arrow/Enter/Space/Escape keyboard","Focus restore on close"]},{name:"Checkbox",status:"complete",features:["label + htmlFor association","aria-invalid on error","aria-describedby for helperText/error","Auto-generated IDs via useId()","Standard checkbox keyboard (Space)"]}],o=s=>s==="complete"?e.jsx(a.Badge,{variant:"soft",color:"success",size:"small",children:"Complete"}):e.jsx(a.Badge,{variant:"soft",color:"warning",size:"small",children:"Partial"});return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Component Status",description:"Detailed accessibility compliance status for each component — verified against the actual source code implementation.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.ListChecks,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Per-Component Breakdown"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"7 of 8 core components have full accessibility — Modal needs focus trapping"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:i.map(s=>e.jsx(a.CardContainer,{className:"group hover:shadow-large transition-all duration-300",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg",children:s.name}),o(s.status)]}),e.jsx("div",{className:"space-y-1.5",children:s.features.map((r,l)=>e.jsxs("div",{className:"flex items-start gap-2",children:[r.startsWith("⚠️")?e.jsx(t.AlertTriangle,{className:"w-4 h-4 text-amber-500 shrink-0 mt-0.5"}):e.jsx(t.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx(a.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:r.replace("⚠️ ","")})]},l))})]})},s.name))})]})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const i=[{name:"Input",status:"complete",features:["label + htmlFor association","aria-required on required fields","aria-invalid on error","aria-describedby for helperText/error","Auto-generated IDs via useId()"]},{name:"Button",status:"complete",features:["aria-busy during loading","aria-label support","aria-describedby support","Loading visually hides text without removing DOM","Focus ring visible on all variants"]},{name:"Modal",status:"partial",features:['role="dialog" + aria-modal="true"',"aria-labelledby + aria-describedby","Escape key closes","Focus restore on close","⚠️ Missing: Focus trapping (Tab can escape)"]},{name:"Drawer",status:"complete",features:['role="dialog" + aria-modal="true"',"Full focus trap (Tab/Shift+Tab cycles)","Escape key closes","Focus first element on open","Focus restore on close"]},{name:"Alert",status:"complete",features:['role="alert"','aria-live="assertive" + aria-atomic',"Dismiss button with aria-label","Supports custom aria-label prop","Dismissible toggle via prop"]},{name:"Tabs",status:"complete",features:['role="tablist" / role="tab" / role="tabpanel"',"aria-selected on active tab","aria-controls linking tab↔panel","ArrowRight/Left + Home/End navigation","tabIndex roving (0 on active, -1 on others)"]},{name:"Select",status:"complete",features:['role="combobox" + aria-haspopup="listbox"','role="listbox" + role="option"',"aria-expanded + aria-activedescendant","Arrow/Enter/Space/Escape keyboard","Focus restore on close"]},{name:"Checkbox",status:"complete",features:["label + htmlFor association","aria-invalid on error","aria-describedby for helperText/error","Auto-generated IDs via useId()","Standard checkbox keyboard (Space)"]}],o=s=>s==="complete"?e.jsx(a.Badge,{variant:"soft",color:"success",size:"small",children:"Complete"}):e.jsx(a.Badge,{variant:"soft",color:"warning",size:"small",children:"Partial"});return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Component Status",description:"Detailed accessibility compliance status for each component — verified against the actual source code implementation.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.ListChecks,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Per-Component Breakdown"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"7 of 8 core components have full accessibility — Modal needs focus trapping"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:i.map(s=>e.jsx(a.CardContainer,{className:"group hover:shadow-large transition-all duration-300",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg",children:s.name}),o(s.status)]}),e.jsx("div",{className:"space-y-1.5",children:s.features.map((r,l)=>e.jsxs("div",{className:"flex items-start gap-2",children:[r.startsWith("⚠️")?e.jsx(t.AlertTriangle,{className:"w-4 h-4 text-amber-500 shrink-0 mt-0.5"}):e.jsx(t.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx(a.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:r.replace("⚠️ ","")})]},l))})]})},s.name))})]})]})};exports.default=n;

package/documentation/{ComponentStatusSection-Yo0G0loR.js → ComponentStatusSection-DkezShak.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { H as d, T as s, C as m, K as i } from "../index-19KsCnyX.js";
+import { H as d, T as s, C as m, K as i } from "../index-sdOMz8GW.js";
 import { ListChecks as p, AlertTriangle as u, Check as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ComposedChartSection-tNIAiTDy.js → ComposedChartSection-CBsv-jDm.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=[{name:"Jan",revenue:4e3,expenses:2400,profit:1600},{name:"Feb",revenue:3e3,expenses:1398,profit:1602},{name:"Mar",revenue:5e3,expenses:3200,profit:1800},{name:"Apr",revenue:4780,expenses:2908,profit:1872},{name:"May",revenue:5890,expenses:4800,profit:1090},{name:"Jun",revenue:6390,expenses:3800,profit:2590}],t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-base md:text-base font-semibold",children:"ComposedChart"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Composed chart combining line, bar, and area in a single chart for complex data visualization needs."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Bar + Line Combination",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.ComposedChart,{data:s,series:[{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Area + Bar + Line",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.ComposedChart,{data:s,series:[{dataKey:"expenses",name:"Expenses",type:"area"},{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],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 { ComposedChart } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=[{name:"Jan",revenue:4e3,expenses:2400,profit:1600},{name:"Feb",revenue:3e3,expenses:1398,profit:1602},{name:"Mar",revenue:5e3,expenses:3200,profit:1800},{name:"Apr",revenue:4780,expenses:2908,profit:1872},{name:"May",revenue:5890,expenses:4800,profit:1090},{name:"Jun",revenue:6390,expenses:3800,profit:2590}],t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-base md:text-base font-semibold",children:"ComposedChart"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Composed chart combining line, bar, and area in a single chart for complex data visualization needs."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Bar + Line Combination",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.ComposedChart,{data:s,series:[{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Area + Bar + Line",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.ComposedChart,{data:s,series:[{dataKey:"expenses",name:"Expenses",type:"area"},{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],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 { ComposedChart } from '@e-burgos/tucu-ui';
 
 const data = [
   { name: 'Jan', revenue: 4000, expenses: 2400, profit: 1600 },

package/documentation/{ComposedChartSection-hW66uHot.js → ComposedChartSection-X4NGeCGt.js}

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

package/documentation/{CurrencySwapIconsSection-B_bHfyHa.js → CurrencySwapIconsSection-BepWWiI1.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DMs_SmPq.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"CurrencySwapIcons",description:"Component for displaying currency swap pairs with overlapping icons and pair label. Supports all major cryptocurrencies.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-pink-500/50",children:e.jsx(o.ArrowLeftRight,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),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 lg:grid-cols-3 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"BTC to ETH"}),e.jsx(r.CurrencySwapIcons,{from:"BTC",to:"ETH"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"ETH to USDT"}),e.jsx(r.CurrencySwapIcons,{from:"ETH",to:"USDT"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"USDT to BNB"}),e.jsx(r.CurrencySwapIcons,{from:"USDT",to:"BNB"})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"CurrencySwapIcons",defaultValues:{from:"BTC",to:"ETH"},controlOverrides:[{name:"from",type:"select",options:["BTC","ETH","USDT","BNB","USDC","ADA","DOGE"],description:"Source currency"},{name:"to",type:"select",options:["BTC","ETH","USDT","BNB","USDC","ADA","DOGE"],description:"Target currency"}],includeProps:["from","to"],children:s=>e.jsx("div",{className:"w-full flex justify-center",children:e.jsx(r.CurrencySwapIcons,{from:s.from,to:s.to})})}),e.jsx(r.AutoPropsTable,{componentName:"CurrencySwapIcons"}),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 { CurrencySwapIcons } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DEZRGktf.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"CurrencySwapIcons",description:"Component for displaying currency swap pairs with overlapping icons and pair label. Supports all major cryptocurrencies.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-pink-500/50",children:e.jsx(o.ArrowLeftRight,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),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 lg:grid-cols-3 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"BTC to ETH"}),e.jsx(r.CurrencySwapIcons,{from:"BTC",to:"ETH"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"ETH to USDT"}),e.jsx(r.CurrencySwapIcons,{from:"ETH",to:"USDT"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"USDT to BNB"}),e.jsx(r.CurrencySwapIcons,{from:"USDT",to:"BNB"})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"CurrencySwapIcons",defaultValues:{from:"BTC",to:"ETH"},controlOverrides:[{name:"from",type:"select",options:["BTC","ETH","USDT","BNB","USDC","ADA","DOGE"],description:"Source currency"},{name:"to",type:"select",options:["BTC","ETH","USDT","BNB","USDC","ADA","DOGE"],description:"Target currency"}],includeProps:["from","to"],children:s=>e.jsx("div",{className:"w-full flex justify-center",children:e.jsx(r.CurrencySwapIcons,{from:s.from,to:s.to})})}),e.jsx(r.AutoPropsTable,{componentName:"CurrencySwapIcons"}),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 { CurrencySwapIcons } from '@e-burgos/tucu-ui';
 
 <CurrencySwapIcons from="BTC" to="ETH" />
 <CurrencySwapIcons from="ETH" to="USDT" />

package/documentation/{CurrencySwapIconsSection-BBnjn3uo.js → CurrencySwapIconsSection-CZ1XvUi-.js}

@@ -1,5 +1,5 @@
 import { jsxs as e, Fragment as l, jsx as r } from "react/jsx-runtime";
-import { H as t, C as o, a as n, T as a, g as s, P as i, A as m, c as d } from "../index-19KsCnyX.js";
+import { H as t, C as o, a as n, T as a, g as s, P as i, A as m, c as d } from "../index-sdOMz8GW.js";
 import { ArrowLeftRight as p } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{CustomColorPaletteSection-C0QH-Gjh.js → CustomColorPaletteSection-BSJoN737.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as t, T as a, C as d, a as s, c as i, aj as l } from "../index-19KsCnyX.js";
+import { H as t, T as a, C as d, a as s, c as i, aj as l } from "../index-sdOMz8GW.js";
 import { Paintbrush as c } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{CustomColorPaletteSection-DO8oEjzW.js → CustomColorPaletteSection-UCjiV28T.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Custom Color Palette",description:"Override every color layer with hex values to match your brand identity exactly.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Paintbrush,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"Custom Palette Configuration"}),e.jsxs(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:["Provide custom colors via the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"customPaletteColor"})," ","prop on ThemeProvider"]})]}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Usage Example",children:e.jsx(r.CodeBlock,{language:"tsx",code:`<ThemeProvider
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Custom Color Palette",description:"Override every color layer with hex values to match your brand identity exactly.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Paintbrush,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"Custom Palette Configuration"}),e.jsxs(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:["Provide custom colors via the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"customPaletteColor"})," ","prop on ThemeProvider"]})]}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Usage Example",children:e.jsx(r.CodeBlock,{language:"tsx",code:`<ThemeProvider
   menuItems={menuItems}
   customPaletteColor={{
     primary: '#0052ff',           // Hex color or preset name

package/documentation/{CustomIconsSection-BNBsaI1Y.js → CustomIconsSection-CfNuFqVd.js}

@@ -1,6 +1,6 @@
 import { jsxs as o, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { H as p, T as s, C as w, a as u, B as N, E as g, aP as b, aQ as y, f, aR as I, aS as x, aT as C, aU as k, aV as v, aW as S, aX as T, aY as L, aZ as B, a_ as E, a$ as P, b0 as F, b1 as U, b2 as M, b3 as $, b4 as j, b5 as D, b6 as G, b7 as H, b8 as V, b9 as R, ba as W, bb as z, bc as Q, bd as X, be as Y, bf as Z, bg as _, bh as q, bi as A, bj as J, bk as K, bl as O } from "../index-19KsCnyX.js";
+import { H as p, T as s, C as w, a as u, B as N, E as g, aP as b, aQ as y, f, aR as I, aS as x, aT as C, aU as k, aV as v, aW as S, aX as T, aY as L, aZ as B, a_ as E, a$ as P, b0 as F, b1 as U, b2 as M, b3 as $, b4 as j, b5 as D, b6 as G, b7 as H, b8 as V, b9 as R, ba as W, bb as z, bc as Q, bd as X, be as Y, bf as Z, bg as _, bh as q, bi as A, bj as J, bk as K, bl as O } from "../index-sdOMz8GW.js";
 import { Palette as aa, Coins as ea, Layout as oa, Share2 as na, Component as sa } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{CustomIconsSection-BASoblRw.js → CustomIconsSection-DGOVttgE.js}

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),o=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const h=()=>{const[m,t]=d.useState(null),r=[{category:"Blockchain & Crypto",description:"Cryptocurrency and blockchain platform icons",icon:e.jsx(n.Coins,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-yellow-500 via-orange-500 to-amber-500",icons:[{name:"Bitcoin",component:e.jsx(o.Bitcoin,{className:"w-6 h-6"})},{name:"Ethereum",component:e.jsx(o.Ethereum,{className:"w-6 h-6"})},{name:"Bnb",component:e.jsx(o.Bnb,{className:"w-6 h-6"})},{name:"Cardano",component:e.jsx(o.Cardano,{className:"w-6 h-6"})},{name:"Tether",component:e.jsx(o.Tether,{className:"w-6 h-6"})},{name:"Usdc",component:e.jsx(o.Usdc,{className:"w-6 h-6"})},{name:"Doge",component:e.jsx(o.Doge,{className:"w-6 h-6"})},{name:"Flow",component:e.jsx(o.Flow,{className:"w-6 h-6"})}]},{category:"Layout Controls",description:"Icons for layout switching and theme selection",icon:e.jsx(n.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-indigo-500 to-purple-500",icons:[{name:"ClassicLayoutIcon",component:e.jsx(o.ClassicLayoutIcon,{className:"w-6 h-6"})},{name:"MinimalLayoutIcon",component:e.jsx(o.MinimalLayoutIcon,{className:"w-6 h-6"})},{name:"ModernLayoutIcon",component:e.jsx(o.ModernLayoutIcon,{className:"w-6 h-6"})},{name:"RetroLayoutIcon",component:e.jsx(o.RetroLayoutIcon,{className:"w-6 h-6"})}]},{category:"Social Brands",description:"Social media platform brand icons",icon:e.jsx(n.Share2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-pink-500 via-rose-500 to-red-500",icons:[{name:"Github",component:e.jsx(o.Github,{className:"w-6 h-6"})},{name:"Twitter",component:e.jsx(o.Twitter,{className:"w-6 h-6"})},{name:"Facebook",component:e.jsx(o.Facebook,{className:"w-6 h-6"})},{name:"Instagram",component:e.jsx(o.Instagram,{className:"w-6 h-6"})},{name:"Telegram",component:e.jsx(o.Telegram,{className:"w-6 h-6"})}]},{category:"UI Elements",description:"Common interface and utility icons",icon:e.jsx(n.Component,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",icons:[{name:"Tucu",component:e.jsx(o.Tucu,{className:"w-6 h-6"})},{name:"HomeIcon",component:e.jsx(o.HomeIcon,{className:"w-6 h-6"})},{name:"SearchIcon",component:e.jsx(o.SearchIcon,{className:"w-6 h-6"})},{name:"Sun",component:e.jsx(o.Sun,{className:"w-6 h-6"})},{name:"Moon",component:e.jsx(o.Moon,{className:"w-6 h-6"})},{name:"Check",component:e.jsx(o.Check,{className:"w-6 h-6"})},{name:"Close",component:e.jsx(o.Close,{className:"w-6 h-6"})},{name:"Plus",component:e.jsx(o.Plus,{className:"w-6 h-6"})},{name:"Star",component:e.jsx(o.Star,{className:"w-6 h-6"})},{name:"StarFill",component:e.jsx(o.StarFill,{className:"w-6 h-6"})},{name:"Verified",component:e.jsx(o.Verified,{className:"w-6 h-6"})},{name:"Warning",component:e.jsx(o.Warning,{className:"w-6 h-6"})},{name:"InfoCircle",component:e.jsx(o.InfoCircle,{className:"w-6 h-6"})},{name:"DocumentIcon",component:e.jsx(o.DocumentIcon,{className:"w-6 h-6"})},{name:"BookIcon",component:e.jsx(o.BookIcon,{className:"w-6 h-6"})},{name:"PlayIcon",component:e.jsx(o.PlayIcon,{className:"w-6 h-6"})},{name:"ProfileIcon",component:e.jsx(o.ProfileIcon,{className:"w-6 h-6"})},{name:"EyeIcon",component:e.jsx(o.EyeIcon,{className:"w-6 h-6"})},{name:"EyeSlashIcon",component:e.jsx(o.EyeSlashIcon,{className:"w-6 h-6"})},{name:"LockIcon",component:e.jsx(o.LockIcon,{className:"w-6 h-6"})},{name:"Unlocked",component:e.jsx(o.Unlocked,{className:"w-6 h-6"})}]}],l=a=>{const c=`import { ${a} } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),o=require("../index-DEZRGktf.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const h=()=>{const[m,t]=d.useState(null),r=[{category:"Blockchain & Crypto",description:"Cryptocurrency and blockchain platform icons",icon:e.jsx(n.Coins,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-yellow-500 via-orange-500 to-amber-500",icons:[{name:"Bitcoin",component:e.jsx(o.Bitcoin,{className:"w-6 h-6"})},{name:"Ethereum",component:e.jsx(o.Ethereum,{className:"w-6 h-6"})},{name:"Bnb",component:e.jsx(o.Bnb,{className:"w-6 h-6"})},{name:"Cardano",component:e.jsx(o.Cardano,{className:"w-6 h-6"})},{name:"Tether",component:e.jsx(o.Tether,{className:"w-6 h-6"})},{name:"Usdc",component:e.jsx(o.Usdc,{className:"w-6 h-6"})},{name:"Doge",component:e.jsx(o.Doge,{className:"w-6 h-6"})},{name:"Flow",component:e.jsx(o.Flow,{className:"w-6 h-6"})}]},{category:"Layout Controls",description:"Icons for layout switching and theme selection",icon:e.jsx(n.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-indigo-500 to-purple-500",icons:[{name:"ClassicLayoutIcon",component:e.jsx(o.ClassicLayoutIcon,{className:"w-6 h-6"})},{name:"MinimalLayoutIcon",component:e.jsx(o.MinimalLayoutIcon,{className:"w-6 h-6"})},{name:"ModernLayoutIcon",component:e.jsx(o.ModernLayoutIcon,{className:"w-6 h-6"})},{name:"RetroLayoutIcon",component:e.jsx(o.RetroLayoutIcon,{className:"w-6 h-6"})}]},{category:"Social Brands",description:"Social media platform brand icons",icon:e.jsx(n.Share2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-pink-500 via-rose-500 to-red-500",icons:[{name:"Github",component:e.jsx(o.Github,{className:"w-6 h-6"})},{name:"Twitter",component:e.jsx(o.Twitter,{className:"w-6 h-6"})},{name:"Facebook",component:e.jsx(o.Facebook,{className:"w-6 h-6"})},{name:"Instagram",component:e.jsx(o.Instagram,{className:"w-6 h-6"})},{name:"Telegram",component:e.jsx(o.Telegram,{className:"w-6 h-6"})}]},{category:"UI Elements",description:"Common interface and utility icons",icon:e.jsx(n.Component,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",icons:[{name:"Tucu",component:e.jsx(o.Tucu,{className:"w-6 h-6"})},{name:"HomeIcon",component:e.jsx(o.HomeIcon,{className:"w-6 h-6"})},{name:"SearchIcon",component:e.jsx(o.SearchIcon,{className:"w-6 h-6"})},{name:"Sun",component:e.jsx(o.Sun,{className:"w-6 h-6"})},{name:"Moon",component:e.jsx(o.Moon,{className:"w-6 h-6"})},{name:"Check",component:e.jsx(o.Check,{className:"w-6 h-6"})},{name:"Close",component:e.jsx(o.Close,{className:"w-6 h-6"})},{name:"Plus",component:e.jsx(o.Plus,{className:"w-6 h-6"})},{name:"Star",component:e.jsx(o.Star,{className:"w-6 h-6"})},{name:"StarFill",component:e.jsx(o.StarFill,{className:"w-6 h-6"})},{name:"Verified",component:e.jsx(o.Verified,{className:"w-6 h-6"})},{name:"Warning",component:e.jsx(o.Warning,{className:"w-6 h-6"})},{name:"InfoCircle",component:e.jsx(o.InfoCircle,{className:"w-6 h-6"})},{name:"DocumentIcon",component:e.jsx(o.DocumentIcon,{className:"w-6 h-6"})},{name:"BookIcon",component:e.jsx(o.BookIcon,{className:"w-6 h-6"})},{name:"PlayIcon",component:e.jsx(o.PlayIcon,{className:"w-6 h-6"})},{name:"ProfileIcon",component:e.jsx(o.ProfileIcon,{className:"w-6 h-6"})},{name:"EyeIcon",component:e.jsx(o.EyeIcon,{className:"w-6 h-6"})},{name:"EyeSlashIcon",component:e.jsx(o.EyeSlashIcon,{className:"w-6 h-6"})},{name:"LockIcon",component:e.jsx(o.LockIcon,{className:"w-6 h-6"})},{name:"Unlocked",component:e.jsx(o.Unlocked,{className:"w-6 h-6"})}]}],l=a=>{const c=`import { ${a} } from '@e-burgos/tucu-ui';
 
 <${a} className="w-6 h-6" />`;navigator.clipboard.writeText(c),t(a),setTimeout(()=>t(null),2e3)};return e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"Custom Tucu Icons",description:"96 hand-crafted SVG icons designed for tucu-ui. Includes blockchain/crypto, layout controls, social brands, and UI elements — all importable as named exports.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-pink-500 to-rose-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.Palette,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(o.Typography,{tag:"h2",className:"mb-2",children:"Icon Gallery"}),e.jsx(o.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Click any icon to copy its import code"})]}),e.jsx("div",{className:"space-y-6",children:r.map((a,c)=>e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:a.category,className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`p-2 rounded-lg bg-linear-to-br ${a.color} shadow-lg`,children:a.icon}),e.jsxs("div",{children:[e.jsx(o.Typography,{tag:"h3",className:"text-base font-semibold",children:a.category}),e.jsx(o.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:a.description})]})]}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-4",children:a.icons.map((s,i)=>e.jsxs("div",{className:"flex flex-col items-center gap-2 p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer group relative",onClick:()=>l(s.name),title:`Click to copy: ${s.name}`,children:[e.jsx("div",{className:"text-gray-700 dark:text-gray-300 group-hover:text-brand transition-colors",children:s.component}),e.jsx(o.Typography,{tag:"span",className:"text-xs text-center text-gray-500 dark:text-gray-400",children:s.name}),m===s.name&&e.jsx("div",{className:"absolute -top-8 left-1/2 transform -translate-x-1/2 px-2 py-1 bg-green-500 text-white text-xs rounded whitespace-nowrap z-10",children:"Copied!"})]},i))})]})})},c))})]})]})};exports.default=h;

package/documentation/{DefiAppLogoSection-bB5g79Z4.js → DefiAppLogoSection-BaIRfLgN.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as c, C as s, a as o, T as l, ai as t, y as d, c as p, P as m, ah as h, A as f } from "../index-19KsCnyX.js";
+import { H as c, C as s, a as o, T as l, ai as t, y as d, c as p, P as m, ah as h, A as f } from "../index-sdOMz8GW.js";
 import { Diamond as g } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{DefiAppLogoSection-CJ_WaEEM.js → DefiAppLogoSection-LFPk9cWj.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[{key:"prop",label:"Prop",render:i=>e.jsx("code",{className:"text-xs text-brand",children:String(i)})},{key:"type",label:"Type",render:i=>e.jsx("code",{className:"text-xs",children:String(i)})},{key:"default",label:"Default",render:i=>{const t=String(i);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],r=[{prop:"...SVGAttributes",type:"React.SVGAttributes<SVGElement>",default:"-",description:"All standard SVG attributes are supported"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"DefiAppLogo",description:`An animated brain-inspired logo component designed for DeFi
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[{key:"prop",label:"Prop",render:i=>e.jsx("code",{className:"text-xs text-brand",children:String(i)})},{key:"type",label:"Type",render:i=>e.jsx("code",{className:"text-xs",children:String(i)})},{key:"default",label:"Default",render:i=>{const t=String(i);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],r=[{prop:"...SVGAttributes",type:"React.SVGAttributes<SVGElement>",default:"-",description:"All standard SVG attributes are supported"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"DefiAppLogo",description:`An animated brain-inspired logo component designed for DeFi
           applications, featuring pulsing nodes and signal flows that represent
           financial data processing.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-rose-600 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Diamond,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Animated Logo"}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(s.DefiAppLogo,{width:100,height:100})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"flex items-center gap-4 flex-wrap justify-center",children:[e.jsx(s.DefiAppLogo,{width:60,height:60}),e.jsx(s.DefiAppLogo,{width:100,height:100}),e.jsx(s.DefiAppLogo,{width:150,height:150})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Classes"}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(s.DefiAppLogo,{width:120,height:120,className:"opacity-90 hover:opacity-100 transition-opacity"})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:a,data:r})})})}),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 { DefiAppLogo } from '@e-burgos/tucu-ui';
 

package/documentation/DeploymentSection-9_BZ7p6z.js

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DEZRGktf.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(r.HeroCard,{title:"Self-Hosting & Deployment",description:"Deploy the MCP server to Docker, Fly.io, or any container platform for team-wide access.",icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-sky-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Cloud,{className:"w-8 h-8 sm:w-10 sm:h-10 text-white"})})}),e.jsx(r.CardContainer,{children:e.jsxs(r.CardTitle,{title:"Live Instance",children:[e.jsx(r.Typography,{className:"text-sm text-foreground/70 mb-3",children:"A public instance is available for testing and evaluation:"}),e.jsxs("div",{className:"p-4 rounded-lg border border-emerald-500/20 bg-emerald-500/5 flex items-center gap-3",children:[e.jsx(r.Badge,{variant:"soft",className:"bg-emerald-500/10 text-emerald-500",children:"LIVE"}),e.jsx("code",{className:"text-sm font-mono text-emerald-600 dark:text-emerald-400",children:"https://tucu-ui-mcp.fly.dev"})]})]})}),e.jsx(r.CardContainer,{children:e.jsxs(r.CardTitle,{title:"Docker",children:[e.jsx(r.Typography,{className:"text-sm text-foreground/70 mb-3",children:"Run with Docker Compose or standalone:"}),e.jsx(r.CodeBlock,{code:`# Using Docker Compose (recommended)
+docker compose up -d
+
+# Or build and run manually
+docker build -t tucu-ui-mcp .
+docker run -d \\
+  --name tucu-ui-mcp \\
+  -p 3100:3100 \\
+  -e MCP_API_KEY=your-secret-key \\
+  tucu-ui-mcp`})]})}),e.jsx(r.CardContainer,{children:e.jsxs(r.CardTitle,{title:"Fly.io",children:[e.jsx(r.Typography,{className:"text-sm text-foreground/70 mb-3",children:"Deploy to Fly.io for a globally-distributed instance:"}),e.jsx(r.CodeBlock,{code:`# Initial setup
+fly launch --name tucu-ui-mcp --region iad
+
+# Set secrets
+fly secrets set MCP_API_KEY=your-secret-key
+
+# Deploy
+fly deploy
+
+# Check status
+fly status
+fly logs`})]})}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Environment Variables",children:e.jsx(r.BasicTable,{columns:[{key:"variable",label:"Variable",render:t=>e.jsx("code",{className:"px-1.5 py-0.5 bg-muted rounded text-xs font-mono",children:String(t)})},{key:"default",label:"Default"},{key:"description",label:"Description"}],data:[{variable:"PORT",default:"3100",description:"HTTP server port"},{variable:"MCP_API_KEY",default:"—",description:"Bearer token for authentication (required in production)"},{variable:"NODE_ENV",default:"production",description:"Environment mode"},{variable:"RATE_LIMIT_MAX",default:"100",description:"Max requests per minute per IP"}]})})}),e.jsx(r.CardContainer,{children:e.jsxs(r.CardTitle,{title:"Docker Compose File",children:[e.jsxs(r.Typography,{className:"text-sm text-foreground/70 mb-3",children:["Reference"," ",e.jsx("code",{className:"px-1.5 py-0.5 bg-muted rounded text-xs font-mono",children:"docker-compose.yml"}),":"]}),e.jsx(r.CodeBlock,{code:`version: '3.8'
+services:
+  mcp-server:
+    build: .
+    ports:
+      - "3100:3100"
+    environment:
+      - PORT=3100
+      - MCP_API_KEY=\${MCP_API_KEY}
+      - NODE_ENV=production
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:3100/health"]
+      interval: 30s
+      timeout: 10s
+      retries: 3`})]})})]});exports.default=o;