@e-burgos/tucu-ui 2.0.2 → 2.0.3

package/documentation/CommonErrorsSection-DqohMJDt.js

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

@@ -0,0 +1 @@
+"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 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/{ComponentAnatomySection-CgEKcT_J.mjs → documentation/ComponentAnatomySection-GUman0lW.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { T as s, C as m, a as l, s as n } from "./index-HwvOEWI7.mjs";
+import { T as s, C as m, a as l, r as n } from "../index-DsiBIFwo.js";
 import { Layers as d, Zap as p, Maximize as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/ComponentStatusSection-BPatrERs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-D874Kozv.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/{ComponentStatusSection-D2f_P7g7.mjs → documentation/ComponentStatusSection-DS8Kmh6W.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { C as n, a as o, T as s, D as l } from "./index-HwvOEWI7.mjs";
+import { C as n, a as o, T as s, G as l } from "../index-DsiBIFwo.js";
 import { CheckCircle as r, AlertTriangle as c } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/CurrencySwapIconsSection-B_qLwzXO.js

@@ -0,0 +1,50 @@
+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 "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-WWqd6aBI.js

@@ -0,0 +1,7 @@
+"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';
+
+<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/{CustomColorPaletteSection-Dm0mCSjh.mjs → documentation/CustomColorPaletteSection-Beh-1TnY.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-HwvOEWI7.mjs";
+import { C as o, a as t, T as a, c as s, a4 as d } from "../index-DsiBIFwo.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index-BOfUOCHe.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-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
   menuItems={menuItems}
   customPaletteColor={{
     primary: '#0052ff',           // Hex color or preset name

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

@@ -1,6 +1,6 @@
 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, d as w, E as N, av as g, aw as u, i as y, ax as x, ay as I, az as f, aA as C, aB as b, aC as v, aD as k, aE as S, aF as T, aG as L, aH as B, aI as E, aJ as F, aK as M, aL as P, aM as U, aN as D, aO as $, aP as z, aQ as G, aR as H, aS as R, aT as V, aU as W, aV as j, aW as A, aX as J, aY as K, aZ as O, a_ as Q, a$ as X, b0 as Y, b1 as Z } from "./index-HwvOEWI7.mjs";
+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 "react-router-dom";
 import "react-dom";

package/documentation/CustomIconsSection-CSRr6wkJ.js

@@ -0,0 +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';
+
+<${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;

package/{DefiAppLogoSection-CJDd6Q3u.mjs → documentation/DefiAppLogoSection-BKoj5nMS.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, B as n, c as p } from "./index-HwvOEWI7.mjs";
+import { T as s, C as a, a as r, a3 as l, l as n, c as p } from "../index-DsiBIFwo.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/DefiAppLogoSection-BlgJ2b-2.js

@@ -0,0 +1,36 @@
+"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';
+
+// Basic usage
+<DefiAppLogo width={100} height={100} />
+
+// Different sizes
+<DefiAppLogo width={60} height={60} />
+<DefiAppLogo width={100} height={100} />
+<DefiAppLogo width={150} height={150} />
+
+// With custom classes
+<DefiAppLogo 
+  width={120} 
+  height={120} 
+  className="opacity-90 hover:opacity-100 transition-opacity" 
+/>
+
+// With SVG attributes
+<DefiAppLogo 
+  width={80} 
+  height={80} 
+  className="custom-class"
+  viewBox="0 0 100 100"
+/>
+
+// Perfect for DeFi applications
+<div className="flex items-center gap-2">
+  <DefiAppLogo width={40} height={40} />
+  <span>My DeFi App</span>
+</div>
+
+// Features:
+// - Animated pulsing nodes
+// - Signal flow animations
+// - Gradient colors (blue, purple, pink)
+// - Perfect for financial/blockchain apps`})})})})]})};exports.default=l;

package/documentation/DesignPrinciplesSection-DEO6bctH.js

@@ -0,0 +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;

package/{DesignPrinciplesSection-BSGshMjS.mjs → documentation/DesignPrinciplesSection-sziQNoBU.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-HwvOEWI7.mjs";
+import { T as a, C as o } from "../index-DsiBIFwo.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/DrawerSection-Bl44QTjH.js

@@ -0,0 +1,145 @@
+import { jsxs as r, 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 "lucide-react";
+import "react-router-dom";
+import "react-dom";
+const y = () => {
+  const [n, a] = 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" }),
+      /* @__PURE__ */ e(
+        t,
+        {
+          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."
+        }
+      )
+    ] }),
+    /* @__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(
+          p,
+          {
+            onClick: () => {
+              o("sidebar"), a(!0);
+            },
+            children: "Open Sidebar"
+          }
+        ),
+        /* @__PURE__ */ e(
+          i,
+          {
+            isOpen: n,
+            setIsOpen: a,
+            type: "sidebar",
+            title: "Sidebar Title",
+            children: /* @__PURE__ */ e(t, { 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__ */ e(
+          p,
+          {
+            onClick: () => {
+              o("sidebar"), a(!0);
+            },
+            children: "Open Right Drawer"
+          }
+        ),
+        /* @__PURE__ */ e(
+          i,
+          {
+            isOpen: n,
+            setIsOpen: a,
+            type: "sidebar",
+            position: "right",
+            title: "Right Drawer",
+            children: /* @__PURE__ */ e(t, { tag: "p", children: "Content on the right" })
+          }
+        )
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        componentName: "Drawer",
+        defaultValues: { isOpen: !0, position: "left", backdrop: !0 },
+        excludeProps: [
+          "setIsOpen",
+          "onClose",
+          "actionContent",
+          "logo",
+          "menuItems",
+          "type"
+        ],
+        children: (c) => /* @__PURE__ */ e(
+          "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" }) })
+          }
+        )
+      }
+    ),
+    /* @__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(
+      w,
+      {
+        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>`
+      }
+    ) }) }) })
+  ] });
+};
+export {
+  y as default
+};

package/documentation/DrawerSection-Ddkq7twy.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[s,r]=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(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Drawer"}),e.jsx(t.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(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Sidebar Drawer"}),e.jsx(t.Button,{onClick:()=>{a("sidebar"),r(!0)},children:"Open Sidebar"}),e.jsx(t.Drawer,{isOpen:s,setIsOpen:r,type:"sidebar",title:"Sidebar Title",children:e.jsx(t.Typography,{tag:"p",children:"Sidebar content goes here"})})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Right Position"}),e.jsx(t.Button,{onClick:()=>{a("sidebar"),r(!0)},children:"Open Right Drawer"}),e.jsx(t.Drawer,{isOpen:s,setIsOpen:r,type:"sidebar",position:"right",title:"Right Drawer",children:e.jsx(t.Typography,{tag:"p",children:"Content on the right"})})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"Drawer",defaultValues:{isOpen:!0,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(t.Drawer,{...n,setIsOpen:()=>{},title:"Drawer Preview",children:e.jsx("p",{className:"text-sm p-4",children:"Drawer content"})})})}),e.jsx(t.AutoPropsTable,{componentName:"Drawer"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.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/{DynamicRoutesSection-CCuRhQAn.mjs → documentation/DynamicRoutesSection-CwIKExBG.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-HwvOEWI7.mjs";
+import { C as r, a as n, T as s, c as i } from "../index-DsiBIFwo.js";
 import { Shield as m, Flag as d, Database as c } from "lucide-react";
 import "react-router-dom";
 import "react";

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

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

package/{FileInputSection-CbkYToil.mjs → documentation/FileInputSection-2C2qHF7f.js}

@@ -1,5 +1,5 @@
 import { jsxs as l, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { T as t, C as a, a as i, F as s, B as o, c as n } from "./index-HwvOEWI7.mjs";
+import { T as t, C as a, a as i, F as s, l as o, c as n } from "../index-DsiBIFwo.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/FileInputSection-agGxZYT7.js

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const p=()=>{const s=[{key:"prop",label:"Prop",render:a=>e.jsx("code",{className:"text-xs text-brand",children:String(a)})},{key:"type",label:"Type",render:a=>e.jsx("code",{className:"text-xs",children:String(a)})},{key:"default",label:"Default",render:a=>{const t=String(a);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"}],i=[{prop:"accept",type:"'img' | 'pdf' | 'csvAndExcel' | 'imgAndPdf' | 'all'",default:"undefined (accepts all)",description:'File types to accept. If not provided or set to "all", accepts any file type'},{prop:"multiple",type:"boolean",default:"false",description:"Allow multiple file selection"},{prop:"disabled",type:"boolean",default:"false",description:"Disables the upload component"},{prop:"label",type:"React.ReactNode",default:"'CHOOSE FILE'",description:"Button label text"},{prop:"placeholderText",type:"React.ReactNode",default:"'PNG, GIF, WEBP, MP4 or MP3. Max 100mb.'",description:"Placeholder text displayed in the upload area"},{prop:"children",type:"React.ReactNode",default:"-",description:"Custom content to display in the upload area"},{prop:"wrapperClassName",type:"string",default:"-",description:"Custom CSS classes for the wrapper container"},{prop:"className",type:"string",default:"-",description:"Custom CSS classes for the input element"},{prop:"labelClassName",type:"string",default:"-",description:"Custom CSS classes for the label/button"},{prop:"containerClassName",type:"string",default:"-",description:"Custom CSS classes for the container element"},{prop:"containerProps",type:"React.HTMLAttributes<HTMLDivElement>",default:"-",description:"Additional props to pass to the container element"},{prop:"additionalInputProps",type:"React.InputHTMLAttributes<HTMLInputElement>",default:"-",description:"Additional props to pass to the input element"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(l.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"FileInput"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An advanced file input component with native HTML5 drag-and-drop support, image preview, and flexible file type validation. The component implements native drag and drop functionality without external dependencies."})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Images Only"}),e.jsx(l.FileInput,{label:"Upload Images",accept:"img",placeholderText:"PNG, JPG, GIF, WEBP. Max 100mb."})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Multiple Images"}),e.jsx(l.FileInput,{label:"Upload Multiple Images",accept:"img",multiple:!0,placeholderText:"Select multiple images"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"PDF Documents"}),e.jsx(l.FileInput,{label:"Upload PDF",accept:"pdf",placeholderText:"PDF files only. Max 100mb."})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"CSV & Excel Files"}),e.jsx(l.FileInput,{label:"Upload CSV or Excel",accept:"csvAndExcel",multiple:!0,placeholderText:"CSV, XLSX, or XLS files. Max 100mb."})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Images & PDFs"}),e.jsx(l.FileInput,{label:"Upload Images or PDFs",accept:"imgAndPdf",multiple:!0,placeholderText:"Images or PDF documents"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"All File Types"}),e.jsx(l.FileInput,{label:"Upload Any File",accept:"all",multiple:!0,placeholderText:"Drag and drop any file type or click to browse"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Any File (No Restriction)"}),e.jsx(l.FileInput,{label:"Upload Files",multiple:!0,placeholderText:"Accept any file type - no restrictions"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(l.FileInput,{accept:"img",disabled:!0})]})]})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.BasicTable,{columns:s,data:i})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.CodeBlock,{language:"tsx",code:`import { FileInput } from '@e-burgos/tucu-ui';
+
+// Images only
+<FileInput
+  label="Upload Images"
+  accept="img"
+  placeholderText="PNG, JPG, GIF, WEBP. Max 100mb."
+/>
+
+// Multiple images
+<FileInput
+  label="Upload Multiple Images"
+  accept="img"
+  multiple
+  placeholderText="Select multiple images"
+/>
+
+// PDF documents
+<FileInput
+  label="Upload PDF"
+  accept="pdf"
+  placeholderText="PDF files only. Max 100mb."
+/>
+
+// CSV and Excel files
+<FileInput
+  label="Upload CSV or Excel"
+  accept="csvAndExcel"
+  multiple
+  placeholderText="CSV, XLSX, or XLS files. Max 100mb."
+/>
+
+// Images and PDFs
+<FileInput
+  label="Upload Images or PDFs"
+  accept="imgAndPdf"
+  multiple
+  placeholderText="Images or PDF documents"
+/>
+
+// All predefined file types
+<FileInput
+  label="Upload Any File"
+  accept="all"
+  multiple
+  placeholderText="Drag and drop any file type or click to browse"
+/>
+
+// Any file type (no restrictions)
+<FileInput
+  label="Upload Files"
+  multiple
+  placeholderText="Accept any file type - no restrictions"
+/>
+
+// Disabled
+<FileInput accept="img" disabled />
+
+// Custom styling
+<FileInput
+  accept="img"
+  wrapperClassName="custom-wrapper"
+  containerClassName="custom-container"
+  labelClassName="custom-label"
+/>`})})})})]})};exports.default=p;

package/{FileStructureSection-CRrFMVhl.js → documentation/FileStructureSection-C-Z_tkDL.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"File Structure & Important Notes"}),e.jsx(s.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Understanding the theme system architecture"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"File Structure",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-4",children:e.jsx(s.CodeBlock,{language:"markdown",code:`ui/tucu-ui/src/
+"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 t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"File Structure & Important Notes"}),e.jsx(s.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Understanding the theme system architecture"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"File Structure",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-4",children:e.jsx(s.CodeBlock,{language:"markdown",code:`ui/tucu-ui/src/
 ├── themes/
 │   ├── components/
 │   │   ├── theme-provider/

package/{FileStructureSection-DbsBkIRn.mjs → documentation/FileStructureSection-CSNiAHS-.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { T as t, C as r, a as i, c as d, a4 as a } from "./index-HwvOEWI7.mjs";
+import { T as t, C as r, a as i, c as d, a4 as a } from "../index-DsiBIFwo.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/{FormComponentsSection-B4exCVCM.mjs → documentation/FormComponentsSection-B021OPBW.js}

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { T as r, C as n, D as d } from "./index-HwvOEWI7.mjs";
+import { T as r, C as n, G as d } from "../index-DsiBIFwo.js";
 import { Type as c, List as p, CheckSquare as m, Calendar as h, Upload as x, Hash as g } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/FormComponentsSection-CRsooWtI.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-D874Kozv.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Form Components"}),e.jsx(t.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Complete collection of form inputs and controls"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:[{icon:e.jsx(o.Type,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Text Inputs",description:"Input, Textarea with validation support",color:"from-blue-500 to-cyan-500",types:["Input","Textarea","Password"]},{icon:e.jsx(o.List,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Selection",description:"Dropdowns and selection components",color:"from-green-500 to-emerald-500",types:["Select","Combobox","Autocomplete"]},{icon:e.jsx(o.CheckSquare,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Choice Controls",description:"Checkbox and radio button groups",color:"from-purple-500 to-violet-500",types:["Checkbox","Radio","RadioGroup"]},{icon:e.jsx(o.Calendar,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Date & Time",description:"Date and time picker components",color:"from-orange-500 to-red-500",types:["DatePicker","TimePicker","DateRange"]},{icon:e.jsx(o.Upload,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"File Upload",description:"File input with drag & drop support",color:"from-pink-500 to-rose-500",types:["FileInput","ImageUpload","MultiFile"]},{icon:e.jsx(o.Hash,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Specialized",description:"PIN codes, sliders, and custom inputs",color:"from-indigo-500 to-purple-500",types:["PinCode","RangeSlider","ColorPicker"]}].map((s,r)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${s.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:s.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:s.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:s.description}),e.jsx("div",{className:"flex flex-wrap gap-1",children:s.types.map((i,a)=>e.jsx(t.Badge,{color:"success",variant:"outline",className:"text-xs",children:i},a))})]})},r))})]});exports.default=l;

package/{FormMethodsSection-B9J5DYrQ.mjs → documentation/FormMethodsSection-2ea19wxr.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as t, C as i, a as n, c as m } from "./index-HwvOEWI7.mjs";
+import { T as t, C as i, a as n, c as m } from "../index-DsiBIFwo.js";
 import { Circle as r } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{FormMethodsSection-Dt5MZUzm.js → documentation/FormMethodsSection-CUrQGm-O.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BOfUOCHe.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>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:"Form Methods"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Access React Hook Form methods through useFormContext"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Using Form Methods",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["You can access all React Hook Form methods through"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded text-xs",children:"useFormContext"}),". This allows you to programmatically control the form."]}),e.jsx(s.CodeBlock,{language:"tsx",code:`import { useFormContext } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-D874Kozv.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>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:"Form Methods"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Access React Hook Form methods through useFormContext"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Using Form Methods",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["You can access all React Hook Form methods through"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded text-xs",children:"useFormContext"}),". This allows you to programmatically control the form."]}),e.jsx(s.CodeBlock,{language:"tsx",code:`import { useFormContext } from '@e-burgos/tucu-ui';
 
 function FormMethodsExample() {
   const {