@e-burgos/tucu-ui 2.0.3 → 2.0.5

package/documentation/ComposedChartSection-Ckh3P98Y.js

@@ -0,0 +1,113 @@
+import { jsxs as n, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { T as o, C as a, a as t, o as r, c as p, P as d, A as l } from "../index-kms4xY-n.js";
+import "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const s = [
+  { name: "Jan", revenue: 4e3, expenses: 2400, profit: 1600 },
+  { name: "Feb", revenue: 3e3, expenses: 1398, profit: 1602 },
+  { name: "Mar", revenue: 5e3, expenses: 3200, profit: 1800 },
+  { name: "Apr", revenue: 4780, expenses: 2908, profit: 1872 },
+  { name: "May", revenue: 5890, expenses: 4800, profit: 1090 },
+  { name: "Jun", revenue: 6390, expenses: 3800, profit: 2590 }
+], v = () => /* @__PURE__ */ n(m, { children: [
+  /* @__PURE__ */ n("div", { className: "text-center space-y-4", children: [
+    /* @__PURE__ */ e(o, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "ComposedChart" }),
+    /* @__PURE__ */ e(
+      o,
+      {
+        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."
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Bar + Line Combination", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+    r,
+    {
+      data: s,
+      series: [
+        { dataKey: "revenue", name: "Revenue", type: "bar" },
+        { dataKey: "profit", name: "Profit", type: "line" }
+      ],
+      height: 300
+    }
+  ) }) }) }),
+  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Area + Bar + Line", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+    r,
+    {
+      data: s,
+      series: [
+        { dataKey: "expenses", name: "Expenses", type: "area" },
+        { dataKey: "revenue", name: "Revenue", type: "bar" },
+        { dataKey: "profit", name: "Profit", type: "line" }
+      ],
+      height: 300
+    }
+  ) }) }) }),
+  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Usage", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+    p,
+    {
+      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"
+    }
+  ) }) }) }),
+  /* @__PURE__ */ e(
+    d,
+    {
+      componentName: "ComposedChart",
+      defaultValues: {
+        height: 300,
+        barRadius: 4,
+        showGrid: !0,
+        showTooltip: !0,
+        showLegend: !0,
+        animate: !0
+      },
+      excludeProps: [
+        "data",
+        "series",
+        "colors",
+        "className",
+        "xAxisKey",
+        "emptyMessage"
+      ],
+      children: (i) => /* @__PURE__ */ e(
+        r,
+        {
+          data: s,
+          series: [
+            { dataKey: "revenue", name: "Revenue", type: "bar" },
+            { dataKey: "profit", name: "Profit", type: "line" }
+          ],
+          ...i
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ e(l, { componentName: "ComposedChart" })
+] });
+export {
+  v as default
+};

package/documentation/ComposedChartSection-DA6YnjWr.js

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DWDrAbog.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-B_qLwzXO.js → CurrencySwapIconsSection-C28raPLN.js}

@@ -1,5 +1,5 @@
 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-DsiBIFwo.js";
+import { T as r, C as s, a as o, g as c, A as t, c as n } from "../index-kms4xY-n.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{CurrencySwapIconsSection-WWqd6aBI.js → CurrencySwapIconsSection-C7OcC3fI.js}

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

package/documentation/{CustomColorPaletteSection-Beh-1TnY.js → CustomColorPaletteSection-CjZQJ8X1.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { C as o, a as t, T as a, c as s, a4 as d } from "../index-DsiBIFwo.js";
+import { C as o, a as t, T as a, c as s, ag as d } from "../index-kms4xY-n.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{CustomColorPaletteSection-DHw4bInM.js → CustomColorPaletteSection-DMSw8nDk.js}

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

package/documentation/{CustomIconsSection-BnJuOM-H.js → CustomIconsSection-BwjM43mD.js}

@@ -1,7 +1,7 @@
 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, aw as g, ax as u, f as y, ay as x, az as I, aA as f, aB as C, aC as b, aD as v, aE as k, aF as S, aG as T, aH as L, aI as B, aJ as E, aK as F, aL as M, aM as P, aN as U, aO as D, aP as $, aQ as z, aR as G, aS as H, aT as R, aU as V, aV as W, aW as j, aX as A, aY as J, aZ as K, a_ as O, a$ as Q, b0 as X, b1 as Y, b2 as Z } from "../index-DsiBIFwo.js";
-import { Coins as _, Layout as q, Share2 as aa, Component as ea } from "lucide-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-kms4xY-n.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 = () => {
@@ -9,7 +9,7 @@ const la = () => {
     {
       category: "Blockchain & Crypto",
       description: "Cryptocurrency and blockchain-related icons",
-      icon: /* @__PURE__ */ a(_, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
+      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" }) },
@@ -19,22 +19,22 @@ const la = () => {
         { 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(f, { 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(q, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
+      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(C, { className: "w-6 h-6" })
+          component: /* @__PURE__ */ a(f, { className: "w-6 h-6" })
         },
         {
           name: "MinimalLayoutIcon",
-          component: /* @__PURE__ */ a(b, { className: "w-6 h-6" })
+          component: /* @__PURE__ */ a(C, { className: "w-6 h-6" })
         },
         {
           name: "ModernLayoutIcon",
@@ -65,33 +65,33 @@ const la = () => {
       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(F, { className: "w-6 h-6" }) },
-        { name: "HomeIcon", component: /* @__PURE__ */ a(M, { className: "w-6 h-6" }) },
-        { name: "SearchIcon", component: /* @__PURE__ */ a(P, { className: "w-6 h-6" }) },
-        { name: "Sun", component: /* @__PURE__ */ a(U, { className: "w-6 h-6" }) },
-        { name: "Moon", component: /* @__PURE__ */ a(D, { className: "w-6 h-6" }) },
-        { name: "Check", component: /* @__PURE__ */ a($, { className: "w-6 h-6" }) },
-        { name: "Close", component: /* @__PURE__ */ a(z, { className: "w-6 h-6" }) },
-        { name: "Plus", component: /* @__PURE__ */ a(G, { className: "w-6 h-6" }) },
-        { name: "Star", component: /* @__PURE__ */ a(H, { className: "w-6 h-6" }) },
-        { name: "StarFill", component: /* @__PURE__ */ a(R, { className: "w-6 h-6" }) },
-        { name: "Verified", component: /* @__PURE__ */ a(V, { className: "w-6 h-6" }) },
-        { name: "Warning", component: /* @__PURE__ */ a(W, { className: "w-6 h-6" }) },
-        { name: "InfoCircle", component: /* @__PURE__ */ a(j, { className: "w-6 h-6" }) },
+        { 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(A, { className: "w-6 h-6" })
+          component: /* @__PURE__ */ a(J, { className: "w-6 h-6" })
         },
-        { name: "BookIcon", component: /* @__PURE__ */ a(J, { className: "w-6 h-6" }) },
-        { name: "PlayIcon", component: /* @__PURE__ */ a(K, { className: "w-6 h-6" }) },
-        { name: "ProfileIcon", component: /* @__PURE__ */ a(O, { className: "w-6 h-6" }) },
-        { name: "EyeIcon", component: /* @__PURE__ */ a(Q, { 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(X, { className: "w-6 h-6" })
+          component: /* @__PURE__ */ a(Y, { className: "w-6 h-6" })
         },
-        { name: "LockIcon", component: /* @__PURE__ */ a(Y, { className: "w-6 h-6" }) },
-        { name: "Unlocked", component: /* @__PURE__ */ a(Z, { 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) => {
@@ -136,7 +136,7 @@ const la = () => {
       /* @__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-50 dark:hover:bg-gray-800 transition-colors cursor-pointer group relative",
+          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: [

package/documentation/{CustomIconsSection-CSRr6wkJ.js → CustomIconsSection-DrojbM8n.js}

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

package/documentation/{DefiAppLogoSection-BlgJ2b-2.js → DefiAppLogoSection-BdZjkLmq.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[{key:"prop",label:"Prop",render:i=>e.jsx("code",{className:"text-xs text-brand",children:String(i)})},{key:"type",label:"Type",render:i=>e.jsx("code",{className:"text-xs",children:String(i)})},{key:"default",label:"Default",render:i=>{const t=String(i);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],r=[{prop:"...SVGAttributes",type:"React.SVGAttributes<SVGElement>",default:"-",description:"All standard SVG attributes are supported"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"DefiAppLogo"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An animated brain-inspired logo component designed for DeFi applications, featuring pulsing nodes and signal flows that represent financial data processing."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Animated Logo"}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(s.DefiAppLogo,{width:100,height:100})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"flex items-center gap-4 flex-wrap justify-center",children:[e.jsx(s.DefiAppLogo,{width:60,height:60}),e.jsx(s.DefiAppLogo,{width:100,height:100}),e.jsx(s.DefiAppLogo,{width:150,height:150})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Classes"}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(s.DefiAppLogo,{width:120,height:120,className:"opacity-90 hover:opacity-100 transition-opacity"})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:a,data:r})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { DefiAppLogo } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[{key:"prop",label:"Prop",render:i=>e.jsx("code",{className:"text-xs text-brand",children:String(i)})},{key:"type",label:"Type",render:i=>e.jsx("code",{className:"text-xs",children:String(i)})},{key:"default",label:"Default",render:i=>{const t=String(i);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],r=[{prop:"...SVGAttributes",type:"React.SVGAttributes<SVGElement>",default:"-",description:"All standard SVG attributes are supported"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"DefiAppLogo"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An animated brain-inspired logo component designed for DeFi applications, featuring pulsing nodes and signal flows that represent financial data processing."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Animated Logo"}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(s.DefiAppLogo,{width:100,height:100})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"flex items-center gap-4 flex-wrap justify-center",children:[e.jsx(s.DefiAppLogo,{width:60,height:60}),e.jsx(s.DefiAppLogo,{width:100,height:100}),e.jsx(s.DefiAppLogo,{width:150,height:150})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Classes"}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(s.DefiAppLogo,{width:120,height:120,className:"opacity-90 hover:opacity-100 transition-opacity"})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:a,data:r})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { DefiAppLogo } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <DefiAppLogo width={100} height={100} />

package/documentation/{DefiAppLogoSection-BKoj5nMS.js → DefiAppLogoSection-Dk2oHuhM.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as s, C as a, a as r, a3 as l, l as n, c as p } from "../index-DsiBIFwo.js";
+import { T as s, C as a, a as r, af as l, q as n, c as p } from "../index-kms4xY-n.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{DesignPrinciplesSection-sziQNoBU.js → DesignPrinciplesSection-Bya4UXPp.js}

@@ -1,5 +1,5 @@
 import { jsxs as i, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { T as a, C as o } from "../index-DsiBIFwo.js";
+import { T as a, C as o } from "../index-kms4xY-n.js";
 import { CheckCircle as s, Minimize2 as l, Layers as n, Eye as c } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{DesignPrinciplesSection-DEO6bctH.js → DesignPrinciplesSection-DnoNOVM9.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../index-D874Kozv.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(i.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Design Principles"}),e.jsx(i.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Core principles that guide our design decisions and ensure consistency"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6",children:[{title:"Consistency",description:"Unified visual language and interaction patterns across all components.",icon:e.jsx(s.CheckCircle,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-emerald-500 via-green-500 to-teal-500"},{title:"Simplicity",description:"Clean, intuitive interfaces that reduce cognitive load.",icon:e.jsx(s.Minimize2,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-cyan-500 to-sky-500"},{title:"Flexibility",description:"Adaptable components that work across different contexts.",icon:e.jsx(s.Layers,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-violet-500 to-indigo-500"},{title:"Accessibility",description:"Inclusive design that works for everyone.",icon:e.jsx(s.Eye,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500"}].map(t=>e.jsx(i.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-2 sm:p-2",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${t.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:t.icon}),e.jsx(i.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:t.title})]}),e.jsx(i.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:t.description})]})},t.title))})]});exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../index-DWDrAbog.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(i.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Design Principles"}),e.jsx(i.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Core principles that guide our design decisions and ensure consistency"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6",children:[{title:"Consistency",description:"Unified visual language and interaction patterns across all components.",icon:e.jsx(s.CheckCircle,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-emerald-500 via-green-500 to-teal-500"},{title:"Simplicity",description:"Clean, intuitive interfaces that reduce cognitive load.",icon:e.jsx(s.Minimize2,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-cyan-500 to-sky-500"},{title:"Flexibility",description:"Adaptable components that work across different contexts.",icon:e.jsx(s.Layers,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-violet-500 to-indigo-500"},{title:"Accessibility",description:"Inclusive design that works for everyone.",icon:e.jsx(s.Eye,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500"}].map(t=>e.jsx(i.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-2 sm:p-2",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${t.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:t.icon}),e.jsx(i.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:t.title})]}),e.jsx(i.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:t.description})]})},t.title))})]});exports.default=r;

package/documentation/{DrawerSection-Bl44QTjH.js → DrawerSection-6g2F0eId.js}

@@ -1,18 +1,18 @@
-import { jsxs as r, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
 import { useState as l } from "react";
-import { T as t, C as s, a as d, r as p, U as i, s as h, A as u, c as w } from "../index-DsiBIFwo.js";
+import { T as r, C as i, a as d, y as p, a4 as n, P as h, A as u, c as w } from "../index-kms4xY-n.js";
 import "lucide-react";
 import "react-router-dom";
 import "react-dom";
-const y = () => {
-  const [n, a] = l(!1), [g, o] = l(
+const v = () => {
+  const [s, t] = l(!1), [g, o] = l(
     "sidebar"
   );
-  return /* @__PURE__ */ r(m, { children: [
-    /* @__PURE__ */ r("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Drawer" }),
+  return /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ e(r, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Drawer" }),
       /* @__PURE__ */ e(
-        t,
+        r,
         {
           tag: "p",
           className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
@@ -20,49 +20,49 @@ const y = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ r(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Sidebar Drawer" }),
+    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { 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: "space-y-4", children: [
+      /* @__PURE__ */ a(i, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Sidebar Drawer" }),
         /* @__PURE__ */ e(
           p,
           {
             onClick: () => {
-              o("sidebar"), a(!0);
+              o("sidebar"), t(!0);
             },
             children: "Open Sidebar"
           }
         ),
         /* @__PURE__ */ e(
-          i,
+          n,
           {
-            isOpen: n,
-            setIsOpen: a,
+            isOpen: s,
+            setIsOpen: t,
             type: "sidebar",
             title: "Sidebar Title",
-            children: /* @__PURE__ */ e(t, { tag: "p", children: "Sidebar content goes here" })
+            children: /* @__PURE__ */ e(r, { tag: "p", children: "Sidebar content goes here" })
           }
         )
       ] }),
-      /* @__PURE__ */ r(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Right Position" }),
+      /* @__PURE__ */ a(i, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Right Position" }),
         /* @__PURE__ */ e(
           p,
           {
             onClick: () => {
-              o("sidebar"), a(!0);
+              o("sidebar"), t(!0);
             },
             children: "Open Right Drawer"
           }
         ),
         /* @__PURE__ */ e(
-          i,
+          n,
           {
-            isOpen: n,
-            setIsOpen: a,
+            isOpen: s,
+            setIsOpen: t,
             type: "sidebar",
             position: "right",
             title: "Right Drawer",
-            children: /* @__PURE__ */ e(t, { tag: "p", children: "Content on the right" })
+            children: /* @__PURE__ */ e(r, { tag: "p", children: "Content on the right" })
           }
         )
       ] })
@@ -71,7 +71,12 @@ const y = () => {
       h,
       {
         componentName: "Drawer",
-        defaultValues: { isOpen: !0, position: "left", backdrop: !0 },
+        defaultValues: {
+          isOpen: s,
+          setIsOpen: t,
+          position: "left",
+          backdrop: !0
+        },
         excludeProps: [
           "setIsOpen",
           "onClose",
@@ -84,14 +89,22 @@ const y = () => {
           "div",
           {
             style: { position: "relative", height: 300, overflow: "hidden" },
-            children: /* @__PURE__ */ e(i, { ...c, setIsOpen: () => {
-            }, title: "Drawer Preview", children: /* @__PURE__ */ e("p", { className: "text-sm p-4", children: "Drawer content" }) })
+            children: /* @__PURE__ */ e(
+              n,
+              {
+                ...c,
+                setIsOpen: t,
+                isOpen: s,
+                title: "Drawer Preview",
+                children: /* @__PURE__ */ e("p", { className: "text-sm p-4", children: "Drawer content" })
+              }
+            )
           }
         )
       }
     ),
     /* @__PURE__ */ e(u, { componentName: "Drawer" }),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { 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",
@@ -141,5 +154,5 @@ function MyComponent() {
   ] });
 };
 export {
-  y as default
+  v as default
 };

package/documentation/DrawerSection-DB25BxGr.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),r=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[s,t]=i.useState(!1),[l,a]=i.useState("sidebar");return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Drawer"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A drawer component that slides in from the side, supporting both simple sidebar and sidebar-menu variants."})]}),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:"space-y-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Sidebar Drawer"}),e.jsx(r.Button,{onClick:()=>{a("sidebar"),t(!0)},children:"Open Sidebar"}),e.jsx(r.Drawer,{isOpen:s,setIsOpen:t,type:"sidebar",title:"Sidebar Title",children:e.jsx(r.Typography,{tag:"p",children:"Sidebar content goes here"})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Right Position"}),e.jsx(r.Button,{onClick:()=>{a("sidebar"),t(!0)},children:"Open Right Drawer"}),e.jsx(r.Drawer,{isOpen:s,setIsOpen:t,type:"sidebar",position:"right",title:"Right Drawer",children:e.jsx(r.Typography,{tag:"p",children:"Content on the right"})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Drawer",defaultValues:{isOpen:s,setIsOpen:t,position:"left",backdrop:!0},excludeProps:["setIsOpen","onClose","actionContent","logo","menuItems","type"],children:n=>e.jsx("div",{style:{position:"relative",height:300,overflow:"hidden"},children:e.jsx(r.Drawer,{...n,setIsOpen:t,isOpen:s,title:"Drawer Preview",children:e.jsx("p",{className:"text-sm p-4",children:"Drawer content"})})})}),e.jsx(r.AutoPropsTable,{componentName:"Drawer"}),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 { Drawer, Button } from '@e-burgos/tucu-ui';
+import { useState } from 'react';
+
+function MyComponent() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <>
+      <Button onClick={() => setIsOpen(true)}>Open Drawer</Button>
+      <Drawer
+        isOpen={isOpen}
+        setIsOpen={setIsOpen}
+        type="sidebar"
+        title="Drawer Title"
+      >
+        <div>Drawer content</div>
+      </Drawer>
+    </>
+  );
+}
+
+// Right position
+<Drawer
+  isOpen={isOpen}
+  setIsOpen={setIsOpen}
+  type="sidebar"
+  position="right"
+  title="Right Drawer"
+>
+  <div>Content</div>
+</Drawer>
+
+// Without backdrop
+<Drawer
+  isOpen={isOpen}
+  setIsOpen={setIsOpen}
+  type="sidebar"
+  backdrop={false}
+>
+  <div>Content</div>
+</Drawer>`})})})})]})};exports.default=o;

package/documentation/{DynamicRoutesSection-CwIKExBG.js → DynamicRoutesSection-BMaLmxpb.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { C as r, a as n, T as s, c as i } from "../index-DsiBIFwo.js";
+import { C as r, a as n, T as s, c as i } from "../index-kms4xY-n.js";
 import { Shield as m, Flag as d, Database as c } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{DynamicRoutesSection-DzYD6DrX.js → DynamicRoutesSection-C8c26l82.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-D874Kozv.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Dynamic & Conditional Routes",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Create dynamic routing based on user permissions, feature flags, or application state."}),e.jsx(s.CodeBlock,{language:"tsx",code:`import { useMemo } from 'react';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Dynamic & Conditional Routes",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Create dynamic routing based on user permissions, feature flags, or application state."}),e.jsx(s.CodeBlock,{language:"tsx",code:`import { useMemo } from 'react';
 
 export const useMenuItems = () => {
   const { userRole, featureFlags } = useAppState();