@e-burgos/tucu-ui 2.0.1 → 2.0.3

package/CoinInfoCardSection-CjRAyTbo.mjs

@@ -1,174 +0,0 @@
-import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { T as l, C as i, a as r, f as t, B as m, c as d } from "./index-DAzR4tRy.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { b as s, e as p } from "./tether-DaYvmdAU.mjs";
-const v = () => /* @__PURE__ */ a(c, { children: [
-  /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(l, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CoinInfoCard" }),
-    /* @__PURE__ */ e(
-      l,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Compact card component for displaying coin information with icon, name, and balance."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ a(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Basic Coin Info" }),
-      /* @__PURE__ */ e(
-        t,
-        {
-          item: {
-            id: "bitcoin",
-            name: "Bitcoin",
-            logo: s,
-            balance: "1.25 BTC"
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Coin Type" }),
-      /* @__PURE__ */ e(
-        t,
-        {
-          item: {
-            id: "ethereum",
-            name: "Ethereum",
-            logo: p,
-            balance: "5.5 ETH",
-            coinType: "ERC-20"
-          }
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-    /* @__PURE__ */ a(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Small (default)" }),
-      /* @__PURE__ */ e(
-        t,
-        {
-          item: {
-            id: "bitcoin",
-            name: "Bitcoin",
-            logo: s,
-            balance: "1.25 BTC"
-          },
-          variant: "small"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Medium" }),
-      /* @__PURE__ */ e(
-        t,
-        {
-          item: {
-            id: "bitcoin",
-            name: "Bitcoin",
-            logo: s,
-            balance: "1.25 BTC"
-          },
-          variant: "medium"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Large" }),
-      /* @__PURE__ */ e(
-        t,
-        {
-          item: {
-            id: "bitcoin",
-            name: "Bitcoin",
-            logo: s,
-            balance: "1.25 BTC"
-          },
-          variant: "large"
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    m,
-    {
-      columns: [
-        {
-          key: "prop",
-          label: "Prop",
-          render: (n) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(n) })
-        },
-        {
-          key: "type",
-          label: "Type",
-          render: (n) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(n) })
-        },
-        {
-          key: "default",
-          label: "Default",
-          render: (n) => {
-            const o = String(n);
-            return o === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: o });
-          }
-        },
-        {
-          key: "description",
-          label: "Description"
-        }
-      ],
-      data: [
-        {
-          prop: "item",
-          type: "ItemType",
-          default: "required",
-          description: "Coin information object"
-        },
-        {
-          prop: "className",
-          type: "string",
-          default: "''",
-          description: "Custom CSS classes for the card"
-        },
-        {
-          prop: "variant",
-          type: "'small' | 'medium' | 'large'",
-          default: "'small'",
-          description: "Size variant of the coin icon"
-        },
-        {
-          prop: "imageClassName",
-          type: "string",
-          default: "'bg-brand rounded p-1'",
-          description: "Custom CSS classes for the coin image"
-        }
-      ]
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    d,
-    {
-      language: "tsx",
-      code: `import { CoinInfoCard } from '@e-burgos/tucu-ui';
-
-<CoinInfoCard
-  item={{
-    id: 'bitcoin',
-    name: 'Bitcoin',
-    logo: '/icons/bitcoin.svg',
-    balance: '1.25 BTC',
-    coinType: 'ERC-20', // Optional
-  }}
-  variant="small" // 'small' | 'medium' | 'large'
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  v as default
-};

package/CoinInfoCardSection-ovl-rosk.js

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=require("./tether-EofDinu3.js"),l=()=>{const n=[{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 r=String(i);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{key:"description",label:"Description"}],t=[{prop:"item",type:"ItemType",default:"required",description:"Coin information object"},{prop:"className",type:"string",default:"''",description:"Custom CSS classes for the card"},{prop:"variant",type:"'small' | 'medium' | 'large'",default:"'small'",description:"Size variant of the coin icon"},{prop:"imageClassName",type:"string",default:"'bg-brand rounded p-1'",description:"Custom CSS classes for the coin image"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CoinInfoCard"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Compact card component for displaying coin information with icon, name, and balance."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Coin Info"}),e.jsx(a.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:s.bitcoinImg,balance:"1.25 BTC"}})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Coin Type"}),e.jsx(a.CoinInfoCard,{item:{id:"ethereum",name:"Ethereum",logo:s.ethereumImg,balance:"5.5 ETH",coinType:"ERC-20"}})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Small (default)"}),e.jsx(a.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:s.bitcoinImg,balance:"1.25 BTC"},variant:"small"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Medium"}),e.jsx(a.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:s.bitcoinImg,balance:"1.25 BTC"},variant:"medium"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Large"}),e.jsx(a.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:s.bitcoinImg,balance:"1.25 BTC"},variant:"large"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:n,data:t})})})}),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 { CoinInfoCard } from '@e-burgos/tucu-ui';
-
-<CoinInfoCard
-  item={{
-    id: 'bitcoin',
-    name: 'Bitcoin',
-    logo: '/icons/bitcoin.svg',
-    balance: '1.25 BTC',
-    coinType: 'ERC-20', // Optional
-  }}
-  variant="small" // 'small' | 'medium' | 'large'
-/>`})})})})]})};exports.default=l;

package/CoinListBoxSection-B2QHwxIz.js

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),s=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react-dom");function l({className:a,coins:i,selectedCoin:r,setSelectedCoin:c,disabled:n}){return e.jsx("div",{className:s.cn("relative",a),children:e.jsxs(s.Mo,{value:r,onChange:c,disabled:n,children:[e.jsxs(s.Mo.Button,{className:s.cn("flex h-11 w-full items-center justify-between whitespace-nowrap dark:bg-light-dark bg-white border border-gray-100 dark:border-gray-700 px-4 pl-3 text-sm text-gray-900 rounded-lg dark:text-white sm:h-13 sm:pl-4",n&&"cursor-not-allowed opacity-50"),children:[e.jsxs("div",{className:"flex items-center gap-3 font-medium ltr:mr-2 rtl:ml-2",children:[e.jsx("span",{className:"sm:*:h-[30px] sm:*:w-[30px]",children:r.icon}),r.code]}),e.jsx(s.ChevronDown,{})]}),e.jsx(s.Ke,{as:d.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:e.jsx(s.Mo.Options,{className:"absolute -left-px -right-px z-50 mt-2 origin-top-right rounded-lg bg-white p-3 shadow-large dark:bg-gray-800",children:i?.map(t=>e.jsx(s.Mo.Option,{value:t,children:({selected:o})=>e.jsxs("span",{className:`my-1 flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium text-gray-900 transition dark:text-white  ${o?"my-1 bg-gray-100 dark:bg-dark":"hover:bg-gray-50 dark:hover:bg-gray-700"}`,children:[t.icon,t.name]})},t.code))})})]})})}const m=()=>{const[a,i]=d.useState({icon:e.jsx(s.Bitcoin,{className:"w-6 h-6"}),code:"BTC",name:"Bitcoin",price:45e3}),r=[{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}],c=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>{const o=String(t);return o==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:o})}},{key:"description",label:"Description"}],n=[{prop:"coins",type:"CoinTypes[]",default:"required",description:"Array of available coins"},{prop:"selectedCoin",type:"CoinTypes",default:"required",description:"Currently selected coin"},{prop:"setSelectedCoin",type:"(coin: CoinTypes) => void",default:"required",description:"Callback when coin selection changes"},{prop:"className",type:"string",default:"''",description:"Custom CSS classes"},{prop:"disabled",type:"boolean",default:"false",description:"Disables the listbox"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CoinListBox"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Dropdown listbox component for selecting cryptocurrencies with icons and names."})]}),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(l,{coins:r,selectedCoin:a,setSelectedCoin:i,className:"z-50"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(l,{coins:r,selectedCoin:a,setSelectedCoin:i,disabled:!0})]})]})})})}),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:c,data:n})})})}),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 = [
-  {
-    icon: <Bitcoin />,
-    code: 'BTC',
-    name: 'Bitcoin',
-    price: 45000,
-  },
-  {
-    icon: <Ethereum />,
-    code: 'ETH',
-    name: 'Ethereum',
-    price: 3000,
-  },
-];
-
-const [selectedCoin, setSelectedCoin] = useState(coins[0]);
-
-<CoinListBox
-  coins={coins}
-  selectedCoin={selectedCoin}
-  setSelectedCoin={setSelectedCoin}
-/>`})})})})]})};exports.default=m;

package/CoinListBoxSection-DjMGIbvd.mjs

@@ -1,219 +0,0 @@
-import { jsx as e, jsxs as t, Fragment as g } from "react/jsx-runtime";
-import { Fragment as y, useState as b } from "react";
-import { g as h, M as c, h as C, K as N, d as u, T as l, C as i, a as m, B as f, c as w, E as B, i as v } from "./index-DAzR4tRy.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react-dom";
-function x({
-  className: r,
-  coins: o,
-  selectedCoin: s,
-  setSelectedCoin: p,
-  disabled: d
-}) {
-  return /* @__PURE__ */ e("div", { className: h("relative", r), children: /* @__PURE__ */ t(
-    c,
-    {
-      value: s,
-      onChange: p,
-      disabled: d,
-      children: [
-        /* @__PURE__ */ t(
-          c.Button,
-          {
-            className: h(
-              "flex h-11 w-full items-center justify-between whitespace-nowrap dark:bg-light-dark bg-white border border-gray-100 dark:border-gray-700 px-4 pl-3 text-sm text-gray-900 rounded-lg dark:text-white sm:h-13 sm:pl-4",
-              d && "cursor-not-allowed opacity-50"
-            ),
-            children: [
-              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 font-medium ltr:mr-2 rtl:ml-2", children: [
-                /* @__PURE__ */ e("span", { className: "sm:*:h-[30px] sm:*:w-[30px]", children: s.icon }),
-                s.code
-              ] }),
-              /* @__PURE__ */ e(C, {})
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          N,
-          {
-            as: y,
-            leave: "transition ease-in duration-100",
-            leaveFrom: "opacity-100",
-            leaveTo: "opacity-0",
-            children: /* @__PURE__ */ e(c.Options, { className: "absolute -left-px -right-px z-50 mt-2 origin-top-right rounded-lg bg-white p-3 shadow-large dark:bg-gray-800", children: o?.map((a) => /* @__PURE__ */ e(c.Option, { value: a, children: ({ selected: n }) => /* @__PURE__ */ t(
-              "span",
-              {
-                className: `my-1 flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium text-gray-900 transition dark:text-white  ${n ? "my-1 bg-gray-100 dark:bg-dark" : "hover:bg-gray-50 dark:hover:bg-gray-700"}`,
-                children: [
-                  a.icon,
-                  a.name
-                ]
-              }
-            ) }, a.code)) })
-          }
-        )
-      ]
-    }
-  ) });
-}
-const q = () => {
-  const [r, o] = b({
-    icon: /* @__PURE__ */ e(u, { className: "w-6 h-6" }),
-    code: "BTC",
-    name: "Bitcoin",
-    price: 45e3
-  }), s = [
-    {
-      icon: /* @__PURE__ */ e(u, { className: "w-6 h-6" }),
-      code: "BTC",
-      name: "Bitcoin",
-      price: 45e3
-    },
-    {
-      icon: /* @__PURE__ */ e(B, { className: "w-6 h-6" }),
-      code: "ETH",
-      name: "Ethereum",
-      price: 3e3
-    },
-    {
-      icon: /* @__PURE__ */ e(v, { className: "w-6 h-6" }),
-      code: "USDT",
-      name: "Tether",
-      price: 1
-    }
-  ];
-  return /* @__PURE__ */ t(g, { children: [
-    /* @__PURE__ */ t("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CoinListBox" }),
-      /* @__PURE__ */ e(
-        l,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "Dropdown listbox component for selecting cryptocurrencies with icons and names."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(i, { className: "", children: /* @__PURE__ */ e(m, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ t(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Basic ListBox" }),
-        /* @__PURE__ */ e(
-          x,
-          {
-            coins: s,
-            selectedCoin: r,
-            setSelectedCoin: o,
-            className: "z-50"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ e(
-          x,
-          {
-            coins: s,
-            selectedCoin: r,
-            setSelectedCoin: o,
-            disabled: !0
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(m, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      f,
-      {
-        columns: [
-          {
-            key: "prop",
-            label: "Prop",
-            render: (a) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(a) })
-          },
-          {
-            key: "type",
-            label: "Type",
-            render: (a) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(a) })
-          },
-          {
-            key: "default",
-            label: "Default",
-            render: (a) => {
-              const n = String(a);
-              return n === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: n });
-            }
-          },
-          {
-            key: "description",
-            label: "Description"
-          }
-        ],
-        data: [
-          {
-            prop: "coins",
-            type: "CoinTypes[]",
-            default: "required",
-            description: "Array of available coins"
-          },
-          {
-            prop: "selectedCoin",
-            type: "CoinTypes",
-            default: "required",
-            description: "Currently selected coin"
-          },
-          {
-            prop: "setSelectedCoin",
-            type: "(coin: CoinTypes) => void",
-            default: "required",
-            description: "Callback when coin selection changes"
-          },
-          {
-            prop: "className",
-            type: "string",
-            default: "''",
-            description: "Custom CSS classes"
-          },
-          {
-            prop: "disabled",
-            type: "boolean",
-            default: "false",
-            description: "Disables the listbox"
-          }
-        ]
-      }
-    ) }) }) }),
-    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(m, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      w,
-      {
-        language: "tsx",
-        code: `import { CoinListBox } from '@e-burgos/tucu-ui';
-
-const coins = [
-  {
-    icon: <Bitcoin />,
-    code: 'BTC',
-    name: 'Bitcoin',
-    price: 45000,
-  },
-  {
-    icon: <Ethereum />,
-    code: 'ETH',
-    name: 'Ethereum',
-    price: 3000,
-  },
-];
-
-const [selectedCoin, setSelectedCoin] = useState(coins[0]);
-
-<CoinListBox
-  coins={coins}
-  selectedCoin={selectedCoin}
-  setSelectedCoin={setSelectedCoin}
-/>`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  q as default
-};

package/CollapseSection-DiaVKxub.js

@@ -1,27 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const t=[{key:"prop",label:"Prop",render:l=>e.jsx("code",{className:"text-xs text-brand",children:String(l)})},{key:"type",label:"Type",render:l=>e.jsx("code",{className:"text-xs",children:String(l)})},{key:"default",label:"Default",render:l=>{const s=String(l);return s==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:s})}},{key:"description",label:"Description"}],i=[{prop:"label",type:"string",default:"required",description:"Label text for the collapse header"},{prop:"initialOpen",type:"boolean",default:"false",description:"Whether the collapse is initially open"},{prop:"className",type:"string",default:"-",description:"Additional CSS classes"},{prop:"children",type:"React.ReactNode",default:"required",description:"Content to display when expanded"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Collapse"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A collapsible content panel component with smooth animations for showing and hiding content."})]}),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.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:t,data:i})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Collapse, Typography } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<Collapse label="Click to expand">
-  <div className="p-4">
-    <Typography tag="p">Content here</Typography>
-  </div>
-</Collapse>
-
-// Initially open
-<Collapse label="Pre-expanded" initialOpen>
-  <div className="p-4">
-    <Typography tag="p">Content starts visible</Typography>
-  </div>
-</Collapse>
-
-// With rich content
-<Collapse label="Rich Content">
-  <div className="p-4 space-y-2">
-    <Typography tag="p" className="font-semibold">Title</Typography>
-    <Typography tag="p">Description</Typography>
-    <ul className="list-disc list-inside">
-      <li>Item 1</li>
-      <li>Item 2</li>
-    </ul>
-  </div>
-</Collapse>`})})})})]})};exports.default=n;

package/CollectionCardSection-BJj1vyoE.mjs

@@ -1,103 +0,0 @@
-import { jsxs as o, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as c, C as t, a as l, e as i, B as n, c as d } from "./index-DAzR4tRy.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { c as m } from "./collection-1-NeFANkbk.mjs";
-import { a as p } from "./1-Df9CGZha.mjs";
-const w = () => /* @__PURE__ */ o(s, { children: [
-  /* @__PURE__ */ o("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(c, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CollectionCard" }),
-    /* @__PURE__ */ e(
-      c,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "NFT collection preview with statistics, cover image, and creator information for marketplace interfaces."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: /* @__PURE__ */ e(i, { item: {
-    id: "collection-1",
-    name: "Crypto Punks",
-    slug: "crypto-punks",
-    title: "Crypto Punks Collection",
-    cover_image: m,
-    number_of_artwork: 42,
-    user: {
-      avatar: p,
-      name: "CryptoPunk Studio",
-      slug: "cryptopunk-studio"
-    }
-  } }) }) }) }) }),
-  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    n,
-    {
-      columns: [
-        {
-          key: "prop",
-          label: "Prop",
-          render: (a) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(a) })
-        },
-        {
-          key: "type",
-          label: "Type",
-          render: (a) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(a) })
-        },
-        {
-          key: "default",
-          label: "Default",
-          render: (a) => {
-            const r = String(a);
-            return r === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: r });
-          }
-        },
-        {
-          key: "description",
-          label: "Description"
-        }
-      ],
-      data: [
-        {
-          prop: "item",
-          type: "ItemType",
-          default: "required",
-          description: "Collection data object"
-        },
-        {
-          prop: "className",
-          type: "string",
-          default: "''",
-          description: "Custom CSS classes for the card"
-        }
-      ]
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    d,
-    {
-      language: "tsx",
-      code: `import { CollectionCard } from '@e-burgos/tucu-ui';
-
-const collectionData = {
-  id: 'bayc',
-  name: 'BAYC',
-  slug: 'bored-ape-yacht-club',
-  title: 'Bored Ape Yacht Club',
-  cover_image: '/collections/bayc-banner.jpg',
-  number_of_artwork: 10000,
-   user: {
-    avatar: '/avatars/bayc-creator.jpg',
-    name: 'Yuga Labs',
-    slug: 'yuga-labs',
-  },
-};
-
-<CollectionCard item={collectionData} className="w-full max-w-sm" />`
-    }
-  ) }) }) })
-] });
-export {
-  w as default
-};

package/CollectionCardSection-Dt28fA3n.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=require("./collection-1-BIsLOX9N.js"),i=require("./1-CArqgiQa.js"),n=()=>{const l={id:"collection-1",name:"Crypto Punks",slug:"crypto-punks",title:"Crypto Punks Collection",cover_image:o.collection1Img,number_of_artwork:42,user:{avatar:i.avatar1Img,name:"CryptoPunk Studio",slug:"cryptopunk-studio"}},s=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>{const r=String(t);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{key:"description",label:"Description"}],c=[{prop:"item",type:"ItemType",default:"required",description:"Collection data object"},{prop:"className",type:"string",default:"''",description:"Custom CSS classes for the card"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CollectionCard"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"NFT collection preview with statistics, cover image, and creator information for marketplace interfaces."})]}),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:l})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:s,data:c})})})}),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',
-  name: 'BAYC',
-  slug: 'bored-ape-yacht-club',
-  title: 'Bored Ape Yacht Club',
-  cover_image: '/collections/bayc-banner.jpg',
-  number_of_artwork: 10000,
-   user: {
-    avatar: '/avatars/bayc-creator.jpg',
-    name: 'Yuga Labs',
-    slug: 'yuga-labs',
-  },
-};
-
-<CollectionCard item={collectionData} className="w-full max-w-sm" />`})})})})]})};exports.default=n;

package/CollectionSelectListSection-B5TOp6J4.js

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=require("./1-CArqgiQa.js"),o=()=>{const c=[{icon:s.avatar1Img,name:"Crypto Punks",value:"crypto-punks"},{icon:s.avatar1Img,name:"Bored Ape",value:"bored-ape"},{icon:s.avatar1Img,name:"Azuki",value:"azuki"}],i=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>{const a=String(t);return a==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:a})}},{key:"description",label:"Description"}],r=[{prop:"collectionList",type:"CollectionList[]",default:"required",description:"Array of collection items"},{prop:"onSelect",type:"(value: string) => void",default:"required",description:"Callback when a collection is selected"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(l.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CollectionSelectList"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Searchable list component for selecting NFT collections with avatars and search functionality."})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Basic List"}),e.jsx(l.CollectionSelectList,{collectionList:c,onSelect:t=>{console.log("Selected collection:",t)}})]})})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.BasicTable,{columns:i,data:r})})})}),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 collectionList = [
-  { icon: '/icons/crypto-punks.jpg', name: 'Crypto Punks', value: 'crypto-punks' },
-  { icon: '/icons/bored-ape.jpg', name: 'Bored Ape', value: 'bored-ape' },
-  { icon: '/icons/azuki.jpg', name: 'Azuki', value: 'azuki' },
-];
-
-<CollectionSelectList
-  collectionList={collectionList}
-  onSelect={(value) => {
-    console.log('Selected:', value);
-  }}
-/>`})})})})]})};exports.default=o;