@e-burgos/tucu-ui 2.0.8 → 2.0.10

package/documentation/ActiveLinkSection-CbQ9Ib2C.js

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

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center",children:[a.jsx(e.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Advanced Color System"}),a.jsx(e.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"})]}),a.jsxs("div",{className:"grid grid-cols-1  gap-6",children:[a.jsx(e.CardContainer,{children:a.jsx(e.CardTitle,{title:"Color Layers",className:"mt-2 mb-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"The theming system supports multiple color layers for comprehensive theming:"}),a.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:"#f3f4f6 (DEFAULT_SECONDARY)"},{layer:"Dark Secondary",description:"Secondary color for dark mode",variable:"--color-semantic-dark-bg-secondary",default:"#172131 (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:"#4a5565 (DEFAULT_MUTED)"},{layer:"Dark Muted",description:"Muted text color for dark mode",variable:"--color-semantic-dark-fg-muted",default:"#828a99 (DEFAULT_DARK_MUTED)"},{layer:"Dark Background",description:"Dark theme base color",variable:"--color-semantic-dark-bg",default:"#030712 (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:"#f9fafb (DEFAULT_LIGHT_DARK)"},{layer:"Dark Light Dark",description:"Dark theme secondary background",variable:"--color-semantic-dark-bg-secondary-wash",default:"#0a101d (DEFAULT_DARK_LIGHT_DARK)"}].map((r,t)=>a.jsxs("div",{className:"p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[a.jsxs("div",{className:"flex items-center justify-between mb-2",children:[a.jsx(e.Typography,{tag:"h5",className:"font-semibold text-sm",children:r.layer}),a.jsx(e.Typography,{tag:"code",className:"text-xs text-gray-500 dark:text-gray-400",children:r.variable})]}),a.jsx(e.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-1",children:r.description}),a.jsxs(e.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-500",children:["Default: ",r.default]})]},t))})]})})}),a.jsx(e.CardContainer,{children:a.jsx(e.CardTitle,{title:"Dynamic Color Mixing",className:"mt-2 mb-6 h-full",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Advanced color manipulation using CSS color-mix() for automatic variations:"}),a.jsx(e.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/AdvancedColorSystemSection-eBshfqfD.js

@@ -1,173 +0,0 @@
-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-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const u = () => /* @__PURE__ */ e(i, { children: [
-  /* @__PURE__ */ e("div", { className: "text-center", children: [
-    /* @__PURE__ */ a(
-      r,
-      {
-        tag: "h2",
-        className: "mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",
-        children: "Advanced Color System"
-      }
-    ),
-    /* @__PURE__ */ a(
-      r,
-      {
-        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"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e("div", { className: "grid grid-cols-1  gap-6", children: [
-    /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(o, { title: "Color Layers", className: "mt-2 mb-6", children: /* @__PURE__ */ e("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ a(r, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: "The theming system supports multiple color layers for comprehensive theming:" }),
-      /* @__PURE__ */ a("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: "#f3f4f6 (DEFAULT_SECONDARY)"
-        },
-        {
-          layer: "Dark Secondary",
-          description: "Secondary color for dark mode",
-          variable: "--color-semantic-dark-bg-secondary",
-          default: "#172131 (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: "#4a5565 (DEFAULT_MUTED)"
-        },
-        {
-          layer: "Dark Muted",
-          description: "Muted text color for dark mode",
-          variable: "--color-semantic-dark-fg-muted",
-          default: "#828a99 (DEFAULT_DARK_MUTED)"
-        },
-        {
-          layer: "Dark Background",
-          description: "Dark theme base color",
-          variable: "--color-semantic-dark-bg",
-          default: "#030712 (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: "#f9fafb (DEFAULT_LIGHT_DARK)"
-        },
-        {
-          layer: "Dark Light Dark",
-          description: "Dark theme secondary background",
-          variable: "--color-semantic-dark-bg-secondary-wash",
-          default: "#0a101d (DEFAULT_DARK_LIGHT_DARK)"
-        }
-      ].map((t, l) => /* @__PURE__ */ e(
-        "div",
-        {
-          className: "p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",
-          children: [
-            /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-2", children: [
-              /* @__PURE__ */ a(r, { tag: "h5", className: "font-semibold text-sm", children: t.layer }),
-              /* @__PURE__ */ a(
-                r,
-                {
-                  tag: "code",
-                  className: "text-xs text-gray-500 dark:text-gray-400",
-                  children: t.variable
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a(
-              r,
-              {
-                tag: "p",
-                className: "text-sm text-gray-600 dark:text-gray-400 mb-1",
-                children: t.description
-              }
-            ),
-            /* @__PURE__ */ e(
-              r,
-              {
-                tag: "p",
-                className: "text-xs text-gray-500 dark:text-gray-500",
-                children: [
-                  "Default: ",
-                  t.default
-                ]
-              }
-            )
-          ]
-        },
-        l
-      )) })
-    ] }) }) }),
-    /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(o, { title: "Dynamic Color Mixing", className: "mt-2 mb-6 h-full", children: /* @__PURE__ */ e("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ a(r, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: "Advanced color manipulation using CSS color-mix() for automatic variations:" }),
-      /* @__PURE__ */ a(
-        d,
-        {
-          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 */`
-        }
-      )
-    ] }) }) })
-  ] })
-] });
-export {
-  u as default
-};

package/documentation/AdvancedFeaturesSection-BYLSytEq.js

@@ -1,82 +0,0 @@
-import { jsxs as r, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { T as a, C as s } from "../index-D3gBsvbO.js";
-import { Globe as l, Save as n, Layers as c } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const x = () => /* @__PURE__ */ r(i, { children: [
-  /* @__PURE__ */ r("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(
-      a,
-      {
-        tag: "h2",
-        className: "mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",
-        children: "Advanced Features"
-      }
-    ),
-    /* @__PURE__ */ e(
-      a,
-      {
-        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"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-    {
-      icon: /* @__PURE__ */ e(l, { 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: /* @__PURE__ */ e(n, { 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: /* @__PURE__ */ e(c, { 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((t, o) => /* @__PURE__ */ e(
-    s,
-    {
-      className: "group hover:shadow-large transition-all duration-300 hover:-translate-y-1",
-      children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: `p-3 rounded-xl bg-gradient-to-br ${t.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,
-              children: t.icon
-            }
-          ),
-          /* @__PURE__ */ e(
-            a,
-            {
-              tag: "h3",
-              className: "font-semibold text-lg group-hover:text-primary transition-colors duration-300",
-              children: t.title
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(
-          a,
-          {
-            tag: "p",
-            className: "text-gray-600 dark:text-gray-400 leading-relaxed",
-            children: t.description
-          }
-        )
-      ] })
-    },
-    o
-  )) })
-] });
-export {
-  x as default
-};

package/documentation/AdvancedFeaturesSection-CAG7FjH1.js

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

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

@@ -1,100 +0,0 @@
-import { jsxs as i, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as r, C as s } from "../index-D3gBsvbO.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";
-import "react-dom";
-const u = () => /* @__PURE__ */ i(o, { children: [
-  /* @__PURE__ */ i("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(
-      r,
-      {
-        tag: "h2",
-        className: "mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",
-        children: "Advanced Features"
-      }
-    ),
-    /* @__PURE__ */ e(
-      r,
-      {
-        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"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-    {
-      icon: /* @__PURE__ */ e(l, { 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: /* @__PURE__ */ e(d, { 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: /* @__PURE__ */ e(n, { 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: /* @__PURE__ */ e(c, { 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: /* @__PURE__ */ e(m, { 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: /* @__PURE__ */ e(h, { 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((t, a) => /* @__PURE__ */ e(
-    s,
-    {
-      className: "group hover:shadow-large transition-all duration-300 hover:-translate-y-1",
-      children: /* @__PURE__ */ i("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ e(
-            "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
-            }
-          ),
-          /* @__PURE__ */ e(
-            r,
-            {
-              tag: "h3",
-              className: "font-semibold text-lg group-hover:text-primary transition-colors duration-300",
-              children: t.title
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(
-          r,
-          {
-            tag: "p",
-            className: "text-gray-600 dark:text-gray-400 leading-relaxed",
-            children: t.description
-          }
-        )
-      ] })
-    },
-    a
-  )) })
-] });
-export {
-  u as default
-};

package/documentation/AlertSection-CzmwMiuZ.js

@@ -1,98 +0,0 @@
-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-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-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(
-      a,
-      {
-        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."
-      }
-    )
-  ] }),
-  /* @__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(r, { variant: "info", children: /* @__PURE__ */ e(a, { tag: "p", children: "This is an informational message." }) })
-    ] }),
-    /* @__PURE__ */ s(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Success Alert" }),
-      /* @__PURE__ */ e(r, { variant: "success", children: /* @__PURE__ */ e(a, { tag: "p", children: "Operation completed successfully!" }) })
-    ] }),
-    /* @__PURE__ */ s(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Warning Alert" }),
-      /* @__PURE__ */ e(r, { variant: "warning", children: /* @__PURE__ */ e(a, { tag: "p", children: "Please review this information carefully." }) })
-    ] }),
-    /* @__PURE__ */ s(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Error Alert" }),
-      /* @__PURE__ */ e(r, { variant: "error", children: /* @__PURE__ */ e(a, { tag: "p", children: "An error occurred. Please try again." }) })
-    ] })
-  ] }) }) }) }),
-  /* @__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(r, { variant: "info", dismissible: !1, children: /* @__PURE__ */ e(a, { tag: "p", children: "This alert cannot be dismissed." }) })
-    ] }),
-    /* @__PURE__ */ s(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "With Custom onDismiss" }),
-      /* @__PURE__ */ e(
-        r,
-        {
-          variant: "success",
-          onDismiss: () => console.log("Alert dismissed"),
-          children: /* @__PURE__ */ e(a, { tag: "p", children: "This alert has a custom dismiss handler." })
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(
-    c,
-    {
-      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." })
-    }
-  ),
-  /* @__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';
-
-// Basic usage
-<Alert variant="info">
-  <Typography tag="p">This is an informational message.</Typography>
-</Alert>
-
-// Different variants
-<Alert variant="info">Info message</Alert>
-<Alert variant="success">Success message</Alert>
-<Alert variant="warning">Warning message</Alert>
-<Alert variant="error">Error message</Alert>
-
-// Non-dismissible
-<Alert variant="info" dismissible={false}>
-  <Typography tag="p">Cannot be dismissed</Typography>
-</Alert>
-
-// With custom dismiss handler
-<Alert
-  variant="success"
-  onDismiss={() => handleDismiss()}
->
-  <Typography tag="p">Custom dismiss handler</Typography>
-</Alert>`
-    }
-  ) }) }) })
-] });
-export {
-  A as default
-};

package/documentation/AlertSection-pIvh75mZ.js

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.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">
-  <Typography tag="p">This is an informational message.</Typography>
-</Alert>
-
-// Different variants
-<Alert variant="info">Info message</Alert>
-<Alert variant="success">Success message</Alert>
-<Alert variant="warning">Warning message</Alert>
-<Alert variant="error">Error message</Alert>
-
-// Non-dismissible
-<Alert variant="info" dismissible={false}>
-  <Typography tag="p">Cannot be dismissed</Typography>
-</Alert>
-
-// With custom dismiss handler
-<Alert
-  variant="success"
-  onDismiss={() => handleDismiss()}
->
-  <Typography tag="p">Custom dismiss handler</Typography>
-</Alert>`})})})})]});exports.default=r;

package/documentation/AnchorLinkSection-diTL_uYY.js

@@ -1,67 +0,0 @@
-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-D3gBsvbO.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-vCfJpTVG.js

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