@e-burgos/tucu-ui 2.0.10 → 2.1.0

package/documentation/DeploymentSection-QTyunn_z.js

@@ -0,0 +1,136 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { H as s, C as r, a as o, T as l, K as n, c as a, y as c } from "../index-sdOMz8GW.js";
+import { Cloud as d } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const b = () => /* @__PURE__ */ t("div", { className: "flex flex-col gap-8", children: [
+  /* @__PURE__ */ e(
+    s,
+    {
+      title: "Self-Hosting & Deployment",
+      description: "Deploy the MCP server to Docker, Fly.io, or any container platform for team-wide access.",
+      icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-sky-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(d, { className: "w-8 h-8 sm:w-10 sm:h-10 text-white" }) })
+    }
+  ),
+  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(o, { title: "Live Instance", children: [
+    /* @__PURE__ */ e(l, { className: "text-sm text-foreground/70 mb-3", children: "A public instance is available for testing and evaluation:" }),
+    /* @__PURE__ */ t("div", { className: "p-4 rounded-lg border border-emerald-500/20 bg-emerald-500/5 flex items-center gap-3", children: [
+      /* @__PURE__ */ e(
+        n,
+        {
+          variant: "soft",
+          className: "bg-emerald-500/10 text-emerald-500",
+          children: "LIVE"
+        }
+      ),
+      /* @__PURE__ */ e("code", { className: "text-sm font-mono text-emerald-600 dark:text-emerald-400", children: "https://tucu-ui-mcp.fly.dev" })
+    ] })
+  ] }) }),
+  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(o, { title: "Docker", children: [
+    /* @__PURE__ */ e(l, { className: "text-sm text-foreground/70 mb-3", children: "Run with Docker Compose or standalone:" }),
+    /* @__PURE__ */ e(
+      a,
+      {
+        code: `# Using Docker Compose (recommended)
+docker compose up -d
+
+# Or build and run manually
+docker build -t tucu-ui-mcp .
+docker run -d \\
+  --name tucu-ui-mcp \\
+  -p 3100:3100 \\
+  -e MCP_API_KEY=your-secret-key \\
+  tucu-ui-mcp`
+      }
+    )
+  ] }) }),
+  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(o, { title: "Fly.io", children: [
+    /* @__PURE__ */ e(l, { className: "text-sm text-foreground/70 mb-3", children: "Deploy to Fly.io for a globally-distributed instance:" }),
+    /* @__PURE__ */ e(
+      a,
+      {
+        code: `# Initial setup
+fly launch --name tucu-ui-mcp --region iad
+
+# Set secrets
+fly secrets set MCP_API_KEY=your-secret-key
+
+# Deploy
+fly deploy
+
+# Check status
+fly status
+fly logs`
+      }
+    )
+  ] }) }),
+  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(o, { title: "Environment Variables", children: /* @__PURE__ */ e(
+    c,
+    {
+      columns: [
+        {
+          key: "variable",
+          label: "Variable",
+          render: (i) => /* @__PURE__ */ e("code", { className: "px-1.5 py-0.5 bg-muted rounded text-xs font-mono", children: String(i) })
+        },
+        { key: "default", label: "Default" },
+        { key: "description", label: "Description" }
+      ],
+      data: [
+        {
+          variable: "PORT",
+          default: "3100",
+          description: "HTTP server port"
+        },
+        {
+          variable: "MCP_API_KEY",
+          default: "—",
+          description: "Bearer token for authentication (required in production)"
+        },
+        {
+          variable: "NODE_ENV",
+          default: "production",
+          description: "Environment mode"
+        },
+        {
+          variable: "RATE_LIMIT_MAX",
+          default: "100",
+          description: "Max requests per minute per IP"
+        }
+      ]
+    }
+  ) }) }),
+  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(o, { title: "Docker Compose File", children: [
+    /* @__PURE__ */ t(l, { className: "text-sm text-foreground/70 mb-3", children: [
+      "Reference",
+      " ",
+      /* @__PURE__ */ e("code", { className: "px-1.5 py-0.5 bg-muted rounded text-xs font-mono", children: "docker-compose.yml" }),
+      ":"
+    ] }),
+    /* @__PURE__ */ e(
+      a,
+      {
+        code: `version: '3.8'
+services:
+  mcp-server:
+    build: .
+    ports:
+      - "3100:3100"
+    environment:
+      - PORT=3100
+      - MCP_API_KEY=\${MCP_API_KEY}
+      - NODE_ENV=production
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:3100/health"]
+      interval: 30s
+      timeout: 10s
+      retries: 3`
+      }
+    )
+  ] }) })
+] });
+export {
+  b as default
+};

package/documentation/{DesignPrinciplesSection-DeSp3YGO.js → DesignPrinciplesSection-COXiEWqN.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { H as t, T as a, ax as o } from "../index-19KsCnyX.js";
+import { H as t, T as a, ax as o } from "../index-sdOMz8GW.js";
 import { Compass as n, CheckCircle as l, Minimize2 as r, Layers as c, Eye as m } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{DesignPrinciplesSection-Zl0xFCt6.js → DesignPrinciplesSection-D-FA-3iG.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const a=[{title:"Consistency",description:"Unified visual language and interaction patterns across all components.",icon:e.jsx(s.CheckCircle,{className:"h-6 w-6"}),iconBgClassName:"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"}),iconBgClassName:"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"}),iconBgClassName:"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"}),iconBgClassName:"from-orange-500 via-amber-500 to-yellow-500"}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(t.HeroCard,{title:"Design Principles",description:"Core principles that guide our design decisions and ensure consistency.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Compass,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Core Principles"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"The foundational values behind every design decision"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6",children:a.map(i=>e.jsx(t.FeatureCard,{layout:"horizontal",title:i.title,description:i.description,icon:i.icon,iconBgClassName:i.iconBgClassName},i.title))})]})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DEZRGktf.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const a=[{title:"Consistency",description:"Unified visual language and interaction patterns across all components.",icon:e.jsx(s.CheckCircle,{className:"h-6 w-6"}),iconBgClassName:"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"}),iconBgClassName:"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"}),iconBgClassName:"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"}),iconBgClassName:"from-orange-500 via-amber-500 to-yellow-500"}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(t.HeroCard,{title:"Design Principles",description:"Core principles that guide our design decisions and ensure consistency.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Compass,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Core Principles"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"The foundational values behind every design decision"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6",children:a.map(i=>e.jsx(t.FeatureCard,{layout:"horizontal",title:i.title,description:i.description,icon:i.icon,iconBgClassName:i.iconBgClassName},i.title))})]})]})};exports.default=n;

package/documentation/{DrawerSection-DsqcxtDs.js → DrawerSection-C5265sI8.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-DMs_SmPq.js"),d=require("lucide-react");require("react-router-dom");require("react-dom");const p=()=>{const[r,s]=i.useState(!1),[o,n]=i.useState(!1),[,a]=i.useState("sidebar");return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Drawer",description:`A drawer component that slides in from the side, supporting both
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-DEZRGktf.js"),d=require("lucide-react");require("react-router-dom");require("react-dom");const p=()=>{const[r,s]=i.useState(!1),[o,n]=i.useState(!1),[,a]=i.useState("sidebar");return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Drawer",description:`A drawer component that slides in from the side, supporting both
           simple sidebar and sidebar-menu variants.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-amber-600 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(d.PanelRightOpen,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),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:"Left Position"}),e.jsx(t.Button,{onClick:()=>{a("sidebar"),s(!0)},children:"Open Left Drawer"}),e.jsx(t.Drawer,{isOpen:r,setIsOpen:s,type:"sidebar",title:"Sidebar Title",position:"left",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"),n(!0)},children:"Open Right Drawer"}),e.jsx(t.Drawer,{isOpen:o,setIsOpen:n,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:r,setIsOpen:s,position:"left",backdrop:!0},excludeProps:["setIsOpen","onClose","actionContent","logo","menuItems","type"],children:l=>e.jsx("div",{style:{position:"relative",height:300,overflow:"hidden"},children:e.jsx(t.Drawer,{...l,setIsOpen:s,isOpen:r,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';
 

package/documentation/{DrawerSection-CrMh4USZ.js → DrawerSection-Dw0KW8Qq.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, Fragment as w, jsx as e } from "react/jsx-runtime";
 import { useState as a } from "react";
-import { H as u, C as s, a as p, T as i, x as c, a5 as o, P as f, A as g, c as O } from "../index-19KsCnyX.js";
+import { H as u, C as s, a as p, T as i, x as c, a5 as o, P as f, A as g, c as O } from "../index-sdOMz8GW.js";
 import { PanelRightOpen as b } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{DynamicRoutesSection-mzGjrsjc.js → DynamicRoutesSection-BTSGY2NB.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as n, T as a, C as r, a as i, c as m, ax as c } from "../index-19KsCnyX.js";
+import { H as n, T as a, C as r, a as i, c as m, ax as c } from "../index-sdOMz8GW.js";
 import { Shuffle as l, Shield as d, Flag as u, Database as p } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{DynamicRoutesSection-C9QESfkX.js → DynamicRoutesSection-CAgwdtX_.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const o=`import { useMemo } from 'react';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const o=`import { useMemo } from 'react';
 import { StandaloneAppRoutesMenuItem } from '@e-burgos/tucu-ui';
 
 export const useMenuItems = () => {

package/documentation/{FileInputSection-5T-xJxsP.js → FileInputSection-CiJllWQN.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const i=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}];return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"FileInput",description:"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.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-fuchsia-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-purple-500/50",children:e.jsx(t.Upload,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{accept:"img",disabled:!0})]})]})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:i.map(({label:a,color:s})=>e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:a}),e.jsx(l.FileInputWithRef,{label:`Upload ${a}`,color:s,accept:"img",placeholderText:"PNG, JPG, GIF, WEBP. Max 100mb."})]},s))})})})}),e.jsx(l.PropPlayground,{componentName:"FileInput",defaultValues:{label:"Upload Assets",accept:"img",multiple:!1,disabled:!1,color:"primary",placeholderText:"PNG, JPG, GIF or PDF. Max 100mb."},includeProps:["label","accept","multiple","disabled","color","placeholderText"],excludeProps:["children","containerProps","additionalInputProps","wrapperClassName","className","labelClassName","containerClassName"],children:a=>e.jsx("div",{className:"w-full max-w-2xl",children:e.jsx(l.FileInputWithRef,{...a})})}),e.jsx(l.AutoPropsTable,{componentName:"FileInput"}),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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const i=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}];return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"FileInput",description:"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.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-fuchsia-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-purple-500/50",children:e.jsx(t.Upload,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{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.FileInputWithRef,{accept:"img",disabled:!0})]})]})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:i.map(({label:a,color:s})=>e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:a}),e.jsx(l.FileInputWithRef,{label:`Upload ${a}`,color:s,accept:"img",placeholderText:"PNG, JPG, GIF, WEBP. Max 100mb."})]},s))})})})}),e.jsx(l.PropPlayground,{componentName:"FileInput",defaultValues:{label:"Upload Assets",accept:"img",multiple:!1,disabled:!1,color:"primary",placeholderText:"PNG, JPG, GIF or PDF. Max 100mb."},includeProps:["label","accept","multiple","disabled","color","placeholderText"],excludeProps:["children","containerProps","additionalInputProps","wrapperClassName","className","labelClassName","containerClassName"],children:a=>e.jsx("div",{className:"w-full max-w-2xl",children:e.jsx(l.FileInputWithRef,{...a})})}),e.jsx(l.AutoPropsTable,{componentName:"FileInput"}),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

package/documentation/{FileInputSection-Ct4GqFfT.js → FileInputSection-DFrBCrfW.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as p, C as l, a as t, T as i, F as c, P as m, A as d, c as n } from "../index-19KsCnyX.js";
+import { H as p, C as l, a as t, T as i, F as c, P as m, A as d, c as n } from "../index-sdOMz8GW.js";
 import { Upload as u } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{FileStructureSection-9lInEOF5.js → FileStructureSection-BY6_E09m.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"File Structure",description:"Understand the theme system's file organization and important architectural notes.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-gray-500 via-slate-500 to-zinc-600 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.FolderTree,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Theme File Organization"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Key directories and files in the theme system"})]}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Directory Tree",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-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"File Structure",description:"Understand the theme system's file organization and important architectural notes.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-gray-500 via-slate-500 to-zinc-600 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.FolderTree,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Theme File Organization"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Key directories and files in the theme system"})]}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Directory Tree",children:e.jsx(s.CodeBlock,{language:"markdown",code:`ui/tucu-ui/src/
 ├── themes/
 │   ├── components/
 │   │   ├── theme-provider/

package/documentation/{FileStructureSection-14xCYpSc.js → FileStructureSection-CjWuiRhL.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { H as i, T as t, C as l, a as n, c as d, aj as a } from "../index-19KsCnyX.js";
+import { H as i, T as t, C as l, a as n, c as d, aj as a } from "../index-sdOMz8GW.js";
 import { FolderTree as o } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{FormComponentsSection-CVdYFyUi.js → FormComponentsSection-BvlPSmVP.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{icon:e.jsx(r.Type,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Text Inputs",description:"Standard text entry with validation and helper text",color:"from-blue-500 to-cyan-500",components:["Input","Textarea"]},{icon:e.jsx(r.List,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Selection",description:"Dropdown and autocomplete with search support",color:"from-green-500 to-emerald-500",components:["Select","InputSearcher"]},{icon:e.jsx(r.CheckSquare,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Choice Controls",description:"Boolean and group selection inputs",color:"from-purple-500 to-violet-500",components:["Checkbox","Radio","RadioGroup","Switch"]},{icon:e.jsx(r.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",components:["FileInput"]},{icon:e.jsx(r.Hash,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Specialized",description:"PIN codes and toggle selection bars",color:"from-indigo-500 to-purple-500",components:["PinCode","ToggleBar"]}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Form Components",description:"11 input components ready for use with FormField. Each integrates automatically with validation, error display, and form state.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.LayoutGrid,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Available Inputs"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"All form inputs organized by category"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:o.map((s,a)=>e.jsx(t.CardContainer,{children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`p-2.5 rounded-xl bg-linear-to-br ${s.color} shadow-lg`,children:s.icon}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h3",className:"font-semibold",children:s.title}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400",children:s.description})]})]}),e.jsx("div",{className:"flex flex-wrap gap-1.5",children:s.components.map((i,l)=>e.jsx(t.Badge,{color:"success",variant:"outline",className:"text-xs",children:i},l))})]})},a))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Usage with FormField"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Any input wrapped in FormField gets automatic registration and error handling"})]}),e.jsx(t.CardContainer,{children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[{label:"Input",code:'<FormField name="email"><Input type="email" /></FormField>'},{label:"Select",code:'<FormField name="country"><Select options={countries} /></FormField>'},{label:"Checkbox",code:'<FormField name="terms"><Checkbox label="Accept" /></FormField>'},{label:"InputSearcher",code:'<FormField name="city"><InputSearcher options={cities} /></FormField>'}].map((s,a)=>e.jsxs("div",{className:"p-3 bg-gray-100 dark:bg-gray-800/50 rounded-lg border border-border",children:[e.jsx(t.Typography,{tag:"span",className:"text-xs font-semibold text-brand block mb-2",children:s.label}),e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400 break-all",children:s.code})]},a))})})})]})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DEZRGktf.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{icon:e.jsx(r.Type,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Text Inputs",description:"Standard text entry with validation and helper text",color:"from-blue-500 to-cyan-500",components:["Input","Textarea"]},{icon:e.jsx(r.List,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Selection",description:"Dropdown and autocomplete with search support",color:"from-green-500 to-emerald-500",components:["Select","InputSearcher"]},{icon:e.jsx(r.CheckSquare,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Choice Controls",description:"Boolean and group selection inputs",color:"from-purple-500 to-violet-500",components:["Checkbox","Radio","RadioGroup","Switch"]},{icon:e.jsx(r.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",components:["FileInput"]},{icon:e.jsx(r.Hash,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Specialized",description:"PIN codes and toggle selection bars",color:"from-indigo-500 to-purple-500",components:["PinCode","ToggleBar"]}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Form Components",description:"11 input components ready for use with FormField. Each integrates automatically with validation, error display, and form state.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.LayoutGrid,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Available Inputs"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"All form inputs organized by category"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:o.map((s,a)=>e.jsx(t.CardContainer,{children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`p-2.5 rounded-xl bg-linear-to-br ${s.color} shadow-lg`,children:s.icon}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h3",className:"font-semibold",children:s.title}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400",children:s.description})]})]}),e.jsx("div",{className:"flex flex-wrap gap-1.5",children:s.components.map((i,l)=>e.jsx(t.Badge,{color:"success",variant:"outline",className:"text-xs",children:i},l))})]})},a))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Usage with FormField"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Any input wrapped in FormField gets automatic registration and error handling"})]}),e.jsx(t.CardContainer,{children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[{label:"Input",code:'<FormField name="email"><Input type="email" /></FormField>'},{label:"Select",code:'<FormField name="country"><Select options={countries} /></FormField>'},{label:"Checkbox",code:'<FormField name="terms"><Checkbox label="Accept" /></FormField>'},{label:"InputSearcher",code:'<FormField name="city"><InputSearcher options={cities} /></FormField>'}].map((s,a)=>e.jsxs("div",{className:"p-3 bg-gray-100 dark:bg-gray-800/50 rounded-lg border border-border",children:[e.jsx(t.Typography,{tag:"span",className:"text-xs font-semibold text-brand block mb-2",children:s.label}),e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400 break-all",children:s.code})]},a))})})})]})]})};exports.default=n;

package/documentation/{FormComponentsSection-BjJY47h7.js → FormComponentsSection-C-8-Ifdf.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { H as n, T as o, C as i, K as c } from "../index-19KsCnyX.js";
+import { H as n, T as o, C as i, K as c } from "../index-sdOMz8GW.js";
 import { LayoutGrid as m, Type as p, List as h, CheckSquare as g, Upload as u, Hash as x } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{FormMethodsSection-R2SW4g00.js → FormMethodsSection-7lWjqEpP.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const i=`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-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const i=`import { useFormContext } from '@e-burgos/tucu-ui';
 
 function FormActions() {
   const {

package/documentation/{FormMethodsSection-DlBnV-Aj.js → FormMethodsSection-GRov9bTj.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { H as m, T as t, C as r, c as h } from "../index-19KsCnyX.js";
+import { H as m, T as t, C as r, c as h } from "../index-sdOMz8GW.js";
 import { Terminal as u, Activity as p, Circle as l, Wrench as f } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{HamburgerSection-BpoVoDOi.js → HamburgerSection-Ca0rA8w8.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
 import { useState as c } from "react";
-import { H as d, C as i, a as o, T as s, z as r, P as p, A as u, c as h } from "../index-19KsCnyX.js";
+import { H as d, C as i, a as o, T as s, z as r, P as p, A as u, c as h } from "../index-sdOMz8GW.js";
 import { Menu as g } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{HamburgerSection-VxfOCf7c.js → HamburgerSection-D4CBi0uh.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const l=()=>{const[s,a]=t.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Hamburger",description:`An animated hamburger menu button component, perfect for mobile
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("../index-DEZRGktf.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const l=()=>{const[s,a]=t.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Hamburger",description:`An animated hamburger menu button component, perfect for mobile
           navigation menus.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-blue-600 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.Menu,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),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 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Closed State"}),e.jsx(r.Hamburger,{isOpen:!1,onClick:()=>a(!1)})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Open State"}),e.jsx(r.Hamburger,{isOpen:!0,onClick:()=>a(!0)})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),e.jsx(r.Hamburger,{isOpen:s,onClick:()=>a(!s)})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Different Variants"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(r.Hamburger,{variant:"solid",color:"primary"}),e.jsx(r.Hamburger,{variant:"ghost",color:"primary"}),e.jsx(r.Hamburger,{variant:"transparent"})]})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Hamburger",defaultValues:{isOpen:!1,color:"primary",size:"medium",variant:"solid"},excludeProps:["onClick","aria-label","aria-describedby","tooltip","tooltipArrow","tooltipColor","tooltipPlacement","isLoading","loaderSize","loaderVariant","fullWidth","disabled"],children:i=>e.jsx(r.Hamburger,{...i})}),e.jsx(r.AutoPropsTable,{componentName:"Hamburger"}),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 { Hamburger } from '@e-burgos/tucu-ui';
 import { useState } from 'react';
 

package/documentation/{HookCategoriesSection-GgKNpxrq.js → HookCategoriesSection-C4IpQtMI.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const r=[{icon:e.jsx(o.Monitor,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Responsive & Layout",description:"Screen size detection and element measurement hooks",color:"from-blue-500 via-cyan-500 to-teal-500",hooks:[{name:"useBreakpoint",desc:"Returns current breakpoint (xs–4xl)"},{name:"useIsMobile",desc:"Returns { isMobile: boolean }"},{name:"useElementSize",desc:"Tracks element width/height via ResizeObserver"},{name:"useMeasure",desc:"Full bounds (x, y, width, height, top, right, bottom, left)"},{name:"useWindowScroll",desc:"Returns { x, y } scroll position"}]},{icon:e.jsx(o.MousePointer,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"User Interaction",description:"Click detection, clipboard, and event handling",color:"from-purple-500 via-violet-500 to-indigo-500",hooks:[{name:"useClickAway",desc:"Detects clicks outside a ref element"},{name:"useCopyToClipboard",desc:"Clipboard copy with state tracking"},{name:"useEventListener",desc:"Type-safe event listener with auto-cleanup"}]},{icon:e.jsx(o.Layout,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"UI State Management",description:"Global Zustand-based state for UI behavior",color:"from-green-500 via-emerald-500 to-teal-500",hooks:[{name:"useGridSwitcher",desc:"Toggle compact/normal grid layout"},{name:"useLockBodyScroll",desc:"Lock body scroll (preserves scrollbar)"},{name:"useToastStore",desc:"Global toast notifications (Zustand)"},{name:"useScrollableSlider",desc:"Horizontal slider with prev/next controls"}]},{icon:e.jsx(o.Wrench,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Utilities",description:"Lifecycle and navigation helpers",color:"from-orange-500 via-amber-500 to-yellow-500",hooks:[{name:"useIsMounted",desc:"Returns boolean for component mount state"},{name:"useAnchorScroll",desc:"Smooth scroll to anchor links automatically"}]}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Hook Categories",description:"14 hooks organized into 4 categories: Responsive & Layout, User Interaction, UI State Management, and Utilities.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.FolderTree,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Organized Collection"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each hook category addresses a different development need"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:r.map((t,i)=>e.jsx(s.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-4 sm:p-6",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`,children:t.icon}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:t.title}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400",children:t.description})]})]}),e.jsx("div",{className:"space-y-2",children:t.hooks.map((a,n)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Badge,{className:"text-dark dark:text-white shrink-0",children:a.name}),e.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:a.desc})]},n))})]})},i))})]})]})};exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const r=[{icon:e.jsx(o.Monitor,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Responsive & Layout",description:"Screen size detection and element measurement hooks",color:"from-blue-500 via-cyan-500 to-teal-500",hooks:[{name:"useBreakpoint",desc:"Returns current breakpoint (xs–4xl)"},{name:"useIsMobile",desc:"Returns { isMobile: boolean }"},{name:"useElementSize",desc:"Tracks element width/height via ResizeObserver"},{name:"useMeasure",desc:"Full bounds (x, y, width, height, top, right, bottom, left)"},{name:"useWindowScroll",desc:"Returns { x, y } scroll position"}]},{icon:e.jsx(o.MousePointer,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"User Interaction",description:"Click detection, clipboard, and event handling",color:"from-purple-500 via-violet-500 to-indigo-500",hooks:[{name:"useClickAway",desc:"Detects clicks outside a ref element"},{name:"useCopyToClipboard",desc:"Clipboard copy with state tracking"},{name:"useEventListener",desc:"Type-safe event listener with auto-cleanup"}]},{icon:e.jsx(o.Layout,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"UI State Management",description:"Global Zustand-based state for UI behavior",color:"from-green-500 via-emerald-500 to-teal-500",hooks:[{name:"useGridSwitcher",desc:"Toggle compact/normal grid layout"},{name:"useLockBodyScroll",desc:"Lock body scroll (preserves scrollbar)"},{name:"useToastStore",desc:"Global toast notifications (Zustand)"},{name:"useScrollableSlider",desc:"Horizontal slider with prev/next controls"}]},{icon:e.jsx(o.Wrench,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Utilities",description:"Lifecycle and navigation helpers",color:"from-orange-500 via-amber-500 to-yellow-500",hooks:[{name:"useIsMounted",desc:"Returns boolean for component mount state"},{name:"useAnchorScroll",desc:"Smooth scroll to anchor links automatically"}]}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Hook Categories",description:"14 hooks organized into 4 categories: Responsive & Layout, User Interaction, UI State Management, and Utilities.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.FolderTree,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Organized Collection"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each hook category addresses a different development need"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:r.map((t,i)=>e.jsx(s.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-4 sm:p-6",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`,children:t.icon}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:t.title}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400",children:t.description})]})]}),e.jsx("div",{className:"space-y-2",children:t.hooks.map((a,n)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Badge,{className:"text-dark dark:text-white shrink-0",children:a.name}),e.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:a.desc})]},n))})]})},i))})]})]})};exports.default=l;

package/documentation/{HookCategoriesSection-B_TOE9Dl.js → HookCategoriesSection-aPC8igOJ.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { H as n, T as a, C as c, K as d } from "../index-19KsCnyX.js";
+import { H as n, T as a, C as c, K as d } from "../index-sdOMz8GW.js";
 import { FolderTree as m, Monitor as h, MousePointer as p, Layout as u, Wrench as g } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{HookDocumentationSection-DC-uDZ1A.js → HookDocumentationSection-CJusmRuu.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Hook Documentation",description:"Complete API reference for all 14 hooks with signatures, parameters, return types, and usage examples.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.BookOpen,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Responsive & Layout Hooks"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Screen size detection and element measurement"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useBreakpoint & useIsMobile",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useBreakpoint()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Returns the current screen breakpoint name. Built on createBreakpoint from react-use."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const breakpoint = useBreakpoint();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Hook Documentation",description:"Complete API reference for all 14 hooks with signatures, parameters, return types, and usage examples.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.BookOpen,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Responsive & Layout Hooks"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Screen size detection and element measurement"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useBreakpoint & useIsMobile",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useBreakpoint()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Returns the current screen breakpoint name. Built on createBreakpoint from react-use."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const breakpoint = useBreakpoint();
 // Returns: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl'
 
 // Breakpoint sizes:

package/documentation/{HookDocumentationSection-CBtlj0Xo.js → HookDocumentationSection-DtJ-7xkX.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as d, T as a, C as s, a as l, c as t } from "../index-19KsCnyX.js";
+import { H as d, T as a, C as s, a as l, c as t } from "../index-sdOMz8GW.js";
 import { BookOpen as n } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{HookFeaturesSection-CYQq8uiT.js → HookFeaturesSection-BUbn6rmV.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { H as i, T as o, ax as r } from "../index-19KsCnyX.js";
+import { H as i, T as o, ax as r } from "../index-sdOMz8GW.js";
 import { Sparkles as l, Zap as n, Code as m, Package as c, Eye as d, Database as p, Layers as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{HookFeaturesSection-C46s1I46.js → HookFeaturesSection-DNqjSrJZ.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const a=[{icon:e.jsx(t.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Performance Optimized",description:"Minimal re-renders using useRef patterns, ResizeObserver, and event delegation for maximum efficiency.",iconBgClassName:"from-yellow-500 to-amber-500"},{icon:e.jsx(t.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"TypeScript First",description:"Full generic support (e.g. useElementSize<HTMLCanvasElement>) with comprehensive type definitions and IntelliSense.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(t.Package,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Tree Shaking",description:"Import only the hooks you need — each hook is independently exportable for optimal bundle size.",iconBgClassName:"from-green-500 to-emerald-500"},{icon:e.jsx(t.Eye,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Accessibility Ready",description:"Hooks like useLockBodyScroll preserve scrollbar width to prevent layout shifts, and useEventListener supports keyboard navigation.",iconBgClassName:"from-purple-500 to-violet-500"},{icon:e.jsx(t.Database,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Zustand-Powered State",description:"Global state hooks (useToastStore, useGridSwitcher) are built on Zustand for predictable, minimal-boilerplate state management.",iconBgClassName:"from-orange-500 to-red-500"},{icon:e.jsx(t.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"14 Hooks Available",description:"From responsive detection to clipboard operations, element measurement, scroll control, and event handling — all in one library.",iconBgClassName:"from-teal-500 to-cyan-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Why Choose Our Hooks?",description:"A battle-tested collection of 14 React hooks covering responsive design, user interactions, state management, and utilities — all with full TypeScript support and tree-shaking.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-cyan-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Sparkles,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Key Advantages"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Built with modern React patterns and optimized for performance"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:a.map(i=>e.jsx(s.FeatureCard,{layout:"vertical",...i},i.title))})]})]})};exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const a=[{icon:e.jsx(t.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Performance Optimized",description:"Minimal re-renders using useRef patterns, ResizeObserver, and event delegation for maximum efficiency.",iconBgClassName:"from-yellow-500 to-amber-500"},{icon:e.jsx(t.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"TypeScript First",description:"Full generic support (e.g. useElementSize<HTMLCanvasElement>) with comprehensive type definitions and IntelliSense.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(t.Package,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Tree Shaking",description:"Import only the hooks you need — each hook is independently exportable for optimal bundle size.",iconBgClassName:"from-green-500 to-emerald-500"},{icon:e.jsx(t.Eye,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Accessibility Ready",description:"Hooks like useLockBodyScroll preserve scrollbar width to prevent layout shifts, and useEventListener supports keyboard navigation.",iconBgClassName:"from-purple-500 to-violet-500"},{icon:e.jsx(t.Database,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Zustand-Powered State",description:"Global state hooks (useToastStore, useGridSwitcher) are built on Zustand for predictable, minimal-boilerplate state management.",iconBgClassName:"from-orange-500 to-red-500"},{icon:e.jsx(t.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"14 Hooks Available",description:"From responsive detection to clipboard operations, element measurement, scroll control, and event handling — all in one library.",iconBgClassName:"from-teal-500 to-cyan-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Why Choose Our Hooks?",description:"A battle-tested collection of 14 React hooks covering responsive design, user interactions, state management, and utilities — all with full TypeScript support and tree-shaking.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-cyan-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Sparkles,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Key Advantages"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Built with modern React patterns and optimized for performance"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:a.map(i=>e.jsx(s.FeatureCard,{layout:"vertical",...i},i.title))})]})]})};exports.default=o;

package/documentation/{IconArchitectureSection-DVwo8J6J.js → IconArchitectureSection-CGks8Mnn.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=()=>{const c=[{icon:e.jsx(t.Sparkles,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Lucide React (1500+ icons)",description:"Full Lucide React library accessible via LucideIcons namespace. Tree-shakeable when consumed as ES modules since lucide-react is marked as external.",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:e.jsx(t.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Custom Tucu Icons (96)",description:"96 hand-crafted SVG icons: blockchain/crypto, layout controls, social brands, and UI elements. Direct named imports from the library.",iconBgClassName:"from-purple-500 to-pink-500"},{icon:e.jsx(t.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Unified Import",description:"Both systems accessible from a single package. LucideIcons via namespace, custom icons via named exports.",iconBgClassName:"from-indigo-500 to-violet-500"}],i=`// Two import patterns — one package
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=()=>{const c=[{icon:e.jsx(t.Sparkles,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Lucide React (1500+ icons)",description:"Full Lucide React library accessible via LucideIcons namespace. Tree-shakeable when consumed as ES modules since lucide-react is marked as external.",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:e.jsx(t.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Custom Tucu Icons (96)",description:"96 hand-crafted SVG icons: blockchain/crypto, layout controls, social brands, and UI elements. Direct named imports from the library.",iconBgClassName:"from-purple-500 to-pink-500"},{icon:e.jsx(t.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Unified Import",description:"Both systems accessible from a single package. LucideIcons via namespace, custom icons via named exports.",iconBgClassName:"from-indigo-500 to-violet-500"}],i=`// Two import patterns — one package
 import { LucideIcons } from '@e-burgos/tucu-ui';
 import { Bitcoin, HomeIcon, Github } from '@e-burgos/tucu-ui';
 

package/documentation/{IconArchitectureSection-Dg0P4xJM.js → IconArchitectureSection-Di4mbvYN.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { H as h, T as a, ax as p, c as u, C as g } from "../index-19KsCnyX.js";
+import { H as h, T as a, ax as p, c as u, C as g } from "../index-sdOMz8GW.js";
 import { Layers as c, Package as x, Check as w, Sparkles as y, Palette as f } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{IconSizingGuideSection-4CGLUtLH.js → IconSizingGuideSection-BvxFBJvT.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { H as d, T as l, C as t } from "../index-19KsCnyX.js";
+import { H as d, T as l, C as t } from "../index-sdOMz8GW.js";
 import { Ruler as n, Star as r } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{IconSizingGuideSection-DV6KbqA2.js → IconSizingGuideSection-Sk9RQPHE.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>{const i=[{label:"XS",tailwind:"w-3 h-3",pixels:"12px",usage:"Inline text, badges, micro indicators"},{label:"SM",tailwind:"w-4 h-4",pixels:"16px",usage:"Input icons, small buttons, list markers"},{label:"MD",tailwind:"w-5 h-5",pixels:"20px",usage:"Default button icons, navigation items"},{label:"LG",tailwind:"w-6 h-6",pixels:"24px",usage:"Card headers, standalone icons, large buttons"},{label:"XL",tailwind:"w-8 h-8",pixels:"32px",usage:"Feature highlights, empty states, hero sections"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Icon Sizing Guide",description:"Consistent sizing scale for icons across different UI contexts. Use Tailwind width/height classes for predictable sizing.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-violet-500 via-purple-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(l.Ruler,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Size Scale"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Visual comparison of icon sizes with recommended use cases"})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-5 gap-4 sm:gap-6",children:i.map(s=>e.jsxs("div",{className:"flex flex-col items-center text-center space-y-3",children:[e.jsx("div",{className:"p-4 rounded-xl bg-gray-100 dark:bg-gray-800/50 border border-border flex items-center justify-center min-h-[80px]",children:e.jsx(l.Star,{className:s.tailwind})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Typography,{tag:"h3",className:"font-bold text-lg",children:s.label}),e.jsx("code",{className:"text-xs text-brand block",children:s.tailwind}),e.jsx(a.Typography,{tag:"span",className:"text-xs text-gray-500 dark:text-gray-400 block",children:s.pixels})]})]},s.label))})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"When to Use Each Size"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Recommended contexts for each icon size"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:i.map(s=>e.jsx(a.CardContainer,{children:e.jsxs("div",{className:"w-full p-4 sm:p-5 flex items-start gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-gray-100 dark:bg-gray-800",children:e.jsx(l.Star,{className:s.tailwind})}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx(a.Typography,{tag:"h3",className:"font-semibold",children:s.label}),e.jsx("code",{className:"text-xs text-gray-500",children:s.tailwind})]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:s.usage})]})]})},s.label))})]})]})};exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>{const i=[{label:"XS",tailwind:"w-3 h-3",pixels:"12px",usage:"Inline text, badges, micro indicators"},{label:"SM",tailwind:"w-4 h-4",pixels:"16px",usage:"Input icons, small buttons, list markers"},{label:"MD",tailwind:"w-5 h-5",pixels:"20px",usage:"Default button icons, navigation items"},{label:"LG",tailwind:"w-6 h-6",pixels:"24px",usage:"Card headers, standalone icons, large buttons"},{label:"XL",tailwind:"w-8 h-8",pixels:"32px",usage:"Feature highlights, empty states, hero sections"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Icon Sizing Guide",description:"Consistent sizing scale for icons across different UI contexts. Use Tailwind width/height classes for predictable sizing.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-violet-500 via-purple-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(l.Ruler,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Size Scale"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Visual comparison of icon sizes with recommended use cases"})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-5 gap-4 sm:gap-6",children:i.map(s=>e.jsxs("div",{className:"flex flex-col items-center text-center space-y-3",children:[e.jsx("div",{className:"p-4 rounded-xl bg-gray-100 dark:bg-gray-800/50 border border-border flex items-center justify-center min-h-[80px]",children:e.jsx(l.Star,{className:s.tailwind})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Typography,{tag:"h3",className:"font-bold text-lg",children:s.label}),e.jsx("code",{className:"text-xs text-brand block",children:s.tailwind}),e.jsx(a.Typography,{tag:"span",className:"text-xs text-gray-500 dark:text-gray-400 block",children:s.pixels})]})]},s.label))})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"When to Use Each Size"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Recommended contexts for each icon size"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:i.map(s=>e.jsx(a.CardContainer,{children:e.jsxs("div",{className:"w-full p-4 sm:p-5 flex items-start gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-gray-100 dark:bg-gray-800",children:e.jsx(l.Star,{className:s.tailwind})}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx(a.Typography,{tag:"h3",className:"font-semibold",children:s.label}),e.jsx("code",{className:"text-xs text-gray-500",children:s.tailwind})]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:s.usage})]})]})},s.label))})]})]})};exports.default=t;

package/documentation/{IconSystemAPISection-B4lcpmhY.js → IconSystemAPISection-9gPzoVbb.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const i=[{prop:"className",type:"string",default:"—",description:"Tailwind CSS classes for styling. Use w-*/h-* for sizing, text-* for color."},{prop:"size",type:"number | string",default:"24",description:"Icon size in pixels. Sets both width and height. Alternative to className sizing."},{prop:"color",type:"string",default:"currentColor",description:"SVG stroke color. Inherits from parent text color by default."},{prop:"strokeWidth",type:"number",default:"2",description:"Width of SVG strokes. Use 1.5 for thinner lines, 2.5 for bolder."},{prop:"fill",type:"string",default:"none",description:'SVG fill color. Most Lucide icons are stroke-based (fill="none").'},{prop:"absoluteStrokeWidth",type:"boolean",default:"false",description:"When true, strokeWidth stays constant regardless of icon size."}],o=[{prop:"className",type:"string",default:"—",description:"Tailwind CSS classes for sizing (w-*/h-*) and color (text-*)."},{prop:"width / height",type:"number | string",default:"—",description:"SVG width and height attributes. className sizing is preferred."},{prop:"fill",type:"string",default:"varies",description:"SVG fill. Some icons use currentColor, others have hardcoded brand colors."},{prop:"stroke",type:"string",default:"varies",description:"SVG stroke color. Depends on icon type (fill-based vs stroke-based)."},{prop:"...SVGAttributes",type:"SVGAttributes<SVGElement>",default:"—",description:"All standard SVG attributes: opacity, style, onClick, aria-*, etc."}],r=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>t==="—"?e.jsx("span",{className:"text-gray-400",children:"—"}):e.jsx("code",{className:"text-xs",children:String(t)})},{key:"description",label:"Description"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Icon System API",description:"Complete props reference for both Lucide namespace icons and custom Tucu icons. Each system has a slightly different API surface.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-cyan-500 via-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Terminal,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Lucide Icons Props"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Props available on LucideIcons.* components"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:r,data:i})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Custom Tucu Icons Props"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Props available on named custom icon exports"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:r,data:o})})})]})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const i=[{prop:"className",type:"string",default:"—",description:"Tailwind CSS classes for styling. Use w-*/h-* for sizing, text-* for color."},{prop:"size",type:"number | string",default:"24",description:"Icon size in pixels. Sets both width and height. Alternative to className sizing."},{prop:"color",type:"string",default:"currentColor",description:"SVG stroke color. Inherits from parent text color by default."},{prop:"strokeWidth",type:"number",default:"2",description:"Width of SVG strokes. Use 1.5 for thinner lines, 2.5 for bolder."},{prop:"fill",type:"string",default:"none",description:'SVG fill color. Most Lucide icons are stroke-based (fill="none").'},{prop:"absoluteStrokeWidth",type:"boolean",default:"false",description:"When true, strokeWidth stays constant regardless of icon size."}],o=[{prop:"className",type:"string",default:"—",description:"Tailwind CSS classes for sizing (w-*/h-*) and color (text-*)."},{prop:"width / height",type:"number | string",default:"—",description:"SVG width and height attributes. className sizing is preferred."},{prop:"fill",type:"string",default:"varies",description:"SVG fill. Some icons use currentColor, others have hardcoded brand colors."},{prop:"stroke",type:"string",default:"varies",description:"SVG stroke color. Depends on icon type (fill-based vs stroke-based)."},{prop:"...SVGAttributes",type:"SVGAttributes<SVGElement>",default:"—",description:"All standard SVG attributes: opacity, style, onClick, aria-*, etc."}],r=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>t==="—"?e.jsx("span",{className:"text-gray-400",children:"—"}):e.jsx("code",{className:"text-xs",children:String(t)})},{key:"description",label:"Description"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Icon System API",description:"Complete props reference for both Lucide namespace icons and custom Tucu icons. Each system has a slightly different API surface.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-cyan-500 via-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Terminal,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Lucide Icons Props"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Props available on LucideIcons.* components"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:r,data:i})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Custom Tucu Icons Props"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Props available on named custom icon exports"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:r,data:o})})})]})]})};exports.default=n;

package/documentation/{IconSystemAPISection-feuWPuII.js → IconSystemAPISection-CLQ3AG66.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { H as d, T as r, C as i, y as a } from "../index-19KsCnyX.js";
+import { H as d, T as r, C as i, y as a } from "../index-sdOMz8GW.js";
 import { Terminal as p } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{IconSystemBenefitsSection-BlEPp4PZ.js → IconSystemBenefitsSection-BT_i9cRU.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { H as r, T as a, ax as n, C as l } from "../index-19KsCnyX.js";
+import { H as r, T as a, ax as n, C as l } from "../index-sdOMz8GW.js";
 import { Zap as o, Library as d, Palette as m, TreeDeciduous as h, Paintbrush as p, Moon as u, Code2 as y } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{IconSystemBenefitsSection-isJXtAnP.js → IconSystemBenefitsSection-cwhAboY_.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const i=[{title:"1500+ Lucide Icons",description:"Full access to the Lucide React library through a single namespace. Covers virtually every UI need without searching for third-party packs.",icon:e.jsx(a.Library,{className:"w-6 h-6"})},{title:"96 Custom Domain Icons",description:"Hand-crafted SVG icons for crypto, layouts, brands, and UI patterns not available in Lucide.",icon:e.jsx(a.Palette,{className:"w-6 h-6"})},{title:"Tree-Shakeable Lucide",description:"lucide-react is marked as external — your bundler only includes the icons you actually reference, keeping bundle size minimal.",icon:e.jsx(a.TreeDeciduous,{className:"w-6 h-6"})},{title:"Tailwind Native",description:"Size with w-*/h-*, color with text-*, opacity, transitions — icons behave like any Tailwind element.",icon:e.jsx(a.Paintbrush,{className:"w-6 h-6"})},{title:"Dark Mode Ready",description:"Icons inherit color via currentColor. Use dark: variants on the parent and icons adapt automatically.",icon:e.jsx(a.Moon,{className:"w-6 h-6"})},{title:"TypeScript Support",description:"Full type inference for both icon systems. LucideIcons namespace provides autocomplete for all icon names.",icon:e.jsx(a.Code2,{className:"w-6 h-6"})}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"System Benefits",description:"Why the tucu-ui icon system gives you a great developer experience — performance, flexibility, and consistency in one package.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-amber-500 via-yellow-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Zap,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Key Benefits"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"What makes the tucu-ui icon system stand out"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:i.map((t,r)=>e.jsx(s.FeatureCard,{title:t.title,description:t.description,icon:t.icon},r))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Summary"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"The icon system at a glance"})]}),e.jsx(s.CardContainer,{children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-6 text-center",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h3",className:"text-3xl font-bold text-brand",children:"1500+"}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Lucide icons via namespace"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h3",className:"text-3xl font-bold text-brand",children:"96"}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Custom domain icons"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h3",className:"text-3xl font-bold text-brand",children:"0kb"}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Unused Lucide icons in bundle"})]})]})})})]})]})};exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const i=[{title:"1500+ Lucide Icons",description:"Full access to the Lucide React library through a single namespace. Covers virtually every UI need without searching for third-party packs.",icon:e.jsx(a.Library,{className:"w-6 h-6"})},{title:"96 Custom Domain Icons",description:"Hand-crafted SVG icons for crypto, layouts, brands, and UI patterns not available in Lucide.",icon:e.jsx(a.Palette,{className:"w-6 h-6"})},{title:"Tree-Shakeable Lucide",description:"lucide-react is marked as external — your bundler only includes the icons you actually reference, keeping bundle size minimal.",icon:e.jsx(a.TreeDeciduous,{className:"w-6 h-6"})},{title:"Tailwind Native",description:"Size with w-*/h-*, color with text-*, opacity, transitions — icons behave like any Tailwind element.",icon:e.jsx(a.Paintbrush,{className:"w-6 h-6"})},{title:"Dark Mode Ready",description:"Icons inherit color via currentColor. Use dark: variants on the parent and icons adapt automatically.",icon:e.jsx(a.Moon,{className:"w-6 h-6"})},{title:"TypeScript Support",description:"Full type inference for both icon systems. LucideIcons namespace provides autocomplete for all icon names.",icon:e.jsx(a.Code2,{className:"w-6 h-6"})}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"System Benefits",description:"Why the tucu-ui icon system gives you a great developer experience — performance, flexibility, and consistency in one package.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-amber-500 via-yellow-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Zap,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Key Benefits"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"What makes the tucu-ui icon system stand out"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:i.map((t,r)=>e.jsx(s.FeatureCard,{title:t.title,description:t.description,icon:t.icon},r))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Summary"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"The icon system at a glance"})]}),e.jsx(s.CardContainer,{children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-6 text-center",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h3",className:"text-3xl font-bold text-brand",children:"1500+"}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Lucide icons via namespace"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h3",className:"text-3xl font-bold text-brand",children:"96"}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Custom domain icons"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h3",className:"text-3xl font-bold text-brand",children:"0kb"}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Unused Lucide icons in bundle"})]})]})})})]})]})};exports.default=c;

package/documentation/{ImageSection-lfQJq_9S.js → ImageSection-DElzEj6Q.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-DMs_SmPq.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"Image",description:`A powerful image component inspired by Next.js Image, featuring lazy
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-DEZRGktf.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"Image",description:`A powerful image component inspired by Next.js Image, featuring lazy
           loading, blur placeholders, error handling, and automatic
           optimization.`,icon:a.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-sky-600 to-blue-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(r.ImageIcon,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Usage",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Standard Image"}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Basic usage with width and height."}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=400&h=300&fit=crop",alt:"Mountain landscape",width:400,height:300,className:"rounded-lg"})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Lazy Loading"}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Automatic lazy loading with smooth fade-in."}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=300&fit=crop",alt:"Mountain peaks",width:400,height:300,loading:"lazy",className:"rounded-lg"})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Object Fit Modes",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Cover (Default)"}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Fills container, may crop image."}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=300&h=200&fit=crop",alt:"Nature landscape cover",width:300,height:200,objectFit:"cover",className:"rounded-lg border-2 border-border"})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Contain"}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Fits entirely, may have empty space."}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=300&h=200&fit=crop",alt:"Nature landscape contain",width:300,height:200,objectFit:"contain",containerClassName:"bg-gray-100 dark:bg-gray-800",className:"rounded-lg"})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Fill"}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Stretches to fill container."}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=300&h=200&fit=crop",alt:"Nature landscape fill",width:300,height:200,objectFit:"fill",className:"rounded-lg border-2 border-border"})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Aspect Ratios",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"16:9 (Video)"}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1501594907352-04cda38ebc29?w=400&h=300&fit=crop",alt:"Beach sunset 16:9",aspectRatio:"16/9",fill:!0,containerClassName:"w-full rounded-lg"})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"4:3 (Classic)"}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1472214103451-9374bd1c798e?w=400&h=300&fit=crop",alt:"Forest path 4:3",aspectRatio:"4/3",fill:!0,containerClassName:"w-full rounded-lg"})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"1:1 (Square)"}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1511884642898-4c92249e20b6?w=300&h=300&fit=crop",alt:"City skyline 1:1",aspectRatio:"1/1",fill:!0,containerClassName:"w-full rounded-lg"})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Placeholder Types",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Blur Placeholder"}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Shows animated blur effect while loading."}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=400&h=300&fit=crop",alt:"Mountain with blur placeholder",width:400,height:300,placeholder:"blur",className:"rounded-lg"})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Empty Placeholder"}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Shows spinner while loading."}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=300&fit=crop",alt:"Mountains with empty placeholder",width:400,height:300,placeholder:"empty",className:"rounded-lg"})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Error Handling",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Invalid Image (Fallback)"}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Automatically shows fallback on error."}),a.jsx(e.Image,{src:"https://invalid-url-that-will-fail.com/image.jpg",alt:"Image with fallback",width:400,height:300,className:"rounded-lg"})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Custom Fallback"}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Provide your own fallback image."}),a.jsx(e.Image,{src:"https://invalid-url.com/image.jpg",alt:"Custom fallback",width:400,height:300,fallbackSrc:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=300&fit=crop",className:"rounded-lg"})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Responsive Images",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Full Width Responsive"}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Image fills container width with maintained aspect ratio."}),a.jsx(e.Image,{src:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&h=400&fit=crop",alt:"Responsive landscape",aspectRatio:"21/9",fill:!0,containerClassName:"w-full rounded-lg"})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Grid Responsive Images"}),a.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:["photo-1682687220742-aba13b6e50ba","photo-1506905925346-21bda4d32df4","photo-1501594907352-04cda38ebc29","photo-1472214103451-9374bd1c798e"].map((s,l)=>a.jsx(e.Image,{src:`https://images.unsplash.com/${s}?w=300&h=300&fit=crop`,alt:`Gallery image ${l+1}`,aspectRatio:"1/1",fill:!0,containerClassName:"w-full rounded-lg"},s))})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Key Features",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsxs(e.Typography,{tag:"h5",className:"mb-2",children:[a.jsx("span",{role:"img","aria-label":"rocket",children:"🚀"})," ","Lazy Loading"]}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Native browser lazy loading for better performance and faster page loads."})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsxs(e.Typography,{tag:"h5",className:"mb-2",children:[a.jsx("span",{role:"img","aria-label":"sparkles",children:"✨"})," ","Smooth Transitions"]}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Beautiful fade-in animations and blur effects for a polished loading experience."})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsxs(e.Typography,{tag:"h5",className:"mb-2",children:[a.jsx("span",{role:"img","aria-label":"shield",children:"🛡️"})," ","Error Handling"]}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Automatic fallback images and error states with user-friendly messaging."})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsxs(e.Typography,{tag:"h5",className:"mb-2",children:[a.jsx("span",{role:"img","aria-label":"art",children:"🎨"})," ","Aspect Ratios"]}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"CSS aspect-ratio support for consistent layouts without layout shift."})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsxs(e.Typography,{tag:"h5",className:"mb-2",children:[a.jsx("span",{role:"img","aria-label":"mobile",children:"📱"})," ","Responsive"]}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Fully responsive with flexible sizing options and fill mode support."})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsxs(e.Typography,{tag:"h5",className:"mb-2",children:[a.jsx("span",{role:"img","aria-label":"accessibility",children:"♿"})," ","Accessible"]}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Required alt text and proper ARIA labels for screen readers."})]})]})})})}),a.jsx(e.PropPlayground,{componentName:"Image",defaultValues:{src:"https://picsum.photos/400/300",alt:"Sample image",objectFit:"cover",loading:"lazy",placeholder:"empty",fill:!1,priority:"auto",width:"400",height:"300",aspectRatio:"16/9"},excludeProps:[],children:s=>a.jsx(e.Image,{...s})}),a.jsx(e.AutoPropsTable,{componentName:"Image"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { Image } from '@e-burgos/tucu-ui';
 

package/documentation/{ImageSection-90o9mI_A.js → ImageSection-JveC2Eht.js}

@@ -1,5 +1,5 @@
 import { jsxs as l, Fragment as d, jsx as a } from "react/jsx-runtime";
-import { H as o, C as s, a as i, T as e, aw as t, P as m, A as n, c as h } from "../index-19KsCnyX.js";
+import { H as o, C as s, a as i, T as e, aw as t, P as m, A as n, c as h } from "../index-sdOMz8GW.js";
 import { ImageIcon as g } from "lucide-react";
 import "react-router-dom";
 import "react";