@e-burgos/tucu-ui 2.6.0 → 2.7.1

package/documentation/CustomIconsSection-BlUe77an.js

@@ -1,172 +0,0 @@
-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-DoxeCFUJ.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";
-const da = () => {
-  const [m, t] = h(null), l = [
-    {
-      category: "Blockchain & Crypto",
-      description: "Cryptocurrency and blockchain platform icons",
-      icon: /* @__PURE__ */ a(ea, { 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: /* @__PURE__ */ a(N, { className: "w-6 h-6" }) },
-        { name: "Ethereum", component: /* @__PURE__ */ a(g, { className: "w-6 h-6" }) },
-        { name: "Bnb", component: /* @__PURE__ */ a(b, { className: "w-6 h-6" }) },
-        { name: "Cardano", component: /* @__PURE__ */ a(y, { className: "w-6 h-6" }) },
-        { name: "Tether", component: /* @__PURE__ */ a(f, { className: "w-6 h-6" }) },
-        { name: "Usdc", component: /* @__PURE__ */ a(I, { className: "w-6 h-6" }) },
-        { name: "Doge", component: /* @__PURE__ */ a(x, { className: "w-6 h-6" }) },
-        { name: "Flow", component: /* @__PURE__ */ a(C, { className: "w-6 h-6" }) }
-      ]
-    },
-    {
-      category: "Layout Controls",
-      description: "Icons for layout switching and theme selection",
-      icon: /* @__PURE__ */ a(oa, { 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: /* @__PURE__ */ a(k, { className: "w-6 h-6" })
-        },
-        {
-          name: "MinimalLayoutIcon",
-          component: /* @__PURE__ */ a(v, { className: "w-6 h-6" })
-        },
-        {
-          name: "ModernLayoutIcon",
-          component: /* @__PURE__ */ a(S, { className: "w-6 h-6" })
-        },
-        {
-          name: "RetroLayoutIcon",
-          component: /* @__PURE__ */ a(T, { className: "w-6 h-6" })
-        }
-      ]
-    },
-    {
-      category: "Social Brands",
-      description: "Social media platform brand icons",
-      icon: /* @__PURE__ */ a(na, { 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: /* @__PURE__ */ a(L, { className: "w-6 h-6" }) },
-        { name: "Twitter", component: /* @__PURE__ */ a(B, { className: "w-6 h-6" }) },
-        { name: "Facebook", component: /* @__PURE__ */ a(E, { className: "w-6 h-6" }) },
-        { name: "Instagram", component: /* @__PURE__ */ a(P, { className: "w-6 h-6" }) },
-        { name: "Telegram", component: /* @__PURE__ */ a(F, { className: "w-6 h-6" }) }
-      ]
-    },
-    {
-      category: "UI Elements",
-      description: "Common interface and utility icons",
-      icon: /* @__PURE__ */ a(sa, { 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: /* @__PURE__ */ a(U, { className: "w-6 h-6" }) },
-        { name: "HomeIcon", component: /* @__PURE__ */ a(M, { className: "w-6 h-6" }) },
-        { name: "SearchIcon", component: /* @__PURE__ */ a($, { className: "w-6 h-6" }) },
-        { name: "Sun", component: /* @__PURE__ */ a(j, { className: "w-6 h-6" }) },
-        { name: "Moon", component: /* @__PURE__ */ a(D, { className: "w-6 h-6" }) },
-        { name: "Check", component: /* @__PURE__ */ a(G, { className: "w-6 h-6" }) },
-        { name: "Close", component: /* @__PURE__ */ a(H, { className: "w-6 h-6" }) },
-        { name: "Plus", component: /* @__PURE__ */ a(V, { className: "w-6 h-6" }) },
-        { name: "Star", component: /* @__PURE__ */ a(R, { className: "w-6 h-6" }) },
-        { name: "StarFill", component: /* @__PURE__ */ a(W, { className: "w-6 h-6" }) },
-        { name: "Verified", component: /* @__PURE__ */ a(z, { className: "w-6 h-6" }) },
-        { name: "Warning", component: /* @__PURE__ */ a(Q, { className: "w-6 h-6" }) },
-        { name: "InfoCircle", component: /* @__PURE__ */ a(X, { className: "w-6 h-6" }) },
-        {
-          name: "DocumentIcon",
-          component: /* @__PURE__ */ a(Y, { className: "w-6 h-6" })
-        },
-        { name: "BookIcon", component: /* @__PURE__ */ a(Z, { className: "w-6 h-6" }) },
-        { name: "PlayIcon", component: /* @__PURE__ */ a(_, { className: "w-6 h-6" }) },
-        { name: "ProfileIcon", component: /* @__PURE__ */ a(q, { className: "w-6 h-6" }) },
-        { name: "EyeIcon", component: /* @__PURE__ */ a(A, { className: "w-6 h-6" }) },
-        {
-          name: "EyeSlashIcon",
-          component: /* @__PURE__ */ a(J, { className: "w-6 h-6" })
-        },
-        { name: "LockIcon", component: /* @__PURE__ */ a(K, { className: "w-6 h-6" }) },
-        { name: "Unlocked", component: /* @__PURE__ */ a(O, { className: "w-6 h-6" }) }
-      ]
-    }
-  ], r = (e) => {
-    const c = `import { ${e} } from '@e-burgos/tucu-ui';
-
-<${e} className="w-6 h-6" />`;
-    navigator.clipboard.writeText(c), t(e), setTimeout(() => t(null), 2e3);
-  };
-  return /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ a(
-      p,
-      {
-        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: /* @__PURE__ */ a("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: /* @__PURE__ */ a(aa, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ o("section", { className: "space-y-8", children: [
-      /* @__PURE__ */ o("div", { className: "text-center", children: [
-        /* @__PURE__ */ a(s, { tag: "h2", className: "mb-2", children: "Icon Gallery" }),
-        /* @__PURE__ */ a(
-          s,
-          {
-            tag: "p",
-            className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-            children: "Click any icon to copy its import code"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "space-y-6", children: l.map((e, c) => /* @__PURE__ */ a(w, { className: "overflow-hidden", children: /* @__PURE__ */ a(u, { title: e.category, className: "mt-2 mb-2", children: /* @__PURE__ */ o("div", { className: "w-full space-y-6 p-4 sm:p-6", children: [
-        /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ a(
-            "div",
-            {
-              className: `p-2 rounded-lg bg-linear-to-br ${e.color} shadow-lg`,
-              children: e.icon
-            }
-          ),
-          /* @__PURE__ */ o("div", { children: [
-            /* @__PURE__ */ a(s, { tag: "h3", className: "text-base font-semibold", children: e.category }),
-            /* @__PURE__ */ a(
-              s,
-              {
-                tag: "p",
-                className: "text-gray-600 dark:text-gray-400",
-                children: e.description
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-4", children: e.icons.map((n, i) => /* @__PURE__ */ o(
-          "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: () => r(n.name),
-            title: `Click to copy: ${n.name}`,
-            children: [
-              /* @__PURE__ */ a("div", { className: "text-gray-700 dark:text-gray-300 group-hover:text-brand transition-colors", children: n.component }),
-              /* @__PURE__ */ a(
-                s,
-                {
-                  tag: "span",
-                  className: "text-xs text-center text-gray-500 dark:text-gray-400",
-                  children: n.name
-                }
-              ),
-              m === n.name && /* @__PURE__ */ a("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)) })
-    ] })
-  ] });
-};
-export {
-  da as default
-};

package/documentation/CustomIconsSection-WTHmHO_1.js

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),o=require("../index-DWDUS-PU.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;