@e-burgos/tucu-ui 2.0.2 → 2.0.4

package/documentation/CustomIconsSection-DGn1HMN8.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),o=require("../index-QnI4b7wS.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const h=()=>{const[m,t]=d.useState(null),r=[{category:"Blockchain & Crypto",description:"Cryptocurrency and blockchain-related icons",icon:e.jsx(s.Coins,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-yellow-500 via-orange-500 to-amber-500",icons:[{name:"Bitcoin",component:e.jsx(o.Bitcoin,{className:"w-6 h-6"})},{name:"Ethereum",component:e.jsx(o.Ethereum,{className:"w-6 h-6"})},{name:"Bnb",component:e.jsx(o.Bnb,{className:"w-6 h-6"})},{name:"Cardano",component:e.jsx(o.Cardano,{className:"w-6 h-6"})},{name:"Tether",component:e.jsx(o.Tether,{className:"w-6 h-6"})},{name:"Usdc",component:e.jsx(o.Usdc,{className:"w-6 h-6"})},{name:"Doge",component:e.jsx(o.Doge,{className:"w-6 h-6"})},{name:"Flow",component:e.jsx(o.Flow,{className:"w-6 h-6"})}]},{category:"Layout Controls",description:"Icons for layout switching and navigation",icon:e.jsx(s.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-indigo-500 to-purple-500",icons:[{name:"ClassicLayoutIcon",component:e.jsx(o.ClassicLayoutIcon,{className:"w-6 h-6"})},{name:"MinimalLayoutIcon",component:e.jsx(o.MinimalLayoutIcon,{className:"w-6 h-6"})},{name:"ModernLayoutIcon",component:e.jsx(o.ModernLayoutIcon,{className:"w-6 h-6"})},{name:"RetroLayoutIcon",component:e.jsx(o.RetroLayoutIcon,{className:"w-6 h-6"})}]},{category:"Social Brands",description:"Social media platform icons",icon:e.jsx(s.Share2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-pink-500 via-rose-500 to-red-500",icons:[{name:"Github",component:e.jsx(o.Github,{className:"w-6 h-6"})},{name:"Twitter",component:e.jsx(o.Twitter,{className:"w-6 h-6"})},{name:"Facebook",component:e.jsx(o.Facebook,{className:"w-6 h-6"})},{name:"Instagram",component:e.jsx(o.Instagram,{className:"w-6 h-6"})},{name:"Telegram",component:e.jsx(o.Telegram,{className:"w-6 h-6"})}]},{category:"UI Elements",description:"Common UI and interface icons",icon:e.jsx(s.Component,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",icons:[{name:"Tucu",component:e.jsx(o.Tucu,{className:"w-6 h-6"})},{name:"HomeIcon",component:e.jsx(o.HomeIcon,{className:"w-6 h-6"})},{name:"SearchIcon",component:e.jsx(o.SearchIcon,{className:"w-6 h-6"})},{name:"Sun",component:e.jsx(o.Sun,{className:"w-6 h-6"})},{name:"Moon",component:e.jsx(o.Moon,{className:"w-6 h-6"})},{name:"Check",component:e.jsx(o.Check,{className:"w-6 h-6"})},{name:"Close",component:e.jsx(o.Close,{className:"w-6 h-6"})},{name:"Plus",component:e.jsx(o.Plus,{className:"w-6 h-6"})},{name:"Star",component:e.jsx(o.Star,{className:"w-6 h-6"})},{name:"StarFill",component:e.jsx(o.StarFill,{className:"w-6 h-6"})},{name:"Verified",component:e.jsx(o.Verified,{className:"w-6 h-6"})},{name:"Warning",component:e.jsx(o.Warning,{className:"w-6 h-6"})},{name:"InfoCircle",component:e.jsx(o.InfoCircle,{className:"w-6 h-6"})},{name:"DocumentIcon",component:e.jsx(o.DocumentIcon,{className:"w-6 h-6"})},{name:"BookIcon",component:e.jsx(o.BookIcon,{className:"w-6 h-6"})},{name:"PlayIcon",component:e.jsx(o.PlayIcon,{className:"w-6 h-6"})},{name:"ProfileIcon",component:e.jsx(o.ProfileIcon,{className:"w-6 h-6"})},{name:"EyeIcon",component:e.jsx(o.EyeIcon,{className:"w-6 h-6"})},{name:"EyeSlashIcon",component:e.jsx(o.EyeSlashIcon,{className:"w-6 h-6"})},{name:"LockIcon",component:e.jsx(o.LockIcon,{className:"w-6 h-6"})},{name:"Unlocked",component:e.jsx(o.Unlocked,{className:"w-6 h-6"})}]}],l=a=>{const c=`import { ${a} } from '@e-burgos/tucu-ui';
+
+<${a} className="w-6 h-6" />`;navigator.clipboard.writeText(c),t(a),setTimeout(()=>t(null),2e3)};return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Custom Tucu Icons"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"98+ custom-designed icons organized by category"})]}),e.jsx("div",{className:"space-y-8",children:r.map((a,c)=>e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:a.category,className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`p-2 rounded-lg bg-linear-to-br ${a.color} shadow-lg`,children:a.icon}),e.jsxs("div",{children:[e.jsx(o.Typography,{tag:"h3",className:"text-xl font-semibold",children:a.category}),e.jsx(o.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:a.description})]})]}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-4",children:a.icons.map((n,i)=>e.jsxs("div",{className:"flex flex-col items-center gap-2 p-3 rounded-lg hover:bg-gray-100  dark:hover:bg-gray-800 transition-colors cursor-pointer group relative",onClick:()=>l(n.name),title:`Click to copy: ${n.name}`,children:[e.jsx("div",{className:"text-gray-700 dark:text-gray-300 group-hover:text-brand transition-colors",children:n.component}),e.jsx(o.Typography,{tag:"span",className:"text-xs text-center text-gray-500 dark:text-gray-400",children:n.name}),m===n.name&&e.jsx("div",{className:"absolute -top-8 left-1/2 transform -translate-x-1/2 px-2 py-1 bg-green-500 text-white text-xs rounded whitespace-nowrap z-10",children:"Copied!"})]},i))})]})})},c))})]})};exports.default=h;

package/documentation/DefiAppLogoSection-CniFLoNx.js

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

package/{DefiAppLogoSection-CJDd6Q3u.mjs → documentation/DefiAppLogoSection-DjnvrP3j.js}

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

package/{DesignPrinciplesSection-BSGshMjS.mjs → documentation/DesignPrinciplesSection-C-qZ5KCo.js}

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

package/documentation/DesignPrinciplesSection-MeMVZ3ry.js

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

package/documentation/DrawerSection-9NhdERLz.js

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

package/documentation/DrawerSection-Cdhpw0Zp.js

@@ -0,0 +1,158 @@
+import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { T as r, C as i, a as d, y as p, a4 as n, P as h, A as u, c as w } from "../index-B6CStnMG.js";
+import "lucide-react";
+import "react-router-dom";
+import "react-dom";
+const v = () => {
+  const [s, t] = l(!1), [g, o] = l(
+    "sidebar"
+  );
+  return /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ e(r, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Drawer" }),
+      /* @__PURE__ */ e(
+        r,
+        {
+          tag: "p",
+          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
+          children: "A drawer component that slides in from the side, supporting both simple sidebar and sidebar-menu variants."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ a(i, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Sidebar Drawer" }),
+        /* @__PURE__ */ e(
+          p,
+          {
+            onClick: () => {
+              o("sidebar"), t(!0);
+            },
+            children: "Open Sidebar"
+          }
+        ),
+        /* @__PURE__ */ e(
+          n,
+          {
+            isOpen: s,
+            setIsOpen: t,
+            type: "sidebar",
+            title: "Sidebar Title",
+            children: /* @__PURE__ */ e(r, { tag: "p", children: "Sidebar content goes here" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(i, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Right Position" }),
+        /* @__PURE__ */ e(
+          p,
+          {
+            onClick: () => {
+              o("sidebar"), t(!0);
+            },
+            children: "Open Right Drawer"
+          }
+        ),
+        /* @__PURE__ */ e(
+          n,
+          {
+            isOpen: s,
+            setIsOpen: t,
+            type: "sidebar",
+            position: "right",
+            title: "Right Drawer",
+            children: /* @__PURE__ */ e(r, { tag: "p", children: "Content on the right" })
+          }
+        )
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        componentName: "Drawer",
+        defaultValues: {
+          isOpen: s,
+          setIsOpen: t,
+          position: "left",
+          backdrop: !0
+        },
+        excludeProps: [
+          "setIsOpen",
+          "onClose",
+          "actionContent",
+          "logo",
+          "menuItems",
+          "type"
+        ],
+        children: (c) => /* @__PURE__ */ e(
+          "div",
+          {
+            style: { position: "relative", height: 300, overflow: "hidden" },
+            children: /* @__PURE__ */ e(
+              n,
+              {
+                ...c,
+                setIsOpen: t,
+                isOpen: s,
+                title: "Drawer Preview",
+                children: /* @__PURE__ */ e("p", { className: "text-sm p-4", children: "Drawer content" })
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(u, { componentName: "Drawer" }),
+    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+      w,
+      {
+        language: "tsx",
+        code: `import { Drawer, Button } from '@e-burgos/tucu-ui';
+import { useState } from 'react';
+
+function MyComponent() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <>
+      <Button onClick={() => setIsOpen(true)}>Open Drawer</Button>
+      <Drawer
+        isOpen={isOpen}
+        setIsOpen={setIsOpen}
+        type="sidebar"
+        title="Drawer Title"
+      >
+        <div>Drawer content</div>
+      </Drawer>
+    </>
+  );
+}
+
+// Right position
+<Drawer
+  isOpen={isOpen}
+  setIsOpen={setIsOpen}
+  type="sidebar"
+  position="right"
+  title="Right Drawer"
+>
+  <div>Content</div>
+</Drawer>
+
+// Without backdrop
+<Drawer
+  isOpen={isOpen}
+  setIsOpen={setIsOpen}
+  type="sidebar"
+  backdrop={false}
+>
+  <div>Content</div>
+</Drawer>`
+      }
+    ) }) }) })
+  ] });
+};
+export {
+  v as default
+};

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

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

package/{DynamicRoutesSection-CCuRhQAn.mjs → documentation/DynamicRoutesSection-DAQlCst_.js}

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

package/documentation/FileInputSection-BWUvvvdy.js

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

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

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

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

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

package/{FileStructureSection-CRrFMVhl.js → documentation/FileStructureSection-lLqJHP56.js}

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

package/documentation/FormComponentsSection-BTYt0wTN.js

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

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

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

package/{FormMethodsSection-Dt5MZUzm.js → documentation/FormMethodsSection-CAjYlJPM.js}

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

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

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

package/documentation/HamburgerSection-CASzjAC6.js

@@ -0,0 +1,99 @@
+import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { T as t, C as i, a as n, H as r, P as d, A as p, c as u } from "../index-B6CStnMG.js";
+import "lucide-react";
+import "react-router-dom";
+import "react-dom";
+const v = () => {
+  const [s, l] = c(!1);
+  return /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ e(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Hamburger" }),
+      /* @__PURE__ */ e(
+        t,
+        {
+          tag: "p",
+          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
+          children: "An animated hamburger menu button component, perfect for mobile navigation menus."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ a(i, { className: "p-4", children: [
+        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Closed State" }),
+        /* @__PURE__ */ e(r, { isOpen: !1, onClick: () => l(!1) })
+      ] }),
+      /* @__PURE__ */ a(i, { className: "p-4", children: [
+        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Open State" }),
+        /* @__PURE__ */ e(r, { isOpen: !0, onClick: () => l(!0) })
+      ] }),
+      /* @__PURE__ */ a(i, { className: "p-4", children: [
+        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Interactive Example" }),
+        /* @__PURE__ */ e(r, { isOpen: s, onClick: () => l(!s) })
+      ] }),
+      /* @__PURE__ */ a(i, { className: "p-4", children: [
+        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "With Different Variants" }),
+        /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(r, { variant: "solid", color: "primary" }),
+          /* @__PURE__ */ e(r, { variant: "ghost", color: "primary" }),
+          /* @__PURE__ */ e(r, { variant: "transparent" })
+        ] })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        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: (o) => /* @__PURE__ */ e(r, { ...o })
+      }
+    ),
+    /* @__PURE__ */ e(p, { componentName: "Hamburger" }),
+    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+      u,
+      {
+        language: "tsx",
+        code: `import { Hamburger } from '@e-burgos/tucu-ui';
+import { useState } from 'react';
+
+function MyComponent() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <Hamburger
+      isOpen={isOpen}
+      onClick={() => setIsOpen(!isOpen)}
+    />
+  );
+}
+
+// With different variants
+<Hamburger variant="solid" color="primary" />
+<Hamburger variant="ghost" color="primary" />
+<Hamburger variant="transparent" />`
+      }
+    ) }) }) })
+  ] });
+};
+export {
+  v as default
+};

package/documentation/HamburgerSection-UacK_FKv.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react-dom");const n=()=>{const[s,r]=i.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Hamburger"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An animated hamburger menu button component, perfect for mobile navigation menus."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.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(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Closed State"}),e.jsx(a.Hamburger,{isOpen:!1,onClick:()=>r(!1)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Open State"}),e.jsx(a.Hamburger,{isOpen:!0,onClick:()=>r(!0)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),e.jsx(a.Hamburger,{isOpen:s,onClick:()=>r(!s)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Different Variants"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(a.Hamburger,{variant:"solid",color:"primary"}),e.jsx(a.Hamburger,{variant:"ghost",color:"primary"}),e.jsx(a.Hamburger,{variant:"transparent"})]})]})]})})})}),e.jsx(a.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:t=>e.jsx(a.Hamburger,{...t})}),e.jsx(a.AutoPropsTable,{componentName:"Hamburger"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Hamburger } from '@e-burgos/tucu-ui';
+import { useState } from 'react';
+
+function MyComponent() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <Hamburger
+      isOpen={isOpen}
+      onClick={() => setIsOpen(!isOpen)}
+    />
+  );
+}
+
+// With different variants
+<Hamburger variant="solid" color="primary" />
+<Hamburger variant="ghost" color="primary" />
+<Hamburger variant="transparent" />`})})})})]})};exports.default=n;

package/documentation/HookCategoriesSection-C6-2BbvM.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-QnI4b7wS.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const a=[{icon:e.jsx(s.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:["useBreakpoint","useIsMobile","useElementSize","useMeasure","useWindowScroll"]},{icon:e.jsx(s.MousePointer,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"User Interaction",description:"Click detection and clipboard operations",color:"from-purple-500 via-violet-500 to-indigo-500",hooks:["useClickAway","useCopyToClipboard","useEventListener"]},{icon:e.jsx(s.Layout,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"UI State Management",description:"Global state and UI behavior management",color:"from-green-500 via-emerald-500 to-teal-500",hooks:["useGridSwitcher","useLockBodyScroll","useToastStore","useScrollableSlider"]},{icon:e.jsx(s.Wrench,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Utilities",description:"Lifecycle and utility functions",color:"from-orange-500 via-amber-500 to-yellow-500",hooks:["useIsMounted"]}];return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Hook Categories"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Organized collection of hooks for different development needs"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:a.map((t,r)=>e.jsx(o.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 hover:shadow-xl`,children:t.icon}),e.jsx(o.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:t.title})]}),e.jsx(o.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:t.description}),e.jsx("div",{className:"flex flex-wrap gap-2",children:t.hooks.map((i,l)=>e.jsx(o.Badge,{className:"text-dark dark:text-white",children:i},l))})]})},r))})]})};exports.default=n;

package/{HookCategoriesSection-Cyjqehnj.mjs → documentation/HookCategoriesSection-U7rN5EGL.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { T as a, C as l, D as n } from "./index-HwvOEWI7.mjs";
+import { T as a, C as l, J as n } from "../index-B6CStnMG.js";
 import { Monitor as d, MousePointer as c, Layout as m, Wrench as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{HookDocumentationSection-D-c7nlX-.mjs → documentation/HookDocumentationSection-DIXoOh2V.js}

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

package/{HookDocumentationSection-C5ww47uY.js → documentation/HookDocumentationSection-HIifl_N4.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BOfUOCHe.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Hook Documentation"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Comprehensive guide to all available hooks and their usage"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Responsive & Layout Hooks",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 via-cyan-500 to-teal-500 shadow-lg",children:e.jsx(a.Monitor,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Screen Size Detection & Element Measurement"})]}),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:"Detects the current screen breakpoint with support for ultra-wide displays."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-gray-700 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-QnI4b7wS.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Hook Documentation"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Comprehensive guide to all available hooks and their usage"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Responsive & Layout Hooks",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 via-cyan-500 to-teal-500 shadow-lg",children:e.jsx(a.Monitor,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Screen Size Detection & Element Measurement"})]}),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:"Detects the current screen breakpoint with support for ultra-wide displays."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-gray-700 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/HookFeaturesSection-DNjNJYVR.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-QnI4b7wS.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const s=[{title:"Performance Optimized",description:"Built with React best practices and minimal re-renders",icon:e.jsx(r.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-yellow-500 via-amber-500 to-orange-500"},{title:"TypeScript First",description:"Full TypeScript support with comprehensive type definitions",icon:e.jsx(r.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-cyan-500 to-sky-500"},{title:"Tree Shaking",description:"Optimized bundle size with automatic tree shaking",icon:e.jsx(r.Package,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500"},{title:"Accessibility Ready",description:"Built with accessibility best practices in mind",icon:e.jsx(r.Eye,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-violet-500 to-indigo-500"}];return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Why Choose Our Hooks?"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 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-4 gap-4 sm:gap-6",children:s.map((i,a)=>e.jsx(t.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 ${i.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:i.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:i.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:i.description})]})},a))})]})};exports.default=o;