@e-burgos/tucu-ui 2.0.2 → 2.0.4

package/demo/pages/components/ui-components-sections/index.d.ts

@@ -12,7 +12,9 @@ export { default as CollapseSection } from './CollapseSection';
 export { default as SkeletonSection } from './SkeletonSection';
 export { default as AuthorCardSection } from './AuthorCardSection';
 export { default as CardContainerSection } from './CardContainerSection';
+export { default as CardSection } from './CardSection';
 export { default as CardTitleSection } from './CardTitleSection';
+export { default as InfoCardSection } from './InfoCardSection';
 export { default as PanelActionCardSection } from './PanelActionCardSection';
 export { default as PanelCardSection } from './PanelCardSection';
 export { default as ActiveLinkSection } from './ActiveLinkSection';
@@ -28,6 +30,9 @@ export { default as RevealContentSection } from './RevealContentSection';
 export { default as ScrollToTopSection } from './ScrollToTopSection';
 export { default as ImageSection } from './ImageSection';
 export { default as CarouselCardsSection } from './CarouselCardsSection';
+export { default as KeyValueRowSection } from './KeyValueRowSection';
+export { default as PaginationSection } from './PaginationSection';
+export { default as StepperSection } from './StepperSection';
 export { default as CarouselImageSection } from './CarouselImageSection';
 export { default as DrawerSection } from './DrawerSection';
 export { default as SidebarSection } from './SidebarSection';

package/demo/pages/index.d.ts

@@ -1,5 +1,6 @@
 export * from './blockchain/BlockchainComponents';
 export * from './components/ComponentsIntroduction';
+export * from './components/ChartsComponents';
 export * from './components/InputsComponents';
 export * from './components/UiComponents';
 export * from './design-system/DesignSystem';

package/{APIReferenceSection-DIjWDVUT.mjs → documentation/APIReferenceSection-CkbDOII-.js}

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

package/documentation/APIReferenceSection-CpVd3Xjx.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const i=[{key:"prop",label:"Property",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"required",label:"Required",render:r=>String(r)==="Yes"?e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:"Yes"}):e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:"Optional"})},{key:"description",label:"Description"}],s=[{prop:"name",type:"string",required:"Yes",description:"Display name for navigation menu"},{prop:"path",type:"string",required:"Yes",description:"URL path for the route"},{prop:"component",type:"JSX.Element",required:"Yes",description:"Component to render for this route"},{prop:"icon",type:"React.ReactNode",required:"Optional",description:"Icon to display in navigation"},{prop:"dropdownItems",type:"StandaloneAppRoutesMenuItem[]",required:"Optional",description:"Array of nested sub-routes"},{prop:"hide",type:"boolean",required:"Optional",description:"Hide route from navigation menu"},{prop:"isPublic",type:"boolean",required:"Optional",description:"Whether the route is publicly accessible (default: true)"}],n=[{key:"prop",label:"Property",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"required",label:"Required",render:r=>String(r)==="Yes"?e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:"Yes"}):e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:"Optional"})},{key:"description",label:"Description"}],a=[{prop:"key",type:"string",required:"Yes",description:"Unique identifier for the route"},{prop:"path",type:"string",required:"Yes",description:"URL path for the route"},{prop:"element",type:"JSX.Element",required:"Yes",description:"Component to render for this route"},{prop:"isPublic",type:"boolean",required:"Optional",description:"Whether the route is publicly accessible (default: false)"},{prop:"disabled",type:"boolean",required:"Optional",description:"Whether the route is disabled"}];return e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"API Reference",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Complete API reference for the routing system components and interfaces."}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Properties"}),e.jsx(t.BasicTable,{columns:i,data:s})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"IAppRouteConfig Properties (MFE)"}),e.jsx(t.BasicTable,{columns:n,data:a})]})]})]})})})})};exports.default=l;

package/documentation/ActiveLinkSection-CpzFDISY.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ActiveLink"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A link component that automatically applies an active class when the current path matches the link path."})]}),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:"Active Link"}),e.jsxs("div",{className:"flex gap-4",children:[e.jsx(t.ActiveLink,{to:"/components",path:"/components",children:"Components"}),e.jsx(t.ActiveLink,{to:"/about",path:"/about",children:"About"})]})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Custom Active Class"}),e.jsx(t.ActiveLink,{to:"/home",path:"/home",activeClassName:"text-brand font-bold",children:"Home"})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"ActiveLink",defaultValues:{path:"/demo",activeClassName:"active"},excludeProps:["state","to"],children:a=>e.jsx(t.ActiveLink,{...a,to:"#",children:"Active Link Example"})}),e.jsx(t.AutoPropsTable,{componentName:"ActiveLink"}),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 { ActiveLink } from '@e-burgos/tucu-ui';
+
+// Basic usage
+<ActiveLink to="/components" path="/components">
+  Components
+</ActiveLink>
+
+// With custom active class
+<ActiveLink
+  to="/home"
+  path="/home"
+  activeClassName="text-brand font-bold"
+>
+  Home
+</ActiveLink>
+
+// Navigation example
+<nav>
+  <ActiveLink to="/" path="/">Home</ActiveLink>
+  <ActiveLink to="/about" path="/about">About</ActiveLink>
+  <ActiveLink to="/contact" path="/contact">Contact</ActiveLink>
+</nav>`})})})})]});exports.default=i;

package/documentation/ActiveLinkSection-DYPp4Zg0.js

@@ -0,0 +1,81 @@
+import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { T as a, C as i, a as o, a5 as c, P as l, A as m, c as r } from "../index-B6CStnMG.js";
+import "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const A = () => /* @__PURE__ */ t(s, { children: [
+  /* @__PURE__ */ t("div", { className: "text-center space-y-4", children: [
+    /* @__PURE__ */ e(a, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "ActiveLink" }),
+    /* @__PURE__ */ e(
+      a,
+      {
+        tag: "p",
+        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
+        children: "A link component that automatically applies an active class when the current path matches the link path."
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ t(i, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Active Link" }),
+      /* @__PURE__ */ t("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ e(c, { to: "/components", path: "/components", children: "Components" }),
+        /* @__PURE__ */ e(c, { to: "/about", path: "/about", children: "About" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(i, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "With Custom Active Class" }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          to: "/home",
+          path: "/home",
+          activeClassName: "text-brand font-bold",
+          children: "Home"
+        }
+      )
+    ] })
+  ] }) }) }) }),
+  /* @__PURE__ */ e(
+    l,
+    {
+      componentName: "ActiveLink",
+      defaultValues: { path: "/demo", activeClassName: "active" },
+      excludeProps: ["state", "to"],
+      children: (n) => /* @__PURE__ */ e(c, { ...n, to: "#", children: "Active Link Example" })
+    }
+  ),
+  /* @__PURE__ */ e(m, { componentName: "ActiveLink" }),
+  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+    r,
+    {
+      language: "tsx",
+      code: `import { ActiveLink } from '@e-burgos/tucu-ui';
+
+// Basic usage
+<ActiveLink to="/components" path="/components">
+  Components
+</ActiveLink>
+
+// With custom active class
+<ActiveLink
+  to="/home"
+  path="/home"
+  activeClassName="text-brand font-bold"
+>
+  Home
+</ActiveLink>
+
+// Navigation example
+<nav>
+  <ActiveLink to="/" path="/">Home</ActiveLink>
+  <ActiveLink to="/about" path="/about">About</ActiveLink>
+  <ActiveLink to="/contact" path="/contact">Contact</ActiveLink>
+</nav>`
+    }
+  ) }) }) })
+] });
+export {
+  A as default
+};

package/{AdvancedColorSystemSection-CPywSlwi.mjs → documentation/AdvancedColorSystemSection-C8-q7nNW.js}

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

package/documentation/AdvancedColorSystemSection-CODz6Wv7.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Advanced Color System"}),e.jsx(a.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Multi-layered color architecture with dynamic theming capabilities"})]}),e.jsxs("div",{className:"grid grid-cols-1  gap-6",children:[e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Color Layers",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"The theming system supports multiple color layers for comprehensive theming:"}),e.jsx("div",{className:"space-y-3",children:[{layer:"Primary",description:"Primary brand identity color",variable:"--color-semantic-bg-primary",default:"#0052ff (DEFAULT_PRIMARY)"},{layer:"Dark Primary",description:"Primary color for dark mode",variable:"--color-semantic-dark-bg-primary",default:"#578bfa (DEFAULT_DARK_PRIMARY)"},{layer:"Secondary",description:"Supporting color for accents",variable:"--color-semantic-bg-secondary",default:"#eef0f3 (DEFAULT_SECONDARY)"},{layer:"Dark Secondary",description:"Secondary color for dark mode",variable:"--color-semantic-dark-bg-secondary",default:"#282b31 (DEFAULT_DARK_SECONDARY)"},{layer:"Accent",description:"Highlight color for actions",variable:"--color-semantic-accent-bold-yellow",default:"#f7d21a (DEFAULT_ACCENT)"},{layer:"Dark Accent",description:"Accent color for dark mode",variable:"--color-semantic-dark-accent-bold-yellow",default:"#936000 (DEFAULT_DARK_ACCENT)"},{layer:"Muted",description:"Muted text color",variable:"--color-semantic-fg-muted",default:"#5b616e (DEFAULT_MUTED)"},{layer:"Dark Muted",description:"Muted text color for dark mode",variable:"--color-semantic-dark-fg-muted",default:"#8a919e (DEFAULT_DARK_MUTED)"},{layer:"Dark Background",description:"Dark theme base color",variable:"--color-semantic-dark-bg",default:"#0a0b0d (DEFAULT_DARK_BG)"},{layer:"Light Background",description:"Light theme base color",variable:"--color-semantic-bg",default:"#ffffff (DEFAULT_LIGHT_BG)"},{layer:"Light Dark",description:"Light theme secondary background",variable:"--color-semantic-bg-secondary-wash",default:"#f7f8f9 (DEFAULT_LIGHT_DARK)"},{layer:"Dark Light Dark",description:"Dark theme secondary background",variable:"--color-semantic-dark-bg-secondary-wash",default:"#141519 (DEFAULT_DARK_LIGHT_DARK)"}].map((r,t)=>e.jsxs("div",{className:"p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx(a.Typography,{tag:"h5",className:"font-semibold text-sm",children:r.layer}),e.jsx(a.Typography,{tag:"code",className:"text-xs text-gray-500 dark:text-gray-400",children:r.variable})]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-1",children:r.description}),e.jsxs(a.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-500",children:["Default: ",r.default]})]},t))})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Dynamic Color Mixing",className:"mt-2 mb-6 h-full",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Advanced color manipulation using CSS color-mix() for automatic variations:"}),e.jsx(a.CodeBlock,{language:"css",expanded:!1,code:`/* Theme colors are available via CSS variables */
+--color-semantic-bg-primary: var(--color-tucu-ui-blue-60);
+--color-semantic-dark-bg-primary: var(--color-tucu-ui-dark-blue-70);
+--color-semantic-bg-secondary: var(--color-tucu-ui-gray-10);
+--color-semantic-accent-bold-yellow: var(--color-tucu-ui-yellow-30);
+--color-semantic-fg-muted: var(--color-tucu-ui-gray-60);
+
+/* Tailwind utilities */
+.bg-brand        /* Uses --color-semantic-bg-primary */
+.text-brand      /* Uses --color-semantic-bg-primary */
+.bg-secondary    /* Uses --color-semantic-bg-secondary */
+.text-muted      /* Uses --color-semantic-fg-muted */
+
+/* Opacity support */
+.bg-brand/50     /* 50% opacity */
+.text-brand/80   /* 80% opacity */
+.border-brand/30 /* 30% opacity */`})]})})})]})]});exports.default=o;

package/documentation/AdvancedFeaturesSection-CPokeoIR.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-QnI4b7wS.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>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:"Advanced Features"}),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:"Powerful features for complex theming scenarios"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:[{icon:e.jsx(a.Globe,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"RTL/LTR Support",description:"Full right-to-left language support with automatic layout adjustments",color:"from-blue-500 via-indigo-500 to-purple-500"},{icon:e.jsx(a.Save,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Persistent Settings",description:"Automatic localStorage integration for user preference persistence",color:"from-green-500 via-emerald-500 to-teal-500"},{icon:e.jsx(a.Layers,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Custom Routes",description:"Advanced routing scenarios with custom route configuration",color:"from-orange-500 via-red-500 to-pink-500"}].map((r,s)=>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-gradient-to-br ${r.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:r.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:r.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:r.description})]})},s))})]});exports.default=o;

package/{AdvancedFeaturesSection-BZli4uQf.mjs → documentation/AdvancedFeaturesSection-CT5LPMRT.js}

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

package/documentation/AdvancedFeaturesSection-DfczHWMU.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../index-QnI4b7wS.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(i.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Advanced Features"}),e.jsx(i.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful features for complex form scenarios"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:[{icon:e.jsx(t.GitBranch,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Conditional Fields",description:"Show/hide fields based on other field values with dynamic validation",color:"from-blue-500 via-indigo-500 to-purple-500"},{icon:e.jsx(t.Plus,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Dynamic Arrays",description:"Handle dynamic lists of fields with add/remove functionality",color:"from-green-500 via-emerald-500 to-teal-500"},{icon:e.jsx(t.ArrowRight,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Multi-Step Forms",description:"Wizard-style forms with step validation and progress tracking",color:"from-orange-500 via-red-500 to-pink-500"},{icon:e.jsx(t.Zap,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Async Validation",description:"Server-side validation with debouncing and loading states",color:"from-purple-500 via-violet-500 to-indigo-500"},{icon:e.jsx(t.Eye,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Form State Management",description:"Real-time access to form state, values, and validation status",color:"from-pink-500 via-rose-500 to-red-500"},{icon:e.jsx(t.AlertTriangle,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Error Handling",description:"Comprehensive error handling with custom error display options",color:"from-yellow-500 via-orange-500 to-red-500"}].map((r,a)=>e.jsx(i.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 ${r.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:r.icon}),e.jsx(i.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:r.title})]}),e.jsx(i.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:r.description})]})},a))})]});exports.default=o;

package/{AdvancedFeaturesSection-CfxJrpgL.mjs → documentation/AdvancedFeaturesSection-wx6bqfbU.js}

@@ -1,5 +1,5 @@
 import { jsxs as i, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as r, C as s } from "./index-HwvOEWI7.mjs";
+import { T as r, C as s } from "../index-B6CStnMG.js";
 import { GitBranch as l, Plus as d, ArrowRight as n, Zap as c, Eye as m, AlertTriangle as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{AlertSection-BC888Ug4.js → documentation/AlertSection-M-ADbyNs.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 l=()=>{const i=[{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 r=String(a);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{key:"description",label:"Description"}],t=[{prop:"children",type:"React.ReactNode",default:"required",description:"Content to display in the alert"},{prop:"variant",type:"'info' | 'warning' | 'error' | 'success'",default:"'info'",description:"Visual variant of the alert"},{prop:"dismissible",type:"boolean",default:"true",description:"Whether the alert can be dismissed"},{prop:"onDismiss",type:"() => void",default:"-",description:"Callback when alert is dismissed"},{prop:"aria-label",type:"string",default:"-",description:"Accessibility label"}];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:"Alert"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An alert component for displaying important messages and notifications with different variants and dismissible functionality."})]}),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:"Info Alert"}),e.jsx(s.Alert,{variant:"info",children:e.jsx(s.Typography,{tag:"p",children:"This is an informational message."})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Success Alert"}),e.jsx(s.Alert,{variant:"success",children:e.jsx(s.Typography,{tag:"p",children:"Operation completed successfully!"})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Warning Alert"}),e.jsx(s.Alert,{variant:"warning",children:e.jsx(s.Typography,{tag:"p",children:"Please review this information carefully."})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Error Alert"}),e.jsx(s.Alert,{variant:"error",children:e.jsx(s.Typography,{tag:"p",children:"An error occurred. Please try again."})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Variants",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:"Non-dismissible Alert"}),e.jsx(s.Alert,{variant:"info",dismissible:!1,children:e.jsx(s.Typography,{tag:"p",children:"This alert cannot be dismissed."})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom onDismiss"}),e.jsx(s.Alert,{variant:"success",onDismiss:()=>console.log("Alert dismissed"),children:e.jsx(s.Typography,{tag:"p",children:"This alert has a custom dismiss handler."})})]})]})})})}),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:i,data:t})})})}),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 { Alert, Typography } 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");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(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Alert"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An alert component for displaying important messages and notifications with different variants and dismissible functionality."})]}),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:"Info Alert"}),e.jsx(s.Alert,{variant:"info",children:e.jsx(s.Typography,{tag:"p",children:"This is an informational message."})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Success Alert"}),e.jsx(s.Alert,{variant:"success",children:e.jsx(s.Typography,{tag:"p",children:"Operation completed successfully!"})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Warning Alert"}),e.jsx(s.Alert,{variant:"warning",children:e.jsx(s.Typography,{tag:"p",children:"Please review this information carefully."})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Error Alert"}),e.jsx(s.Alert,{variant:"error",children:e.jsx(s.Typography,{tag:"p",children:"An error occurred. Please try again."})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Variants",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:"Non-dismissible Alert"}),e.jsx(s.Alert,{variant:"info",dismissible:!1,children:e.jsx(s.Typography,{tag:"p",children:"This alert cannot be dismissed."})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom onDismiss"}),e.jsx(s.Alert,{variant:"success",onDismiss:()=>console.log("Alert dismissed"),children:e.jsx(s.Typography,{tag:"p",children:"This alert has a custom dismiss handler."})})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"Alert",defaultValues:{variant:"info",dismissible:!0},excludeProps:["onDismiss","aria-label"],children:a=>e.jsx(s.Alert,{...a,children:"This is an alert message for the playground preview."})}),e.jsx(s.AutoPropsTable,{componentName:"Alert"}),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 { Alert, Typography } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <Alert variant="info">
@@ -22,4 +22,4 @@
   onDismiss={() => handleDismiss()}
 >
   <Typography tag="p">Custom dismiss handler</Typography>
-</Alert>`})})})})]})};exports.default=l;
+</Alert>`})})})})]});exports.default=r;

package/{AlertSection-CrmVofrn.mjs → documentation/AlertSection-pO3LOWb0.js}

@@ -1,10 +1,10 @@
-import { jsxs as s, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { T as a, C as r, a as t, a4 as i, B as d, c as o } from "./index-HwvOEWI7.mjs";
+import { jsxs as s, Fragment as n, jsx as e } from "react/jsx-runtime";
+import { T as a, C as i, a as l, ag as r, P as c, A as m, c as d } from "../index-B6CStnMG.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
-const b = () => /* @__PURE__ */ s(c, { children: [
+const A = () => /* @__PURE__ */ s(n, { children: [
   /* @__PURE__ */ s("div", { className: "text-center space-y-4", children: [
     /* @__PURE__ */ e(a, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Alert" }),
     /* @__PURE__ */ e(
@@ -16,33 +16,33 @@ const b = () => /* @__PURE__ */ s(c, { children: [
       }
     )
   ] }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ s(r, { className: "p-4", children: [
+  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ s(i, { className: "p-4", children: [
       /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Info Alert" }),
-      /* @__PURE__ */ e(i, { variant: "info", children: /* @__PURE__ */ e(a, { tag: "p", children: "This is an informational message." }) })
+      /* @__PURE__ */ e(r, { variant: "info", children: /* @__PURE__ */ e(a, { tag: "p", children: "This is an informational message." }) })
     ] }),
-    /* @__PURE__ */ s(r, { className: "p-4", children: [
+    /* @__PURE__ */ s(i, { className: "p-4", children: [
       /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Success Alert" }),
-      /* @__PURE__ */ e(i, { variant: "success", children: /* @__PURE__ */ e(a, { tag: "p", children: "Operation completed successfully!" }) })
+      /* @__PURE__ */ e(r, { variant: "success", children: /* @__PURE__ */ e(a, { tag: "p", children: "Operation completed successfully!" }) })
     ] }),
-    /* @__PURE__ */ s(r, { className: "p-4", children: [
+    /* @__PURE__ */ s(i, { className: "p-4", children: [
       /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Warning Alert" }),
-      /* @__PURE__ */ e(i, { variant: "warning", children: /* @__PURE__ */ e(a, { tag: "p", children: "Please review this information carefully." }) })
+      /* @__PURE__ */ e(r, { variant: "warning", children: /* @__PURE__ */ e(a, { tag: "p", children: "Please review this information carefully." }) })
     ] }),
-    /* @__PURE__ */ s(r, { className: "p-4", children: [
+    /* @__PURE__ */ s(i, { className: "p-4", children: [
       /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Error Alert" }),
-      /* @__PURE__ */ e(i, { variant: "error", children: /* @__PURE__ */ e(a, { tag: "p", children: "An error occurred. Please try again." }) })
+      /* @__PURE__ */ e(r, { variant: "error", children: /* @__PURE__ */ e(a, { tag: "p", children: "An error occurred. Please try again." }) })
     ] })
   ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ s(r, { className: "p-4", children: [
+  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ s(i, { className: "p-4", children: [
       /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Non-dismissible Alert" }),
-      /* @__PURE__ */ e(i, { variant: "info", dismissible: !1, children: /* @__PURE__ */ e(a, { tag: "p", children: "This alert cannot be dismissed." }) })
+      /* @__PURE__ */ e(r, { variant: "info", dismissible: !1, children: /* @__PURE__ */ e(a, { tag: "p", children: "This alert cannot be dismissed." }) })
     ] }),
-    /* @__PURE__ */ s(r, { className: "p-4", children: [
+    /* @__PURE__ */ s(i, { className: "p-4", children: [
       /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "With Custom onDismiss" }),
       /* @__PURE__ */ e(
-        i,
+        r,
         {
           variant: "success",
           onDismiss: () => console.log("Alert dismissed"),
@@ -51,63 +51,18 @@ const b = () => /* @__PURE__ */ s(c, { children: [
       )
     ] })
   ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(d, { columns: [
+  /* @__PURE__ */ e(
+    c,
     {
-      key: "prop",
-      label: "Prop",
-      render: (l) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(l) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (l) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(l) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (l) => {
-        const n = String(l);
-        return n === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: n });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
+      componentName: "Alert",
+      defaultValues: { variant: "info", dismissible: !0 },
+      excludeProps: ["onDismiss", "aria-label"],
+      children: (t) => /* @__PURE__ */ e(r, { ...t, children: "This is an alert message for the playground preview." })
     }
-  ], data: [
-    {
-      prop: "children",
-      type: "React.ReactNode",
-      default: "required",
-      description: "Content to display in the alert"
-    },
-    {
-      prop: "variant",
-      type: "'info' | 'warning' | 'error' | 'success'",
-      default: "'info'",
-      description: "Visual variant of the alert"
-    },
-    {
-      prop: "dismissible",
-      type: "boolean",
-      default: "true",
-      description: "Whether the alert can be dismissed"
-    },
-    {
-      prop: "onDismiss",
-      type: "() => void",
-      default: "-",
-      description: "Callback when alert is dismissed"
-    },
-    {
-      prop: "aria-label",
-      type: "string",
-      default: "-",
-      description: "Accessibility label"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    o,
+  ),
+  /* @__PURE__ */ e(m, { componentName: "Alert" }),
+  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+    d,
     {
       language: "tsx",
       code: `import { Alert, Typography } from '@e-burgos/tucu-ui';
@@ -139,5 +94,5 @@ const b = () => /* @__PURE__ */ s(c, { children: [
   ) }) }) })
 ] });
 export {
-  b as default
+  A as default
 };

package/documentation/AnchorLinkSection-DOQLfXNM.js

@@ -0,0 +1,67 @@
+import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { T as n, C as t, a as o, a6 as l, a7 as i, P as c, A as m, c as d } from "../index-B6CStnMG.js";
+import "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const g = () => /* @__PURE__ */ a(s, { children: [
+  /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
+    /* @__PURE__ */ e(n, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "AnchorLink" }),
+    /* @__PURE__ */ e(
+      n,
+      {
+        tag: "p",
+        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
+        children: "A smart link component that automatically handles both internal routes and external URLs."
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { 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(t, { className: "p-4", children: [
+      /* @__PURE__ */ e(n, { tag: "h5", className: "mb-3", children: "Internal Link" }),
+      /* @__PURE__ */ e(l, { to: "/components", children: "Go to Components" })
+    ] }),
+    /* @__PURE__ */ a(t, { className: "p-4", children: [
+      /* @__PURE__ */ e(n, { tag: "h5", className: "mb-3", children: "External Link" }),
+      /* @__PURE__ */ e(l, { to: i, target: "_blank", children: "External Link" })
+    ] })
+  ] }) }) }) }),
+  /* @__PURE__ */ e(
+    c,
+    {
+      componentName: "AnchorLink",
+      defaultValues: {},
+      excludeProps: ["state", "to"],
+      children: (r) => /* @__PURE__ */ e(l, { ...r, to: "#", children: "Anchor Link Example" })
+    }
+  ),
+  /* @__PURE__ */ e(m, { componentName: "AnchorLink" }),
+  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+    d,
+    {
+      language: "tsx",
+      code: `import { AnchorLink } from '@e-burgos/tucu-ui';
+
+// Internal link (uses React Router Link)
+<AnchorLink to="/components">
+  Go to Components
+</AnchorLink>
+
+// External link (uses native <a> tag)
+<AnchorLink to="https://example.com" target="_blank">
+  External Link
+</AnchorLink>
+
+// With all Link props
+<AnchorLink
+  to="/about"
+  className="text-blue-500 hover:underline"
+>
+  About Us
+</AnchorLink>`
+    }
+  ) }) }) })
+] });
+export {
+  g as default
+};

package/documentation/AnchorLinkSection-DrwLaGpe.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(n.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"AnchorLink"}),e.jsx(n.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A smart link component that automatically handles both internal routes and external URLs."})]}),e.jsx(n.CardContainer,{className:"overflow-hidden",children:e.jsx(n.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(n.CardContainer,{className:"p-4",children:[e.jsx(n.Typography,{tag:"h5",className:"mb-3",children:"Internal Link"}),e.jsx(n.AnchorLink,{to:"/components",children:"Go to Components"})]}),e.jsxs(n.CardContainer,{className:"p-4",children:[e.jsx(n.Typography,{tag:"h5",className:"mb-3",children:"External Link"}),e.jsx(n.AnchorLink,{to:n.GITHUB_URL,target:"_blank",children:"External Link"})]})]})})})}),e.jsx(n.PropPlayground,{componentName:"AnchorLink",defaultValues:{},excludeProps:["state","to"],children:r=>e.jsx(n.AnchorLink,{...r,to:"#",children:"Anchor Link Example"})}),e.jsx(n.AutoPropsTable,{componentName:"AnchorLink"}),e.jsx(n.CardContainer,{className:"overflow-hidden",children:e.jsx(n.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(n.CodeBlock,{language:"tsx",code:`import { AnchorLink } from '@e-burgos/tucu-ui';
+
+// Internal link (uses React Router Link)
+<AnchorLink to="/components">
+  Go to Components
+</AnchorLink>
+
+// External link (uses native <a> tag)
+<AnchorLink to="https://example.com" target="_blank">
+  External Link
+</AnchorLink>
+
+// With all Link props
+<AnchorLink
+  to="/about"
+  className="text-blue-500 hover:underline"
+>
+  About Us
+</AnchorLink>`})})})})]});exports.default=a;

package/documentation/ArchitecturalPatternsComparisonSection-D3qDb8oV.js

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-QnI4b7wS.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const t=[{key:"feature",label:"Feature",render:i=>e.jsx(a.Typography,{tag:"span",className:"font-medium",children:String(i)})},{key:"standalone",label:"Standalone App"},{key:"mfe",label:"Micro Frontends (MFE)"}],r=[{feature:"Route Configuration",standalone:"menuItems (automatic generation)",mfe:"appRoutesConfig (explicit configuration)"},{feature:"Base Path",standalone:"Not required (uses root /)",mfe:"Required (e.g., /my-app)"},{feature:"Route Generation",standalone:"Automatic from menuItems",mfe:"Manual via appRoutesConfig"},{feature:"Nested Routes",standalone:"Supported via dropdownItems",mfe:"Supported via nested routes in config"},{feature:"Custom Routes",standalone:"Optional customRoutes prop",mfe:"Not available"},{feature:"Authentication",standalone:"Basic support via isPublic",mfe:"Advanced support with isPublic per route"},{feature:"Route Disabling",standalone:"Not directly supported",mfe:"Supported via disabled prop"},{feature:"Deployment",standalone:"Single deployment",mfe:"Independent deployments per app"},{feature:"Use Case",standalone:"Traditional SPAs, monolithic apps",mfe:"Distributed architectures, micro frontends"},{feature:"TypeScript Safety",standalone:"Enforced via discriminated unions",mfe:"Enforced via discriminated unions"}];return e.jsx("div",{className:"space-y-8",children:e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Architectural Patterns: Standalone vs MFE",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-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-indigo-500 to-purple-500 shadow-lg",children:e.jsx(s.GitCompare,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:"Pattern Comparison & Selection Guide"})]}),e.jsxs(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Understanding the differences between Standalone and MFE patterns helps you choose the right architecture for your project. Both patterns use the same"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"ThemeProvider"})," ","component, but with different configuration approaches and use cases."]}),e.jsx(a.Alert,{variant:"info",dismissible:!1,children:e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Lightbulb,{className:"w-4 h-4"}),e.jsx(a.Typography,{tag:"span",className:"font-semibold",children:"TypeScript Safety"})]}),e.jsxs(a.Typography,{tag:"p",className:"text-sm",children:["Both patterns use TypeScript discriminated unions to enforce the correct props. The"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"architecturalPatterns"})," ","prop determines which props are available, preventing configuration errors at compile time."]})]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(a.Typography,{tag:"h4",className:"font-semibold text-lg",children:"Feature Comparison"}),e.jsx(a.BasicTable,{columns:t,data:r})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(s.Package,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:"Standalone App Pattern"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"font-semibold text-sm mb-2",children:"When to Use:"}),e.jsxs("ul",{className:"space-y-2 text-sm text-gray-600 dark:text-gray-400",children:[e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx("span",{children:"Traditional single-page applications"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx("span",{children:"All routes in one codebase"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx("span",{children:"Simple deployment model"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx("span",{children:"Want automatic route generation"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx("span",{children:"No need for route isolation"})]})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"font-semibold text-sm mb-2",children:"Key Advantages:"}),e.jsxs("ul",{className:"space-y-1 text-sm text-gray-600 dark:text-gray-400",children:[e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),e.jsx("span",{children:"Simple configuration with menuItems"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),e.jsx("span",{children:"Automatic route generation"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),e.jsx("span",{children:"Nested routes via dropdownItems"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),e.jsx("span",{children:"Optional customRoutes override"})]})]})]})]}),e.jsx("div",{className:"mt-4 p-3 bg-light-dark rounded-lg",children:e.jsx(a.CodeBlock,{language:"tsx",code:`// Use Standalone App Pattern when:
+// ✅ Building a traditional single-page application
+// ✅ All routes are in one codebase
+// ✅ You want automatic route generation
+// ✅ Simple deployment model
+// ✅ No need for route isolation
+
+function MyStandaloneApp() {
+  return (
+    <ThemeProvider
+      menuItems={menuItems}  // Simple configuration
+      logo={{ name: 'My', secondName: 'App' }}
+    />
+  );
+}`})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-purple-500 to-indigo-500 shadow-lg",children:e.jsx(s.Box,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:"Micro Frontends (MFE) Pattern"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"font-semibold text-sm mb-2",children:"When to Use:"}),e.jsxs("ul",{className:"space-y-2 text-sm text-gray-600 dark:text-gray-400",children:[e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx("span",{children:"Micro frontend architecture"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx("span",{children:"Multiple teams working independently"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx("span",{children:"Need independent deployments"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx("span",{children:"Require route isolation"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx("span",{children:"Need explicit route control"})]})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"font-semibold text-sm mb-2",children:"Key Advantages:"}),e.jsxs("ul",{className:"space-y-1 text-sm text-gray-600 dark:text-gray-400",children:[e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),e.jsx("span",{children:"Explicit route configuration"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),e.jsx("span",{children:"Route isolation with basePath"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),e.jsx("span",{children:"Advanced authentication support"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),e.jsx("span",{children:"Route disabling capability"})]})]})]})]}),e.jsx("div",{className:"mt-4 p-3 bg-light-dark rounded-lg",children:e.jsx(a.CodeBlock,{language:"tsx",code:`// Use MFE Pattern when:
+// ✅ Building micro frontend architecture
+// ✅ Multiple teams working independently
+// ✅ Need independent deployments
+// ✅ Require route isolation
+// ✅ Need explicit route control
+
+function MyMfeApp() {
+  return (
+    <ThemeProvider
+      architecturalPatterns="mfe"
+      basePath="/my-app"  // Required for MFE
+      appRoutesConfig={appRoutesConfig}  // Explicit routes
+      logo={{ name: 'My', secondName: 'App' }}
+    />
+  );
+}`})})]})]}),e.jsx(a.CardContainer,{className:"p-4",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(s.Lightbulb,{className:"w-5 h-5 text-yellow-500 shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"p",className:"text-sm font-semibold mb-2",children:"Decision Guide"}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:["Choose ",e.jsx("strong",{children:"Standalone App Pattern"})," if you're building a traditional SPA with all routes in one codebase. Choose ",e.jsx("strong",{children:"MFE Pattern"})," if you need independent deployments, route isolation, or are building a micro frontend architecture."]}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(s.ArrowRight,{className:"w-4 h-4 text-blue-500 shrink-0 mt-0.5"}),e.jsxs("span",{children:[e.jsx("strong",{children:"Start with Standalone"})," if you're unsure - it's simpler and can be migrated to MFE later if needed."]})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(s.ArrowRight,{className:"w-4 h-4 text-purple-500 shrink-0 mt-0.5"}),e.jsxs("span",{children:[e.jsx("strong",{children:"Use MFE"})," from the start if you know you'll need independent deployments or route isolation."]})]})]})]})]})})]})]})})})})};exports.default=n;

package/{ArchitecturalPatternsComparisonSection-Bi55jiL7.mjs → documentation/ArchitecturalPatternsComparisonSection-OgRFV5Gn.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { C as i, a as d, T as t, a4 as m, B as p, c as r } from "./index-HwvOEWI7.mjs";
+import { C as i, a as d, T as t, ag as m, q as p, c as r } from "../index-B6CStnMG.js";
 import { GitCompare as h, Lightbulb as l, Package as u, Check as s, Circle as n, Box as g, ArrowRight as o } from "lucide-react";
 import "react-router-dom";
 import "react";

package/{ArchitectureOverviewSection-Da61yY3U.mjs → documentation/ArchitectureOverviewSection-C4SPa6fm.js}

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

package/documentation/ArchitectureOverviewSection-DJ6szT6V.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-QnI4b7wS.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Architecture Overview"}),e.jsx(r.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Built on React Hook Form for performance and developer experience"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:[{icon:e.jsx(i.Box,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Form Container",description:"Main wrapper with built-in state management and submission handling",color:"from-blue-500 via-indigo-500 to-purple-500"},{icon:e.jsx(i.Layers,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"FormField Wrapper",description:"Connects inputs to validation with automatic error handling",color:"from-green-500 via-emerald-500 to-teal-500"},{icon:e.jsx(i.CheckCircle,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Validation System",description:"Built-in and custom validation rules with TypeScript support",color:"from-orange-500 via-red-500 to-pink-500"},{icon:e.jsx(i.Zap,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Performance",description:"Minimal re-renders with optimized form state management",color:"from-purple-500 via-violet-500 to-indigo-500"}].map((t,a)=>e.jsx(r.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-3",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.jsx(r.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:t.title})]}),e.jsx(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed text-sm",children:t.description})]})},a))})]});exports.default=o;

package/documentation/AreaChartSection-CM7nymKJ.js

@@ -0,0 +1,22 @@
+"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 a=[{name:"Jan",users:400,sessions:2400,pageViews:4400},{name:"Feb",users:300,sessions:1398,pageViews:3210},{name:"Mar",users:500,sessions:3800,pageViews:5400},{name:"Apr",users:780,sessions:3908,pageViews:6200},{name:"May",users:890,sessions:4800,pageViews:7100},{name:"Jun",users:1200,sessions:5800,pageViews:9400},{name:"Jul",users:1500,sessions:6300,pageViews:11e3}],t=()=>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:"AreaChart"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Area chart component for visualizing volume and trends over time with gradient fills, stacking, and smooth curves."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Area Chart with Gradient",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.AreaChart,{data:a,series:[{dataKey:"users",name:"Users"},{dataKey:"sessions",name:"Sessions"}],height:300,gradient:!0})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Stacked Area Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.AreaChart,{data:a,series:[{dataKey:"users",name:"Users",stackId:"a"},{dataKey:"sessions",name:"Sessions",stackId:"a"},{dataKey:"pageViews",name:"Page Views",stackId:"a"}],stacked:!0,height:300})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Without Gradient (Flat)",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.AreaChart,{data:a,series:[{dataKey:"users",name:"Users"},{dataKey:"sessions",name:"Sessions"}],gradient:!1,curved:!1,height:300})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{code:`import { AreaChart } from '@e-burgos/tucu-ui';
+
+const data = [
+  { name: 'Jan', users: 400, sessions: 2400 },
+  { name: 'Feb', users: 300, sessions: 1398 },
+  { name: 'Mar', users: 500, sessions: 3800 },
+];
+
+<AreaChart
+  data={data}
+  series={[
+    { dataKey: 'users', name: 'Users' },
+    { dataKey: 'sessions', name: 'Sessions' },
+  ]}
+  height={300}
+  curved
+  gradient
+  stacked={false}
+  showGrid
+  showTooltip
+  showLegend
+/>`,language:"tsx"})})})}),e.jsx(s.PropPlayground,{componentName:"AreaChart",defaultValues:{height:300,curved:!0,gradient:!0,stacked:!1,showGrid:!0,showTooltip:!0,showLegend:!0,animate:!0},excludeProps:["data","series","colors","className","xAxisKey","emptyMessage"],children:r=>e.jsx(s.AreaChart,{data:a,series:[{dataKey:"users",name:"Users"},{dataKey:"sessions",name:"Sessions"}],...r})}),e.jsx(s.AutoPropsTable,{componentName:"AreaChart"})]});exports.default=t;