@e-burgos/tucu-ui 2.0.8 → 2.0.10

package/documentation/CommonErrorsSection-BKpCa6rH.js

@@ -1,54 +0,0 @@
-import { jsx as e, Fragment as o, jsxs as r } from "react/jsx-runtime";
-import { C as s, a, T as n, ag as i } from "../index-D3gBsvbO.js";
-import { AlertCircle as l, XCircle as d, Info as t, AlertTriangle as m } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const y = () => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(a, { title: "Common Errors and Solutions", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
-  /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-gradient-to-br from-red-500 via-rose-500 to-pink-500 shadow-md", children: /* @__PURE__ */ e(l, { className: "w-6 h-6 text-white filter drop-shadow-sm" }) }),
-    /* @__PURE__ */ e(n, { tag: "h3", className: "text-xl font-semibold", children: "Troubleshooting Guide" })
-  ] }),
-  /* @__PURE__ */ r("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ e(i, { variant: "error", children: /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-2 font-semibold", children: [
-        /* @__PURE__ */ e(d, { className: "h-4 w-4" }),
-        "useTheme must be used within ThemeProvider"
-      ] }),
-      /* @__PURE__ */ e("div", { className: "text-sm mt-1", children: "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." })
-    ] }) }),
-    /* @__PURE__ */ e(i, { variant: "info", children: /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-2 font-semibold", children: [
-        /* @__PURE__ */ e(t, { className: "h-4 w-4" }),
-        "Layout not rendering correctly"
-      ] }),
-      /* @__PURE__ */ e("div", { className: "text-sm mt-1", children: "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." })
-    ] }) }),
-    /* @__PURE__ */ e(i, { variant: "warning", children: /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-2 font-semibold", children: [
-        /* @__PURE__ */ e(m, { className: "h-4 w-4" }),
-        "Menu items not showing"
-      ] }),
-      /* @__PURE__ */ e("div", { className: "text-sm mt-1", children: "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." })
-    ] }) }),
-    /* @__PURE__ */ e(i, { variant: "info", children: /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-2 font-semibold", children: [
-        /* @__PURE__ */ e(t, { className: "h-4 w-4" }),
-        "Routing not working as expected?"
-      ] }),
-      /* @__PURE__ */ r("div", { className: "text-sm mt-1", children: [
-        "Remember that ThemeProvider includes BrowserRouter internally. If you use customRoutes, make sure to use",
-        " ",
-        /* @__PURE__ */ e("code", { children: "path" }),
-        " instead of ",
-        /* @__PURE__ */ e("code", { children: "href" }),
-        " in menuItems. The ",
-        /* @__PURE__ */ e("code", { children: "component" }),
-        " prop in menuItems is only used for automatic routing. If you provide customRoutes, it takes precedence."
-      ] })
-    ] }) })
-  ] })
-] }) }) }) });
-export {
-  y as default
-};

package/documentation/CommonErrorsSection-C3bp7oeX.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsx(e.Fragment,{children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Common Errors and Solutions",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-gradient-to-br from-red-500 via-rose-500 to-pink-500 shadow-md",children:e.jsx(r.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Troubleshooting Guide"})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsx(s.Alert,{variant:"error",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.XCircle,{className:"h-4 w-4"}),"useTheme must be used within ThemeProvider"]}),e.jsx("div",{className:"text-sm mt-1",children:"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."})]})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.Info,{className:"h-4 w-4"}),"Layout not rendering correctly"]}),e.jsx("div",{className:"text-sm mt-1",children:"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."})]})}),e.jsx(s.Alert,{variant:"warning",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.AlertTriangle,{className:"h-4 w-4"}),"Menu items not showing"]}),e.jsx("div",{className:"text-sm mt-1",children:"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."})]})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.Info,{className:"h-4 w-4"}),"Routing not working as expected?"]}),e.jsxs("div",{className:"text-sm mt-1",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."]})]})})]})]})})})});exports.default=t;

package/documentation/ComponentAnatomySection-BbsJXnu1.js

@@ -1,72 +0,0 @@
-import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { T as s, C as m, a as l, y as n } from "../index-D3gBsvbO.js";
-import { Layers as d, Zap as p, Maximize as h } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const y = () => {
-  const i = [
-    { name: "Default", component: /* @__PURE__ */ e(n, { children: "Default" }) },
-    { name: "Hover", component: /* @__PURE__ */ e(n, { className: "hover:bg-primary/90", children: "Hover" }) },
-    { name: "Active", component: /* @__PURE__ */ e(n, { className: "active:bg-primary/95", children: "Active" }) },
-    { name: "Disabled", component: /* @__PURE__ */ e(n, { disabled: !0, children: "Disabled" }) }
-  ], o = [
-    { name: "Solid", component: /* @__PURE__ */ e(n, { variant: "solid", children: "Solid" }) },
-    { name: "Ghost", component: /* @__PURE__ */ e(n, { variant: "ghost", children: "Ghost" }) },
-    { name: "Transparent", component: /* @__PURE__ */ e(n, { variant: "transparent", children: "Transparent" }) }
-  ], r = [
-    { name: "Tiny", component: /* @__PURE__ */ e(n, { size: "tiny", children: "Tiny" }) },
-    { name: "Mini", component: /* @__PURE__ */ e(n, { size: "mini", children: "Mini" }) },
-    { name: "Small", component: /* @__PURE__ */ e(n, { size: "small", children: "Small" }) },
-    { name: "Medium", component: /* @__PURE__ */ e(n, { size: "medium", children: "Medium" }) },
-    { name: "Large", component: /* @__PURE__ */ e(n, { size: "large", children: "Large" }) }
-  ];
-  return /* @__PURE__ */ a(c, { children: [
-    /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Component Anatomy" }),
-      /* @__PURE__ */ e(
-        s,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "Understanding component states, variants, and sizes for consistent implementation"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a("div", { className: "space-y-8", children: [
-      /* @__PURE__ */ e(m, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Component States", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-md", children: /* @__PURE__ */ e(d, { className: "w-6 h-6 text-white filter drop-shadow-sm" }) }),
-          /* @__PURE__ */ e(s, { tag: "h3", className: "text-xl font-semibold", children: "Component States" })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4 sm:gap-6", children: i.map((t) => /* @__PURE__ */ a("div", { className: "text-center space-y-2", children: [
-          t.component,
-          /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: t.name })
-        ] }, t.name)) })
-      ] }) }) }),
-      /* @__PURE__ */ e(m, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Component Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 shadow-md", children: /* @__PURE__ */ e(p, { className: "w-6 h-6 text-white filter drop-shadow-sm" }) }),
-          /* @__PURE__ */ e(s, { tag: "h3", className: "text-xl font-semibold", children: "Component Variants" })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4 sm:gap-6", children: o.map((t) => /* @__PURE__ */ a("div", { className: "text-center space-y-2", children: [
-          t.component,
-          /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: t.name })
-        ] }, t.name)) })
-      ] }) }) }),
-      /* @__PURE__ */ e(m, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Component Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-linear-to-br from-blue-500 via-cyan-500 to-sky-500 shadow-md", children: /* @__PURE__ */ e(h, { className: "w-6 h-6 text-white filter drop-shadow-sm" }) }),
-          /* @__PURE__ */ e(s, { tag: "h3", className: "text-xl font-semibold", children: "Component Sizes" })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "flex flex-wrap items-end gap-4 sm:gap-6", children: r.map((t) => /* @__PURE__ */ a("div", { className: "text-center space-y-2", children: [
-          t.component,
-          /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: t.name })
-        ] }, t.name)) })
-      ] }) }) })
-    ] })
-  ] });
-};
-export {
-  y as default
-};

package/documentation/ComponentAnatomySection-Bcl5DWBQ.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{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(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:"Component Anatomy"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Understanding component states, variants, and sizes for consistent implementation"})]}),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-xl 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-xl 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-xl 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=r;

package/documentation/ComponentStatusSection-CMae0800.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const r=[{name:"Input",status:"complete",description:"Fully accessible with proper ARIA attributes"},{name:"Checkbox",status:"complete",description:"Complete with label associations and error handling"},{name:"Modal",status:"complete",description:"Focus management and keyboard navigation"},{name:"Alert",status:"complete",description:"Live regions and proper announcements"},{name:"Button",status:"complete",description:"Loading states and ARIA support"},{name:"Tabs",status:"needs-work",description:"Missing ARIA roles and keyboard navigation"},{name:"Drawer",status:"needs-work",description:"Needs focus trapping improvements"},{name:"Select",status:"needs-work",description:"Missing ARIA attributes and keyboard support"}];return e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Component Accessibility Status",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-orange-500 via-amber-500 to-yellow-500 shadow-lg",children:e.jsx(a.CheckCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Current Implementation Status"})]}),e.jsx("div",{className:"space-y-4",children:r.map((s,i)=>e.jsx("div",{className:"flex items-center justify-between p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-brand/70 transition-colors duration-200",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[s.status==="complete"?e.jsx(a.CheckCircle,{className:"w-5 h-5 text-green-500"}):e.jsx(a.AlertTriangle,{className:"w-5 h-5 text-yellow-500"}),e.jsx(t.Badge,{status:s.status==="complete"?"active":"inactive",className:s.status==="complete"?"bg-green-100 text-green-800":"bg-yellow-100 text-yellow-800",children:s.name})]}),e.jsx(t.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:s.description})]})},i))})]})})})})};exports.default=n;

package/documentation/ComponentStatusSection-lHvcoI9y.js

@@ -1,84 +0,0 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { C as n, a as o, T as s, J as l } from "../index-D3gBsvbO.js";
-import { CheckCircle as r, AlertTriangle as c } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const w = () => /* @__PURE__ */ e("div", { className: "space-y-8", children: /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Component Accessibility Status", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
-  /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 shadow-lg", children: /* @__PURE__ */ e(r, { className: "w-6 h-6 text-white filter drop-shadow-sm" }) }),
-    /* @__PURE__ */ e(s, { tag: "h3", className: "text-xl font-semibold", children: "Current Implementation Status" })
-  ] }),
-  /* @__PURE__ */ e("div", { className: "space-y-4", children: [
-    {
-      name: "Input",
-      status: "complete",
-      description: "Fully accessible with proper ARIA attributes"
-    },
-    {
-      name: "Checkbox",
-      status: "complete",
-      description: "Complete with label associations and error handling"
-    },
-    {
-      name: "Modal",
-      status: "complete",
-      description: "Focus management and keyboard navigation"
-    },
-    {
-      name: "Alert",
-      status: "complete",
-      description: "Live regions and proper announcements"
-    },
-    {
-      name: "Button",
-      status: "complete",
-      description: "Loading states and ARIA support"
-    },
-    {
-      name: "Tabs",
-      status: "needs-work",
-      description: "Missing ARIA roles and keyboard navigation"
-    },
-    {
-      name: "Drawer",
-      status: "needs-work",
-      description: "Needs focus trapping improvements"
-    },
-    {
-      name: "Select",
-      status: "needs-work",
-      description: "Missing ARIA attributes and keyboard support"
-    }
-  ].map((t, i) => /* @__PURE__ */ e(
-    "div",
-    {
-      className: "flex items-center justify-between p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-brand/70 transition-colors duration-200",
-      children: /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-          t.status === "complete" ? /* @__PURE__ */ e(r, { className: "w-5 h-5 text-green-500" }) : /* @__PURE__ */ e(c, { className: "w-5 h-5 text-yellow-500" }),
-          /* @__PURE__ */ e(
-            l,
-            {
-              status: t.status === "complete" ? "active" : "inactive",
-              className: t.status === "complete" ? "bg-green-100 text-green-800" : "bg-yellow-100 text-yellow-800",
-              children: t.name
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            tag: "span",
-            className: "text-sm text-gray-600 dark:text-gray-400",
-            children: t.description
-          }
-        )
-      ] })
-    },
-    i
-  )) })
-] }) }) }) });
-export {
-  w as default
-};

package/documentation/ComposedChartSection-Bngkob8v.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=[{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-3xl md:text-4xl font-bold",children:"ComposedChart"}),e.jsx(a.Typography,{tag:"p",className:"text-xl 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:r,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:r,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 },
-  { name: 'Feb', revenue: 3000, expenses: 1398, profit: 1602 },
-  { name: 'Mar', revenue: 5000, expenses: 3200, profit: 1800 },
-];
-
-<ComposedChart
-  data={data}
-  series={[
-    { dataKey: 'expenses', name: 'Expenses', type: 'area' },
-    { dataKey: 'revenue', name: 'Revenue', type: 'bar' },
-    { dataKey: 'profit', name: 'Profit', type: 'line' },
-  ]}
-  height={300}
-  barRadius={4}
-  showGrid
-  showTooltip
-  showLegend
-/>`,language:"tsx"})})})}),e.jsx(a.PropPlayground,{componentName:"ComposedChart",defaultValues:{height:300,barRadius:4,showGrid:!0,showTooltip:!0,showLegend:!0,animate:!0},excludeProps:["data","series","colors","className","xAxisKey","emptyMessage"],children:s=>e.jsx(a.ComposedChart,{data:r,series:[{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],...s})}),e.jsx(a.AutoPropsTable,{componentName:"ComposedChart"})]});exports.default=t;

package/documentation/CurrencySwapIconsSection-C8Ux6YVv.js

@@ -1,50 +0,0 @@
-import { jsxs as e, Fragment as l, jsx as a } from "react/jsx-runtime";
-import { T as r, C as s, a as o, g as c, A as t, c as n } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const g = () => /* @__PURE__ */ e(l, { children: [
-  /* @__PURE__ */ e("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ a(r, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CurrencySwapIcons" }),
-    /* @__PURE__ */ a(
-      r,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Component for displaying currency swap pairs with overlapping icons and pair label."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ a(s, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [
-    /* @__PURE__ */ e(s, { className: "p-4", children: [
-      /* @__PURE__ */ a(r, { tag: "h5", className: "mb-3", children: "BTC to ETH" }),
-      /* @__PURE__ */ a(c, { from: "BTC", to: "ETH" })
-    ] }),
-    /* @__PURE__ */ e(s, { className: "p-4", children: [
-      /* @__PURE__ */ a(r, { tag: "h5", className: "mb-3", children: "ETH to USDT" }),
-      /* @__PURE__ */ a(c, { from: "ETH", to: "USDT" })
-    ] }),
-    /* @__PURE__ */ e(s, { className: "p-4", children: [
-      /* @__PURE__ */ a(r, { tag: "h5", className: "mb-3", children: "USDT to BNB" }),
-      /* @__PURE__ */ a(c, { from: "USDT", to: "BNB" })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ a(t, { componentName: "CurrencySwapIcons" }),
-  /* @__PURE__ */ a(s, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    n,
-    {
-      language: "tsx",
-      code: `import { CurrencySwapIcons } from '@e-burgos/tucu-ui';
-
-<CurrencySwapIcons from="BTC" to="ETH" />
-<CurrencySwapIcons from="ETH" to="USDT" />
-<CurrencySwapIcons from="USDT" to="BNB" />
-
-// Supported coins: 'BTC' | 'ETH' | 'USDT' | 'BNB' | 'USDC' | 'ADA' | 'DOGE'`
-    }
-  ) }) }) })
-] });
-export {
-  g as default
-};

package/documentation/CurrencySwapIconsSection-DiR8Lm4T.js

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CurrencySwapIcons"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Component for displaying currency swap pairs with overlapping icons and pair label."})]}),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.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" />
-<CurrencySwapIcons from="USDT" to="BNB" />
-
-// Supported coins: 'BTC' | 'ETH' | 'USDT' | 'BNB' | 'USDC' | 'ADA' | 'DOGE'`})})})})]});exports.default=s;

package/documentation/CustomColorPaletteSection-7dKh6HB9.js

@@ -1,54 +0,0 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { C as o, a as t, T as a, c as s, ag as d } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const u = () => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { title: "Custom Color Palette", className: "mt-2 mb-6", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: [
-  /* @__PURE__ */ r(a, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: [
-    "You can provide custom colors via the",
-    " ",
-    /* @__PURE__ */ e("code", { className: "px-2 py-1 bg-light-dark rounded text-sm", children: "customPaletteColor" }),
-    " ",
-    "prop. Colors can be hex values or preset names:"
-  ] }),
-  /* @__PURE__ */ e(
-    s,
-    {
-      language: "tsx",
-      code: `<ThemeProvider
-  menuItems={menuItems}
-  customPaletteColor={{
-    primary: '#0052ff',           // Hex color or preset name
-    darkPrimary: '#578bfa',
-    secondary: '#f3f4f6',
-    darkSecondary: '#172131',
-    accent: '#f7d21a',
-    darkAccent: '#936000',
-    muted: '#4a5565',
-    darkMuted: '#828a99',
-    darkBg: '#030712',
-    lightBg: '#ffffff',
-    lightDark: '#f9fafb',
-    darkLightDark: '#0a101d',
-  }}
->
-  {/* Your app */}
-</ThemeProvider>`
-    }
-  ),
-  /* @__PURE__ */ e(d, { variant: "info", children: /* @__PURE__ */ r(a, { tag: "p", className: "text-xs", children: [
-    /* @__PURE__ */ e("strong", { children: "Note:" }),
-    " All color presets are defined in",
-    " ",
-    /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded", children: "ui/tucu-ui/src/themes/config/index.ts" }),
-    ". Spectrum colors use the",
-    " ",
-    /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded", children: "-50" }),
-    " ",
-    "value from Tucu UI Design Tokens, while default colors use semantic mappings."
-  ] }) })
-] }) }) });
-export {
-  u as default
-};

package/documentation/CustomColorPaletteSection-C35acsIh.js

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Custom Color Palette",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["You can provide custom colors via the"," ",e.jsx("code",{className:"px-2 py-1 bg-light-dark rounded text-sm",children:"customPaletteColor"})," ","prop. Colors can be hex values or preset names:"]}),e.jsx(r.CodeBlock,{language:"tsx",code:`<ThemeProvider
-  menuItems={menuItems}
-  customPaletteColor={{
-    primary: '#0052ff',           // Hex color or preset name
-    darkPrimary: '#578bfa',
-    secondary: '#f3f4f6',
-    darkSecondary: '#172131',
-    accent: '#f7d21a',
-    darkAccent: '#936000',
-    muted: '#4a5565',
-    darkMuted: '#828a99',
-    darkBg: '#030712',
-    lightBg: '#ffffff',
-    lightDark: '#f9fafb',
-    darkLightDark: '#0a101d',
-  }}
->
-  {/* Your app */}
-</ThemeProvider>`}),e.jsx(r.Alert,{variant:"info",children:e.jsxs(r.Typography,{tag:"p",className:"text-xs",children:[e.jsx("strong",{children:"Note:"})," All color presets are defined in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded",children:"ui/tucu-ui/src/themes/config/index.ts"}),". Spectrum colors use the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded",children:"-50"})," ","value from Tucu UI Design Tokens, while default colors use semantic mappings."]})})]})})});exports.default=a;

package/documentation/CustomIconsSection-DPDDT3QV.js

@@ -1,162 +0,0 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { T as s, C as h, a as p, B as w, E as N, aI as g, aJ as u, f as y, aK as x, aL as I, aM as b, aN as f, aO as C, aP as v, aQ as k, aR as S, aS as T, aT as L, aU as B, aV as E, aW as M, aX as P, aY as U, aZ as F, a_ as $, a$ as D, b0 as R, b1 as V, b2 as W, b3 as j, b4 as z, b5 as G, b6 as H, b7 as J, b8 as K, b9 as O, ba as Q, bb as X, bc as Y, bd as Z, be as _ } from "../index-D3gBsvbO.js";
-import { Coins as q, Layout as A, Share2 as aa, Component as ea } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const la = () => {
-  const [m, t] = d(null), l = [
-    {
-      category: "Blockchain & Crypto",
-      description: "Cryptocurrency and blockchain-related icons",
-      icon: /* @__PURE__ */ a(q, { 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(w, { className: "w-6 h-6" }) },
-        { name: "Ethereum", component: /* @__PURE__ */ a(N, { className: "w-6 h-6" }) },
-        { name: "Bnb", component: /* @__PURE__ */ a(g, { className: "w-6 h-6" }) },
-        { name: "Cardano", component: /* @__PURE__ */ a(u, { className: "w-6 h-6" }) },
-        { name: "Tether", component: /* @__PURE__ */ a(y, { className: "w-6 h-6" }) },
-        { name: "Usdc", component: /* @__PURE__ */ a(x, { className: "w-6 h-6" }) },
-        { name: "Doge", component: /* @__PURE__ */ a(I, { className: "w-6 h-6" }) },
-        { name: "Flow", component: /* @__PURE__ */ a(b, { className: "w-6 h-6" }) }
-      ]
-    },
-    {
-      category: "Layout Controls",
-      description: "Icons for layout switching and navigation",
-      icon: /* @__PURE__ */ a(A, { 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(f, { className: "w-6 h-6" })
-        },
-        {
-          name: "MinimalLayoutIcon",
-          component: /* @__PURE__ */ a(C, { className: "w-6 h-6" })
-        },
-        {
-          name: "ModernLayoutIcon",
-          component: /* @__PURE__ */ a(v, { className: "w-6 h-6" })
-        },
-        {
-          name: "RetroLayoutIcon",
-          component: /* @__PURE__ */ a(k, { className: "w-6 h-6" })
-        }
-      ]
-    },
-    {
-      category: "Social Brands",
-      description: "Social media platform icons",
-      icon: /* @__PURE__ */ a(aa, { 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(S, { className: "w-6 h-6" }) },
-        { name: "Twitter", component: /* @__PURE__ */ a(T, { className: "w-6 h-6" }) },
-        { name: "Facebook", component: /* @__PURE__ */ a(L, { className: "w-6 h-6" }) },
-        { name: "Instagram", component: /* @__PURE__ */ a(B, { className: "w-6 h-6" }) },
-        { name: "Telegram", component: /* @__PURE__ */ a(E, { className: "w-6 h-6" }) }
-      ]
-    },
-    {
-      category: "UI Elements",
-      description: "Common UI and interface icons",
-      icon: /* @__PURE__ */ a(ea, { 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(M, { className: "w-6 h-6" }) },
-        { name: "HomeIcon", component: /* @__PURE__ */ a(P, { className: "w-6 h-6" }) },
-        { name: "SearchIcon", component: /* @__PURE__ */ a(U, { className: "w-6 h-6" }) },
-        { name: "Sun", component: /* @__PURE__ */ a(F, { className: "w-6 h-6" }) },
-        { name: "Moon", component: /* @__PURE__ */ a($, { className: "w-6 h-6" }) },
-        { name: "Check", component: /* @__PURE__ */ a(D, { className: "w-6 h-6" }) },
-        { name: "Close", component: /* @__PURE__ */ a(R, { className: "w-6 h-6" }) },
-        { name: "Plus", component: /* @__PURE__ */ a(V, { className: "w-6 h-6" }) },
-        { name: "Star", component: /* @__PURE__ */ a(W, { className: "w-6 h-6" }) },
-        { name: "StarFill", component: /* @__PURE__ */ a(j, { className: "w-6 h-6" }) },
-        { name: "Verified", component: /* @__PURE__ */ a(z, { className: "w-6 h-6" }) },
-        { name: "Warning", component: /* @__PURE__ */ a(G, { className: "w-6 h-6" }) },
-        { name: "InfoCircle", component: /* @__PURE__ */ a(H, { className: "w-6 h-6" }) },
-        {
-          name: "DocumentIcon",
-          component: /* @__PURE__ */ a(J, { className: "w-6 h-6" })
-        },
-        { name: "BookIcon", component: /* @__PURE__ */ a(K, { className: "w-6 h-6" }) },
-        { name: "PlayIcon", component: /* @__PURE__ */ a(O, { className: "w-6 h-6" }) },
-        { name: "ProfileIcon", component: /* @__PURE__ */ a(Q, { className: "w-6 h-6" }) },
-        { name: "EyeIcon", component: /* @__PURE__ */ a(X, { className: "w-6 h-6" }) },
-        {
-          name: "EyeSlashIcon",
-          component: /* @__PURE__ */ a(Y, { className: "w-6 h-6" })
-        },
-        { name: "LockIcon", component: /* @__PURE__ */ a(Z, { className: "w-6 h-6" }) },
-        { name: "Unlocked", component: /* @__PURE__ */ a(_, { 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("div", { className: "space-y-8", children: [
-    /* @__PURE__ */ o("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ a(s, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Custom Tucu Icons" }),
-      /* @__PURE__ */ a(
-        s,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "98+ custom-designed icons organized by category"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a("div", { className: "space-y-8", children: l.map((e, c) => /* @__PURE__ */ a(h, { className: "overflow-hidden", children: /* @__PURE__ */ a(p, { 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-xl 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 {
-  la as default
-};

package/documentation/CustomIconsSection-DtSZNlaG.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-VrMogvDN.js"),s=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-related icons",icon:e.jsx(s.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 navigation",icon:e.jsx(s.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 icons",icon:e.jsx(s.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 UI and interface icons",icon:e.jsx(s.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("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Custom Tucu Icons"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"98+ custom-designed icons organized by category"})]}),e.jsx("div",{className:"space-y-8",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-xl 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((n,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(n.name),title:`Click to copy: ${n.name}`,children:[e.jsx("div",{className:"text-gray-700 dark:text-gray-300 group-hover:text-brand transition-colors",children:n.component}),e.jsx(o.Typography,{tag:"span",className:"text-xs text-center text-gray-500 dark:text-gray-400",children:n.name}),m===n.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;