@e-burgos/tucu-ui 2.0.9 → 2.0.11

package/documentation/{TypographySection-Ct3zNnpW.js → TypographySection-Dxp8woDR.js}

@@ -1,11 +1,11 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { H as g, C as t, a as d, T as r, K as i } from "../index-lfg6LZ1p.js";
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { H as i, C as t, a as o, T as l, K as g } from "../index-4GONhZIF.js";
 import { Type as n } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
 const T = () => {
-  const o = [
+  const d = [
     { tag: "headline", label: "Headline", category: "Tucu UI Tokens" },
     { tag: "body", label: "Body", category: "Tucu UI Tokens" },
     { tag: "label-1", label: "Label 1", category: "Tucu UI Tokens" },
@@ -49,40 +49,40 @@ const T = () => {
     { value: "default", label: "Default (Sans)" },
     { value: "mono", label: "Mono" }
   ];
-  return /* @__PURE__ */ l("div", { className: "space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12", children: [
+  return /* @__PURE__ */ r("div", { className: "space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12", children: [
     /* @__PURE__ */ a(
-      g,
+      i,
       {
         title: "Typography",
         description: "Typography component with all available tags, colors, and font families.",
         icon: /* @__PURE__ */ a("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-cyan-500 to-sky-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ a(n, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
       }
     ),
-    /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Tucu UI Tokens - Type Scale", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
+    /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Tucu UI Tokens - Type Scale", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
       /* @__PURE__ */ a(
-        r,
+        l,
         {
           tag: "p",
           className: "text-gray-600 dark:text-gray-400 mb-6",
           children: "Hierarchical typography tokens designed for consistent text styling across the design system."
         }
       ),
-      /* @__PURE__ */ a("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-light-dark", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: o.filter((e) => e.category === "Tucu UI Tokens").map((e) => /* @__PURE__ */ l(
+      /* @__PURE__ */ a("div", { className: "border border-border rounded-lg p-6 bg-light-dark", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: d.filter((e) => e.category === "Tucu UI Tokens").map((e) => /* @__PURE__ */ r(
         "div",
         {
-          className: "flex flex-col md:flex-row md:items-center md:justify-between gap-4 pb-6 border-b border-gray-200 dark:border-gray-700 last:border-0 last:pb-0",
+          className: "flex flex-col md:flex-row md:items-center md:justify-between gap-4 pb-6 border-b border-border last:border-0 last:pb-0",
           children: [
-            /* @__PURE__ */ l("div", { className: "flex-1 space-y-2", children: [
-              /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ r("div", { className: "flex-1 space-y-2", children: [
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
                 /* @__PURE__ */ a(
-                  r,
+                  l,
                   {
                     tag: e.tag,
                     children: e.label
                   }
                 ),
                 /* @__PURE__ */ a(
-                  i,
+                  g,
                   {
                     variant: "outline",
                     className: "text-xs font-mono",
@@ -90,7 +90,7 @@ const T = () => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ l(r, { tag: "caption", className: "text-muted", children: [
+              /* @__PURE__ */ r(l, { tag: "caption", className: "text-muted", children: [
                 e.tag === "headline" && "Main headlines and hero text",
                 e.tag === "body" && "Primary body text and paragraphs",
                 e.tag === "label-1" && "Primary labels and form fields",
@@ -99,8 +99,8 @@ const T = () => {
                 e.tag === "legal" && "Legal text, disclaimers, and fine print"
               ] })
             ] }),
-            /* @__PURE__ */ a("div", { className: "md:w-1/2", children: /* @__PURE__ */ l(
-              r,
+            /* @__PURE__ */ a("div", { className: "md:w-1/2", children: /* @__PURE__ */ r(
+              l,
               {
                 tag: e.tag,
                 children: [
@@ -118,24 +118,24 @@ const T = () => {
         e.tag
       )) }) })
     ] }) }) }),
-    /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "HTML Tags", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
+    /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "HTML Tags", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
       /* @__PURE__ */ a(
-        r,
+        l,
         {
           tag: "p",
           className: "text-gray-600 dark:text-gray-400 mb-6",
           children: "Standard HTML semantic tags with Tucu UI styling."
         }
       ),
-      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: o.filter((e) => e.category === "HTML Tags").map((e) => /* @__PURE__ */ l(
+      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: d.filter((e) => e.category === "HTML Tags").map((e) => /* @__PURE__ */ r(
         "div",
         {
-          className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",
+          className: "border border-border rounded-lg p-4 space-y-3",
           children: [
-            /* @__PURE__ */ l("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ a(r, { tag: "h4", children: e.label }),
-              /* @__PURE__ */ l(
-                r,
+            /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ a(l, { tag: "h4", children: e.label }),
+              /* @__PURE__ */ r(
+                l,
                 {
                   tag: "h4",
                   className: "text-muted break-all text-xs",
@@ -148,7 +148,7 @@ const T = () => {
               )
             ] }),
             /* @__PURE__ */ a("div", { className: "min-h-[60px] flex items-start overflow-hidden", children: /* @__PURE__ */ a(
-              r,
+              l,
               {
                 className: e.tag === "pre" || e.tag === "code" ? "overflow-wrap-anywhere whitespace-pre-wrap w-full" : "overflow-wrap-anywhere",
                 tag: e.tag,
@@ -163,24 +163,24 @@ const T = () => {
         e.tag
       )) })
     ] }) }) }),
-    /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Typography Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
+    /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Typography Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
       /* @__PURE__ */ a(
-        r,
+        l,
         {
           tag: "p",
           className: "text-gray-600 dark:text-gray-400 mb-6",
           children: "Available color props for the Typography component."
         }
       ),
-      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: s.map((e) => /* @__PURE__ */ l(
+      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: s.map((e) => /* @__PURE__ */ r(
         "div",
         {
-          className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",
+          className: "border border-border rounded-lg p-4 space-y-3",
           children: [
-            /* @__PURE__ */ l("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ a(r, { tag: "h4", children: e.label }),
-              /* @__PURE__ */ l(
-                r,
+            /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ a(l, { tag: "h4", children: e.label }),
+              /* @__PURE__ */ r(
+                l,
                 {
                   tag: "h4",
                   className: "text-muted break-all text-xs",
@@ -192,30 +192,30 @@ const T = () => {
                 }
               )
             ] }),
-            /* @__PURE__ */ a("div", { className: "min-h-[40px] flex items-center", children: /* @__PURE__ */ a(r, { tag: "p", color: e.value, children: "The quick brown fox jumps over the lazy dog" }) })
+            /* @__PURE__ */ a("div", { className: "min-h-[40px] flex items-center", children: /* @__PURE__ */ a(l, { tag: "p", color: e.value, children: "The quick brown fox jumps over the lazy dog" }) })
           ]
         },
         e.value
       )) })
     ] }) }) }),
-    /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Typography Font Families", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
+    /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Typography Font Families", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
       /* @__PURE__ */ a(
-        r,
+        l,
         {
           tag: "p",
           className: "text-gray-600 dark:text-gray-400 mb-6",
           children: "Available fontFamily props for the Typography component."
         }
       ),
-      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: c.map((e) => /* @__PURE__ */ l(
+      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: c.map((e) => /* @__PURE__ */ r(
         "div",
         {
-          className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",
+          className: "border border-border rounded-lg p-4 space-y-3",
           children: [
-            /* @__PURE__ */ l("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ a(r, { tag: "h4", children: e.label }),
-              /* @__PURE__ */ l(
-                r,
+            /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ a(l, { tag: "h4", children: e.label }),
+              /* @__PURE__ */ r(
+                l,
                 {
                   tag: "h4",
                   className: "text-muted break-all text-xs",
@@ -227,45 +227,45 @@ const T = () => {
                 }
               )
             ] }),
-            /* @__PURE__ */ a("div", { className: "min-h-[40px] flex items-center", children: /* @__PURE__ */ a(r, { tag: "p", fontFamily: e.value, children: "The quick brown fox jumps over the lazy dog" }) })
+            /* @__PURE__ */ a("div", { className: "min-h-[40px] flex items-center", children: /* @__PURE__ */ a(l, { tag: "p", fontFamily: e.value, children: "The quick brown fox jumps over the lazy dog" }) })
           ]
         },
         e.value
       )) })
     ] }) }) }),
-    /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Combined Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
+    /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Combined Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
       /* @__PURE__ */ a(
-        r,
+        l,
         {
           tag: "p",
           className: "text-gray-600 dark:text-gray-400 mb-6",
           children: "Examples combining tags, colors, and font families."
         }
       ),
-      /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [
-        /* @__PURE__ */ l("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3", children: [
-          /* @__PURE__ */ a(r, { tag: "h4", className: "text-xs text-muted", children: "Headline + Primary + Mono" }),
-          /* @__PURE__ */ a(r, { tag: "headline", color: "primary", fontFamily: "mono", children: "The quick brown fox" })
+      /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [
+        /* @__PURE__ */ r("div", { className: "border border-border rounded-lg p-4 space-y-3", children: [
+          /* @__PURE__ */ a(l, { tag: "h4", className: "text-xs text-muted", children: "Headline + Primary + Mono" }),
+          /* @__PURE__ */ a(l, { tag: "headline", color: "primary", fontFamily: "mono", children: "The quick brown fox" })
         ] }),
-        /* @__PURE__ */ l("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3", children: [
-          /* @__PURE__ */ a(r, { tag: "h4", className: "text-xs text-muted", children: "Body + Success" }),
-          /* @__PURE__ */ a(r, { tag: "body", color: "success", children: "The quick brown fox jumps over the lazy dog" })
+        /* @__PURE__ */ r("div", { className: "border border-border rounded-lg p-4 space-y-3", children: [
+          /* @__PURE__ */ a(l, { tag: "h4", className: "text-xs text-muted", children: "Body + Success" }),
+          /* @__PURE__ */ a(l, { tag: "body", color: "success", children: "The quick brown fox jumps over the lazy dog" })
         ] }),
-        /* @__PURE__ */ l("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3", children: [
-          /* @__PURE__ */ a(r, { tag: "h4", className: "text-xs text-muted", children: "Label 1 + Warning" }),
-          /* @__PURE__ */ a(r, { tag: "label-1", color: "warning", children: "The quick brown fox" })
+        /* @__PURE__ */ r("div", { className: "border border-border rounded-lg p-4 space-y-3", children: [
+          /* @__PURE__ */ a(l, { tag: "h4", className: "text-xs text-muted", children: "Label 1 + Warning" }),
+          /* @__PURE__ */ a(l, { tag: "label-1", color: "warning", children: "The quick brown fox" })
         ] }),
-        /* @__PURE__ */ l("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3", children: [
-          /* @__PURE__ */ a(r, { tag: "h4", className: "text-xs text-muted", children: "Code + Error + Mono" }),
-          /* @__PURE__ */ a(r, { tag: "code", color: "error", fontFamily: "mono", children: 'const example = "Hello World";' })
+        /* @__PURE__ */ r("div", { className: "border border-border rounded-lg p-4 space-y-3", children: [
+          /* @__PURE__ */ a(l, { tag: "h4", className: "text-xs text-muted", children: "Code + Error + Mono" }),
+          /* @__PURE__ */ a(l, { tag: "code", color: "error", fontFamily: "mono", children: 'const example = "Hello World";' })
         ] }),
-        /* @__PURE__ */ l("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3", children: [
-          /* @__PURE__ */ a(r, { tag: "h4", className: "text-xs text-muted", children: "Caption + Muted" }),
-          /* @__PURE__ */ a(r, { tag: "caption", color: "muted", children: "The quick brown fox jumps over the lazy dog" })
+        /* @__PURE__ */ r("div", { className: "border border-border rounded-lg p-4 space-y-3", children: [
+          /* @__PURE__ */ a(l, { tag: "h4", className: "text-xs text-muted", children: "Caption + Muted" }),
+          /* @__PURE__ */ a(l, { tag: "caption", color: "muted", children: "The quick brown fox jumps over the lazy dog" })
         ] }),
-        /* @__PURE__ */ l("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3", children: [
-          /* @__PURE__ */ a(r, { tag: "h4", className: "text-xs text-muted", children: "H2 + Secondary" }),
-          /* @__PURE__ */ a(r, { tag: "h2", color: "secondary", children: "The quick brown fox" })
+        /* @__PURE__ */ r("div", { className: "border border-border rounded-lg p-4 space-y-3", children: [
+          /* @__PURE__ */ a(l, { tag: "h4", className: "text-xs text-muted", children: "H2 + Secondary" }),
+          /* @__PURE__ */ a(l, { tag: "h2", color: "secondary", children: "The quick brown fox" })
         ] })
       ] })
     ] }) }) })

package/documentation/{UsageExamplesSection-D-ai2y1j.js → UsageExamplesSection-COHPEjrD.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { H as n, T as o, C as t, c as r } from "../index-lfg6LZ1p.js";
+import { H as n, T as o, C as t, c as r } from "../index-4GONhZIF.js";
 import { Code as m } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{UsageExamplesSection-BWDg6OSi.js → UsageExamplesSection-DaOjsNTB.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-BaGqriuz.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{title:"Lucide Icons (Namespace)",description:"Access 1500+ icons via LucideIcons.* dot notation. Supports className, size, color, and strokeWidth props.",code:`import { LucideIcons } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{title:"Lucide Icons (Namespace)",description:"Access 1500+ icons via LucideIcons.* dot notation. Supports className, size, color, and strokeWidth props.",code:`import { LucideIcons } from '@e-burgos/tucu-ui';
 
 function MyComponent() {
   return (

package/documentation/{UsingThemeSystemSection-Db0Hs67Q.js → UsingThemeSystemSection-8RYuDUEP.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Using the Theme System",description:"Setup examples for ThemeProvider and the useTheme hook — everything you need to integrate theming in your application.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Code,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"ThemeProvider Setup"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Wrap your application with ThemeProvider to enable theming"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Basic Configuration",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { ThemeProvider, LAYOUT_OPTIONS } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-C0NugKZs.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Using the Theme System",description:"Setup examples for ThemeProvider and the useTheme hook — everything you need to integrate theming in your application.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Code,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"ThemeProvider Setup"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Wrap your application with ThemeProvider to enable theming"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Basic Configuration",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { ThemeProvider, LAYOUT_OPTIONS } from '@e-burgos/tucu-ui';
 
 function App() {
   const menuItems = [

package/documentation/{UsingThemeSystemSection-D7Wbw8sv.js → UsingThemeSystemSection-ClyEzmVE.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { H as l, T as o, C as a, a as r, c as n } from "../index-lfg6LZ1p.js";
+import { H as l, T as o, C as a, a as r, c as n } from "../index-4GONhZIF.js";
 import { Code as i } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ValidationSystemSection-Bqszchd7.js → ValidationSystemSection-C9chD4rm.js}

@@ -1,10 +1,10 @@
 import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { H as o, T as r, C as l, a as t, c as i, aj as n, y as m } from "../index-lfg6LZ1p.js";
+import { H as o, T as r, C as l, a as t, c as i, aj as n, y as m } from "../index-4GONhZIF.js";
 import { Shield as c, FileText as u, Code as p, Info as h } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
-const C = () => /* @__PURE__ */ a(d, { children: [
+const k = () => /* @__PURE__ */ a(d, { children: [
   /* @__PURE__ */ e(
     o,
     {
@@ -37,11 +37,11 @@ const C = () => /* @__PURE__ */ a(d, { children: [
               children: [
                 "Define all rules in one",
                 " ",
-                /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "FormValidations" }),
+                /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "FormValidations" }),
                 " ",
                 "object, pass to Form via",
                 " ",
-                /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "validationSchema" }),
+                /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "validationSchema" }),
                 "."
               ]
             }
@@ -88,11 +88,11 @@ export const formValidations: FormValidations<FormValues> = {
               children: [
                 "Define rules directly on",
                 " ",
-                /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "FormField" }),
+                /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "FormField" }),
                 " ",
                 "via the",
                 " ",
-                /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "rules" }),
+                /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "rules" }),
                 " ",
                 "prop. Overrides schema for that field."
               ]
@@ -134,11 +134,11 @@ export const formValidations: FormValidations<FormValues> = {
       /* @__PURE__ */ a(r, { tag: "p", className: "text-sm", children: [
         "Both approaches can be used together. The",
         " ",
-        /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "rules" }),
+        /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "rules" }),
         " ",
         "prop on FormField takes precedence over",
         " ",
-        /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "validationSchema" }),
+        /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "validationSchema" }),
         " ",
         "for that specific field."
       ] })
@@ -218,5 +218,5 @@ export const formValidations: FormValidations<FormValues> = {
   ] })
 ] });
 export {
-  C as default
+  k as default
 };

package/documentation/{ValidationSystemSection-CcHCIL8A.js → ValidationSystemSection-CfL8aR6T.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const l=[{rule:"required",example:"required: 'Field is required'",description:"Makes field required"},{rule:"minLength",example:"minLength: { value: 2, message: '...' }",description:"Minimum string length"},{rule:"maxLength",example:"maxLength: { value: 100, message: '...' }",description:"Maximum string length"},{rule:"pattern",example:"pattern: { value: /regex/, message: '...' }",description:"Regex pattern validation"},{rule:"min",example:"min: { value: 18, message: '...' }",description:"Minimum numeric value"},{rule:"max",example:"max: { value: 100, message: '...' }",description:"Maximum numeric value"},{rule:"validate",example:"validate: { custom: (v) => v > 0 || '...' }",description:"Custom validation function(s)"}],t=[{key:"rule",label:"Rule",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"example",label:"Example",render:r=>e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(r)})},{key:"description",label:"Description",render:r=>e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(r)})}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Validation System",description:"Centralized or per-field validation powered by react-hook-form rules. Supports required, pattern, min/max, and custom async validators.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-red-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Shield,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Validation Approaches"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Two ways to define validation — centralized schema or per-field rules"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 sm:gap-6",children:[e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Centralized Schema",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-blue-500 to-cyan-500 rounded-lg shadow-lg",children:e.jsx(s.FileText,{className:"w-5 h-5 text-white"})}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["Define all rules in one"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"FormValidations"})," ","object, pass to Form via"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"validationSchema"}),"."]})]}),e.jsx(a.CodeBlock,{language:"tsx",code:`import { FormValidations } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const l=[{rule:"required",example:"required: 'Field is required'",description:"Makes field required"},{rule:"minLength",example:"minLength: { value: 2, message: '...' }",description:"Minimum string length"},{rule:"maxLength",example:"maxLength: { value: 100, message: '...' }",description:"Maximum string length"},{rule:"pattern",example:"pattern: { value: /regex/, message: '...' }",description:"Regex pattern validation"},{rule:"min",example:"min: { value: 18, message: '...' }",description:"Minimum numeric value"},{rule:"max",example:"max: { value: 100, message: '...' }",description:"Maximum numeric value"},{rule:"validate",example:"validate: { custom: (v) => v > 0 || '...' }",description:"Custom validation function(s)"}],t=[{key:"rule",label:"Rule",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"example",label:"Example",render:s=>e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(s)})},{key:"description",label:"Description",render:s=>e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(s)})}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Validation System",description:"Centralized or per-field validation powered by react-hook-form rules. Supports required, pattern, min/max, and custom async validators.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-red-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.Shield,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Validation Approaches"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Two ways to define validation — centralized schema or per-field rules"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 sm:gap-6",children:[e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Centralized Schema",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-blue-500 to-cyan-500 rounded-lg shadow-lg",children:e.jsx(r.FileText,{className:"w-5 h-5 text-white"})}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["Define all rules in one"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"FormValidations"})," ","object, pass to Form via"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"validationSchema"}),"."]})]}),e.jsx(a.CodeBlock,{language:"tsx",code:`import { FormValidations } from '@e-burgos/tucu-ui';
 
 export const formValidations: FormValidations<FormValues> = {
   name: {
@@ -26,7 +26,7 @@ export const formValidations: FormValidations<FormValues> = {
   <FormField<FormValues> name="name" label="Name">
     <Input />
   </FormField>
-</Form>`})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Per-Field Rules",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-purple-500 to-violet-500 rounded-lg shadow-lg",children:e.jsx(s.Code,{className:"w-5 h-5 text-white"})}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["Define rules directly on"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"FormField"})," ","via the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"rules"})," ","prop. Overrides schema for that field."]})]}),e.jsx(a.CodeBlock,{language:"tsx",code:`<FormField<FormValues>
+</Form>`})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Per-Field Rules",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-purple-500 to-violet-500 rounded-lg shadow-lg",children:e.jsx(r.Code,{className:"w-5 h-5 text-white"})}),e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["Define rules directly on"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"FormField"})," ","via the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"rules"})," ","prop. Overrides schema for that field."]})]}),e.jsx(a.CodeBlock,{language:"tsx",code:`<FormField<FormValues>
   name="password"
   label="Password"
   rules={{
@@ -50,4 +50,4 @@ export const formValidations: FormValidations<FormValues> = {
   }}
 >
   <Input type="password" />
-</FormField>`})]})})})]}),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.Info,{className:"h-4 w-4"}),e.jsx(a.Typography,{tag:"span",className:"font-semibold",children:"Priority"})]}),e.jsxs(a.Typography,{tag:"p",className:"text-sm",children:["Both approaches can be used together. The"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"rules"})," ","prop on FormField takes precedence over"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"validationSchema"})," ","for that specific field."]})]})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Available Rules"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"All validation rules supported by the form system"})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:t,data:l})})})]})]})};exports.default=i;
+</FormField>`})]})})})]}),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(r.Info,{className:"h-4 w-4"}),e.jsx(a.Typography,{tag:"span",className:"font-semibold",children:"Priority"})]}),e.jsxs(a.Typography,{tag:"p",className:"text-sm",children:["Both approaches can be used together. The"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"rules"})," ","prop on FormField takes precedence over"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"validationSchema"})," ","for that specific field."]})]})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Available Rules"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"All validation rules supported by the form system"})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:t,data:l})})})]})]})};exports.default=i;

package/documentation/{WCAGPrinciplesSection-DHmT6YQy.js → WCAGPrinciplesSection-BXuOoMt5.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as l, T as r, C as c } from "../index-lfg6LZ1p.js";
+import { H as l, T as r, C as c } from "../index-4GONhZIF.js";
 import { BookOpen as d, Check as m, Eye as p, Hand as h, Brain as g, Shield as u } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{WCAGPrinciplesSection-BYNqkBJt.js → WCAGPrinciplesSection-yq3Hm2ep.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const s=[{title:"Perceivable",description:"Information and UI components must be presentable to users in ways they can perceive.",icon:e.jsx(t.Eye,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-cyan-500 to-teal-500",features:["Color contrast ratios (4.5:1 for text)","Alt text for images and icons","Scalable text and responsive typography","aria-live regions for dynamic content"]},{title:"Operable",description:"UI components and navigation must be operable by all users regardless of input method.",icon:e.jsx(t.Hand,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-violet-500 to-indigo-500",features:["Full keyboard navigation (Tab, Arrow, Escape)","Visible focus indicators on all elements","No seizure-triggering content","Sufficient time for interactions"]},{title:"Understandable",description:"Information and UI operation must be understandable and predictable.",icon:e.jsx(t.Brain,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",features:["Clear and readable text content","Predictable navigation behavior","Input assistance (labels, helpers, errors)","Error identification with aria-invalid"]},{title:"Robust",description:"Content must be robust enough for various assistive technologies and future compatibility.",icon:e.jsx(t.Shield,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Valid semantic HTML structure","Proper ARIA roles and attributes","Compatible with NVDA, JAWS, VoiceOver","Standards-compliant markup"]}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"WCAG 2.1 AA Principles",description:"Four fundamental principles (POUR) that guide our accessibility implementation. Every component is evaluated against these criteria.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-violet-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.BookOpen,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"The POUR Framework"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each principle addresses a different aspect of accessibility"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:s.map((r,i)=>e.jsx(a.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${r.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:r.icon}),e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:r.title})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:r.description}),e.jsx("div",{className:"space-y-2",children:r.features.map((o,n)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Check,{className:"w-4 h-4 text-green-500 shrink-0"}),e.jsx(a.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:o})]},n))})]})},i))})]})]})};exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const s=[{title:"Perceivable",description:"Information and UI components must be presentable to users in ways they can perceive.",icon:e.jsx(t.Eye,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-cyan-500 to-teal-500",features:["Color contrast ratios (4.5:1 for text)","Alt text for images and icons","Scalable text and responsive typography","aria-live regions for dynamic content"]},{title:"Operable",description:"UI components and navigation must be operable by all users regardless of input method.",icon:e.jsx(t.Hand,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-violet-500 to-indigo-500",features:["Full keyboard navigation (Tab, Arrow, Escape)","Visible focus indicators on all elements","No seizure-triggering content","Sufficient time for interactions"]},{title:"Understandable",description:"Information and UI operation must be understandable and predictable.",icon:e.jsx(t.Brain,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",features:["Clear and readable text content","Predictable navigation behavior","Input assistance (labels, helpers, errors)","Error identification with aria-invalid"]},{title:"Robust",description:"Content must be robust enough for various assistive technologies and future compatibility.",icon:e.jsx(t.Shield,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500",features:["Valid semantic HTML structure","Proper ARIA roles and attributes","Compatible with NVDA, JAWS, VoiceOver","Standards-compliant markup"]}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"WCAG 2.1 AA Principles",description:"Four fundamental principles (POUR) that guide our accessibility implementation. Every component is evaluated against these criteria.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-violet-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.BookOpen,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"The POUR Framework"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each principle addresses a different aspect of accessibility"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:s.map((r,i)=>e.jsx(a.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${r.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:r.icon}),e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:r.title})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:r.description}),e.jsx("div",{className:"space-y-2",children:r.features.map((o,n)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Check,{className:"w-4 h-4 text-green-500 shrink-0"}),e.jsx(a.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:o})]},n))})]})},i))})]})]})};exports.default=l;