@e-burgos/tucu-ui 2.0.9 → 2.0.11

package/documentation/ColorSystemSection-BtlskPJf.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("../index-C0NugKZs.js"),x=require("lucide-react");require("react-router-dom");require("react-dom");const l=d=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(d).trim()||""},v=()=>{const{mode:d}=s.useTheme(),[t,c]=o.useState(0);o.useEffect(()=>{const a=setTimeout(()=>{c(r=>r+1)},100);return()=>clearTimeout(a)},[d]),o.useEffect(()=>{const a=new MutationObserver(()=>{c(r=>r+1)});return a.observe(document.documentElement,{attributes:!0,attributeFilter:["class","style"]}),()=>a.disconnect()},[]);const h=[{name:"Primary",class:"bg-primary",varName:"--color-primary"},{name:"Accent",class:"bg-accent",varName:"--color-accent"}],g=[{name:"Secondary",class:"bg-secondary",varName:"--color-secondary"},{name:"Background",class:"bg-body",varName:"--color-body"},{name:"Dark",class:"bg-dark",varName:"--color-dark"}],u=[{name:"Muted",class:"bg-muted",varName:"--color-muted"},{name:"Primary",class:"bg-foreground",varName:"--color-foreground"},{name:"Border",class:"bg-border",varName:"--color-border"}],p=[{name:"Success",class:"bg-success",varName:"--color-success"},{name:"Warning",class:"bg-warning",varName:"--color-warning"},{name:"Error",class:"bg-error",varName:"--color-error"},{name:"Info",class:"bg-info",varName:"--color-info"}],N=[{name:"blue",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"green",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"orange",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"gray",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"indigo",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"pink",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"purple",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"red",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"teal",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"yellow",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"chartreuse",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]}],b=[{name:"brand",varName:"--color-brand",class:"bg-brand"},{name:"primary",varName:"--color-primary",class:"bg-primary"},{name:"secondary",varName:"--color-secondary",class:"bg-secondary"},{name:"accent",varName:"--color-accent",class:"bg-accent"},{name:"foreground",varName:"--color-foreground",class:"bg-foreground"},{name:"muted",varName:"--color-muted",class:"bg-muted"},{name:"border",varName:"--color-border",class:"bg-border"},{name:"success",varName:"--color-success",class:"bg-success"},{name:"warning",varName:"--color-warning",class:"bg-warning"},{name:"error",varName:"--color-error",class:"bg-error"},{name:"info",varName:"--color-info",class:"bg-info"},{name:"body",varName:"--color-body",class:"bg-body"},{name:"dark",varName:"--color-dark",class:"bg-dark"},{name:"light",varName:"--color-light",class:"bg-light"},{name:"light-dark",varName:"--color-light-dark",class:"bg-light-dark"}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(s.HeroCard,{title:"Color System",description:"Carefully crafted color palettes that work across all themes and contexts.",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-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(x.Palette,{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("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Brand Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:h.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`${a.name}-${t}`)})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Surfaces",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:g.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`surface-${a.name}-${t}`)})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Text",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-4 sm:gap-6",children:u.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`text-${a.name}-${t}`)})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Status",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:p.map(a=>{const r=l(a.varName);return e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto border border-border`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted text-xs",children:r||a.varName})]})]},`status-${a.name}-${t}`)})})})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"font-semibold flex items-center gap-2",children:[e.jsx(x.Info,{className:"h-4 w-4"}),"Dynamic Theming"]}),e.jsx("div",{children:"Colors automatically adapt based on the selected theme preset and mode (light/dark)."})]})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Color Spectrum",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Complete color palette with all shades from 0 to 100 for each color spectrum."}),e.jsx("div",{className:"space-y-8",children:N.map(a=>e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg mb-4 capitalize",children:a.name}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-7 md:grid-cols-10 lg:grid-cols-[repeat(13,minmax(0,1fr))] gap-2",children:a.shades.map(r=>{const n=`bg-${a.name}-${r}`,i=`--color-${a.name}-${r}`,m=l(i);return e.jsxs("div",{className:"space-y-1 w-full min-w-[40px]",children:[e.jsx("div",{className:`h-16 w-full rounded border border-border ${n}`,title:`${a.name}-${r}: ${m||i}`}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-xs font-semibold",children:r}),m&&e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[10px]",children:m})]},`${a.name}-${r}-${t}`)})})]},a.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Main Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Primary theme colors used throughout the application. These colors are mapped from semantic colors and adapt to light/dark mode."}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:b.map(a=>{const r=l(a.varName),n=a.name==="body"||a.name==="light"||a.name==="light-dark"?"text-dark dark:text-light":"text-white";return e.jsxs("div",{className:"space-y-2 border border-border rounded-lg p-2",children:[e.jsx("div",{className:`h-20 rounded flex items-center justify-center ${a.class} ${n} border border-border`,title:`${a.name}: var(${a.varName})${r?` = ${r}`:""}`,children:e.jsx(s.Typography,{tag:"h4",className:"text-center px-2 break-all text-xs",children:a.name})}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-xs",children:a.name}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[10px]",children:r}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[9px] mt-1 break-all px-1",children:a.class})]},`main-${a.name}-${t}`)})})]})})})]})]})};exports.default=v;

package/documentation/ColorSystemSection-CnTw7ZkK.js

@@ -0,0 +1,339 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { useState as y, useEffect as u } from "react";
+import { ay as w, H as $, C as l, a as d, aj as k, T as t } from "../index-4GONhZIF.js";
+import { Palette as C, Info as S } from "lucide-react";
+import "react-router-dom";
+import "react-dom";
+const c = (n) => {
+  if (typeof window > "u") return "";
+  const m = document.documentElement;
+  return getComputedStyle(m).getPropertyValue(n).trim() || "";
+}, H = () => {
+  const { mode: n } = w(), [m, o] = y(0);
+  u(() => {
+    const e = setTimeout(() => {
+      o((r) => r + 1);
+    }, 100);
+    return () => clearTimeout(e);
+  }, [n]), u(() => {
+    const e = new MutationObserver(() => {
+      o((r) => r + 1);
+    });
+    return e.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["class", "style"]
+    }), () => e.disconnect();
+  }, []);
+  const N = [
+    { name: "Primary", class: "bg-primary", varName: "--color-primary" },
+    { name: "Accent", class: "bg-accent", varName: "--color-accent" }
+  ], v = [
+    { name: "Secondary", class: "bg-secondary", varName: "--color-secondary" },
+    { name: "Background", class: "bg-body", varName: "--color-body" },
+    { name: "Dark", class: "bg-dark", varName: "--color-dark" }
+  ], b = [
+    { name: "Muted", class: "bg-muted", varName: "--color-muted" },
+    { name: "Primary", class: "bg-foreground", varName: "--color-foreground" },
+    { name: "Border", class: "bg-border", varName: "--color-border" }
+  ], p = [
+    { name: "Success", class: "bg-success", varName: "--color-success" },
+    { name: "Warning", class: "bg-warning", varName: "--color-warning" },
+    { name: "Error", class: "bg-error", varName: "--color-error" },
+    { name: "Info", class: "bg-info", varName: "--color-info" }
+  ], x = [
+    {
+      name: "blue",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    },
+    {
+      name: "green",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    },
+    {
+      name: "orange",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    },
+    {
+      name: "gray",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    },
+    {
+      name: "indigo",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    },
+    {
+      name: "pink",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    },
+    {
+      name: "purple",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    },
+    {
+      name: "red",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    },
+    {
+      name: "teal",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    },
+    {
+      name: "yellow",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    },
+    {
+      name: "chartreuse",
+      shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    }
+  ], f = [
+    { name: "brand", varName: "--color-brand", class: "bg-brand" },
+    { name: "primary", varName: "--color-primary", class: "bg-primary" },
+    { name: "secondary", varName: "--color-secondary", class: "bg-secondary" },
+    { name: "accent", varName: "--color-accent", class: "bg-accent" },
+    {
+      name: "foreground",
+      varName: "--color-foreground",
+      class: "bg-foreground"
+    },
+    { name: "muted", varName: "--color-muted", class: "bg-muted" },
+    { name: "border", varName: "--color-border", class: "bg-border" },
+    { name: "success", varName: "--color-success", class: "bg-success" },
+    { name: "warning", varName: "--color-warning", class: "bg-warning" },
+    { name: "error", varName: "--color-error", class: "bg-error" },
+    { name: "info", varName: "--color-info", class: "bg-info" },
+    { name: "body", varName: "--color-body", class: "bg-body" },
+    { name: "dark", varName: "--color-dark", class: "bg-dark" },
+    { name: "light", varName: "--color-light", class: "bg-light" },
+    {
+      name: "light-dark",
+      varName: "--color-light-dark",
+      class: "bg-light-dark"
+    }
+  ];
+  return /* @__PURE__ */ s("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(
+      $,
+      {
+        title: "Color System",
+        description: "Carefully crafted color palettes that work across all themes and contexts.",
+        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-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ a(C, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "space-y-8", children: [
+      /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Brand Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6", children: N.map((e) => {
+        const r = c(e.varName);
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: "text-center space-y-2",
+            children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: `w-16 h-16 rounded-lg ${e.class} mx-auto border border-border`
+                }
+              ),
+              /* @__PURE__ */ s("div", { className: "text-sm", children: [
+                /* @__PURE__ */ a("div", { className: "font-semibold", children: e.name }),
+                /* @__PURE__ */ a("div", { className: "text-muted text-xs", children: r || e.varName })
+              ] })
+            ]
+          },
+          `${e.name}-${m}`
+        );
+      }) }) }) }),
+      /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Surfaces", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6", children: v.map((e) => {
+        const r = c(e.varName);
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: "text-center space-y-2",
+            children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: `w-16 h-16 rounded-lg ${e.class} mx-auto border border-border`
+                }
+              ),
+              /* @__PURE__ */ s("div", { className: "text-sm", children: [
+                /* @__PURE__ */ a("div", { className: "font-semibold", children: e.name }),
+                /* @__PURE__ */ a("div", { className: "text-muted text-xs", children: r || e.varName })
+              ] })
+            ]
+          },
+          `surface-${e.name}-${m}`
+        );
+      }) }) }) }),
+      /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Text", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-4 sm:gap-6", children: b.map((e) => {
+        const r = c(e.varName);
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: "text-center space-y-2",
+            children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: `w-16 h-16 rounded-lg ${e.class} mx-auto border border-border`
+                }
+              ),
+              /* @__PURE__ */ s("div", { className: "text-sm", children: [
+                /* @__PURE__ */ a("div", { className: "font-semibold", children: e.name }),
+                /* @__PURE__ */ a("div", { className: "text-muted text-xs", children: r || e.varName })
+              ] })
+            ]
+          },
+          `text-${e.name}-${m}`
+        );
+      }) }) }) }),
+      /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Status", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6", children: p.map((e) => {
+        const r = c(e.varName);
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: "text-center space-y-2",
+            children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: `w-16 h-16 rounded-lg ${e.class} mx-auto border border-border`
+                }
+              ),
+              /* @__PURE__ */ s("div", { className: "text-sm", children: [
+                /* @__PURE__ */ a("div", { className: "font-semibold", children: e.name }),
+                /* @__PURE__ */ a("div", { className: "text-muted text-xs", children: r || e.varName })
+              ] })
+            ]
+          },
+          `status-${e.name}-${m}`
+        );
+      }) }) }) }),
+      /* @__PURE__ */ a(k, { variant: "info", children: /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ s("div", { className: "font-semibold flex items-center gap-2", children: [
+          /* @__PURE__ */ a(S, { className: "h-4 w-4" }),
+          "Dynamic Theming"
+        ] }),
+        /* @__PURE__ */ a("div", { children: "Colors automatically adapt based on the selected theme preset and mode (light/dark)." })
+      ] }) }),
+      /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Color Spectrum", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
+        /* @__PURE__ */ a(
+          t,
+          {
+            tag: "p",
+            className: "text-gray-600 dark:text-gray-400 mb-6",
+            children: "Complete color palette with all shades from 0 to 100 for each color spectrum."
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "space-y-8", children: x.map((e) => /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ a(
+            t,
+            {
+              tag: "h3",
+              className: "font-semibold text-lg mb-4 capitalize",
+              children: e.name
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "grid grid-cols-4 sm:grid-cols-7 md:grid-cols-10 lg:grid-cols-[repeat(13,minmax(0,1fr))] gap-2", children: e.shades.map((r) => {
+            const i = `bg-${e.name}-${r}`, g = `--color-${e.name}-${r}`, h = c(g);
+            return /* @__PURE__ */ s(
+              "div",
+              {
+                className: "space-y-1 w-full min-w-[40px]",
+                children: [
+                  /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: `h-16 w-full rounded border border-border ${i}`,
+                      title: `${e.name}-${r}: ${h || g}`
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    t,
+                    {
+                      tag: "h4",
+                      className: "text-center text-xs font-semibold",
+                      children: r
+                    }
+                  ),
+                  h && /* @__PURE__ */ a(
+                    t,
+                    {
+                      tag: "h4",
+                      className: "text-center text-muted text-[10px]",
+                      children: h
+                    }
+                  )
+                ]
+              },
+              `${e.name}-${r}-${m}`
+            );
+          }) })
+        ] }, e.name)) })
+      ] }) }) }),
+      /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Main Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
+        /* @__PURE__ */ a(
+          t,
+          {
+            tag: "p",
+            className: "text-gray-600 dark:text-gray-400 mb-6",
+            children: "Primary theme colors used throughout the application. These colors are mapped from semantic colors and adapt to light/dark mode."
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: f.map((e) => {
+          const r = c(e.varName), i = e.name === "body" || e.name === "light" || e.name === "light-dark" ? "text-dark dark:text-light" : "text-white";
+          return /* @__PURE__ */ s(
+            "div",
+            {
+              className: "space-y-2 border border-border rounded-lg p-2",
+              children: [
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    className: `h-20 rounded flex items-center justify-center ${e.class} ${i} border border-border`,
+                    title: `${e.name}: var(${e.varName})${r ? ` = ${r}` : ""}`,
+                    children: /* @__PURE__ */ a(
+                      t,
+                      {
+                        tag: "h4",
+                        className: "text-center px-2 break-all text-xs",
+                        children: e.name
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  t,
+                  {
+                    tag: "h4",
+                    className: "text-center text-muted text-xs",
+                    children: e.name
+                  }
+                ),
+                r && /* @__PURE__ */ a(
+                  t,
+                  {
+                    tag: "h4",
+                    className: "text-center text-muted text-[10px]",
+                    children: r
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  t,
+                  {
+                    tag: "h4",
+                    className: "text-center text-muted text-[9px] mt-1 break-all px-1",
+                    children: e.class
+                  }
+                )
+              ]
+            },
+            `main-${e.name}-${m}`
+          );
+        }) })
+      ] }) }) })
+    ] })
+  ] });
+};
+export {
+  H as default
+};

package/documentation/{CommonErrorsSection-8pIQ5P0f.js → CommonErrorsSection-L1rlea_g.js}

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { H as n, T as r, C as m, a as l, aj as d } from "../index-lfg6LZ1p.js";
+import { H as n, T as r, C as m, a as l, aj as d } from "../index-4GONhZIF.js";
 import { Bug as c, AlertCircle as u, XCircle as h, Info as s, AlertTriangle as p } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{CommonErrorsSection-CPIUNSdZ.js → CommonErrorsSection-QlP5fF-A.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{variant:"error",icon:e.jsx(t.XCircle,{className:"h-4 w-4"}),title:"useTheme must be used within ThemeProvider",description:"This error occurs when you try to use useTheme outside of ThemeProvider context. Always wrap your application with ThemeProvider first. The ThemeProvider must be at the root level of your application."},{variant:"info",icon:e.jsx(t.Info,{className:"h-4 w-4"}),title:"Layout not rendering correctly",description:"Make sure you're using ThemeProvider instead of trying to use RootLayout directly. ThemeProvider handles all layout logic internally. Also ensure menuItems prop is provided for Admin and Horizontal layouts."},{variant:"warning",icon:e.jsx(t.AlertTriangle,{className:"h-4 w-4"}),title:"Menu items not showing",description:"For Admin and Horizontal layouts, you must provide the menuItems prop. Clean layout does not require menuItems. Ensure each menu item has at least a name and path property."},{variant:"info",icon:e.jsx(t.Info,{className:"h-4 w-4"}),title:"Routing not working as expected?",description:e.jsxs(e.Fragment,{children:["Remember that ThemeProvider includes BrowserRouter internally. If you use customRoutes, make sure to use ",e.jsx("code",{children:"path"})," instead of"," ",e.jsx("code",{children:"href"})," in menuItems. The ",e.jsx("code",{children:"component"})," prop in menuItems is only used for automatic routing. If you provide customRoutes, it takes precedence."]})}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Common Errors and Solutions",description:"Troubleshooting guide for the most frequent layout system issues.",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-red-500 via-rose-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Bug,{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("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Common Errors and Solutions"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Troubleshooting guide for the most frequent layout system issues"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Troubleshooting Guide",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-red-500 via-rose-500 to-pink-500 shadow-md",children:e.jsx(t.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Common Issues"})]}),e.jsx("div",{className:"space-y-6",children:o.map((r,i)=>e.jsx(s.Alert,{variant:r.variant,children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[r.icon,r.title]}),e.jsx("div",{className:"text-sm mt-1",children:r.description})]})},i))})]})})})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{variant:"error",icon:e.jsx(t.XCircle,{className:"h-4 w-4"}),title:"useTheme must be used within ThemeProvider",description:"This error occurs when you try to use useTheme outside of ThemeProvider context. Always wrap your application with ThemeProvider first. The ThemeProvider must be at the root level of your application."},{variant:"info",icon:e.jsx(t.Info,{className:"h-4 w-4"}),title:"Layout not rendering correctly",description:"Make sure you're using ThemeProvider instead of trying to use RootLayout directly. ThemeProvider handles all layout logic internally. Also ensure menuItems prop is provided for Admin and Horizontal layouts."},{variant:"warning",icon:e.jsx(t.AlertTriangle,{className:"h-4 w-4"}),title:"Menu items not showing",description:"For Admin and Horizontal layouts, you must provide the menuItems prop. Clean layout does not require menuItems. Ensure each menu item has at least a name and path property."},{variant:"info",icon:e.jsx(t.Info,{className:"h-4 w-4"}),title:"Routing not working as expected?",description:e.jsxs(e.Fragment,{children:["Remember that ThemeProvider includes BrowserRouter internally. If you use customRoutes, make sure to use ",e.jsx("code",{children:"path"})," instead of"," ",e.jsx("code",{children:"href"})," in menuItems. The ",e.jsx("code",{children:"component"})," prop in menuItems is only used for automatic routing. If you provide customRoutes, it takes precedence."]})}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Common Errors and Solutions",description:"Troubleshooting guide for the most frequent layout system issues.",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-red-500 via-rose-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Bug,{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("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Common Errors and Solutions"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Troubleshooting guide for the most frequent layout system issues"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Troubleshooting Guide",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-red-500 via-rose-500 to-pink-500 shadow-md",children:e.jsx(t.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Common Issues"})]}),e.jsx("div",{className:"space-y-6",children:o.map((r,i)=>e.jsx(s.Alert,{variant:r.variant,children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[r.icon,r.title]}),e.jsx("div",{className:"text-sm mt-1",children:r.description})]})},i))})]})})})]})};exports.default=n;

package/documentation/{ComponentAnatomySection-D9CJ7NKe.js → ComponentAnatomySection-BxcXCnq8.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { H as d, C as s, a as m, T as i, x as a } from "../index-lfg6LZ1p.js";
+import { H as d, C as s, a as m, T as i, x as a } from "../index-4GONhZIF.js";
 import { Component as c, Layers as p, Zap as h, Maximize as f } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ComponentAnatomySection-B_3X6zAV.js → ComponentAnatomySection-DJZZE1hI.js}

@@ -1 +1 @@
-"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 m=()=>{const t=[{name:"Default",component:e.jsx(s.Button,{children:"Default"})},{name:"Hover",component:e.jsx(s.Button,{className:"hover:bg-primary/90",children:"Hover"})},{name:"Active",component:e.jsx(s.Button,{className:"active:bg-primary/95",children:"Active"})},{name:"Disabled",component:e.jsx(s.Button,{disabled:!0,children:"Disabled"})}],i=[{name:"Solid",component:e.jsx(s.Button,{variant:"solid",children:"Solid"})},{name:"Ghost",component:e.jsx(s.Button,{variant:"ghost",children:"Ghost"})},{name:"Transparent",component:e.jsx(s.Button,{variant:"transparent",children:"Transparent"})}],l=[{name:"Tiny",component:e.jsx(s.Button,{size:"tiny",children:"Tiny"})},{name:"Mini",component:e.jsx(s.Button,{size:"mini",children:"Mini"})},{name:"Small",component:e.jsx(s.Button,{size:"small",children:"Small"})},{name:"Medium",component:e.jsx(s.Button,{size:"medium",children:"Medium"})},{name:"Large",component:e.jsx(s.Button,{size:"large",children:"Large"})}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(s.HeroCard,{title:"Component Anatomy",description:"Understanding component states, variants, and sizes for consistent implementation.",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-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Component,{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("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component States",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-md",children:e.jsx(a.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component States"})]}),e.jsx("div",{className:"flex flex-wrap gap-4 sm:gap-6",children:t.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 shadow-md",children:e.jsx(a.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component Variants"})]}),e.jsx("div",{className:"flex flex-wrap gap-4 sm:gap-6",children:i.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 via-cyan-500 to-sky-500 shadow-md",children:e.jsx(a.Maximize,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component Sizes"})]}),e.jsx("div",{className:"flex flex-wrap items-end gap-4 sm:gap-6",children:l.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})})]})]})};exports.default=m;
+"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 m=()=>{const t=[{name:"Default",component:e.jsx(s.Button,{children:"Default"})},{name:"Hover",component:e.jsx(s.Button,{className:"hover:bg-primary/90",children:"Hover"})},{name:"Active",component:e.jsx(s.Button,{className:"active:bg-primary/95",children:"Active"})},{name:"Disabled",component:e.jsx(s.Button,{disabled:!0,children:"Disabled"})}],i=[{name:"Solid",component:e.jsx(s.Button,{variant:"solid",children:"Solid"})},{name:"Ghost",component:e.jsx(s.Button,{variant:"ghost",children:"Ghost"})},{name:"Transparent",component:e.jsx(s.Button,{variant:"transparent",children:"Transparent"})}],l=[{name:"Tiny",component:e.jsx(s.Button,{size:"tiny",children:"Tiny"})},{name:"Mini",component:e.jsx(s.Button,{size:"mini",children:"Mini"})},{name:"Small",component:e.jsx(s.Button,{size:"small",children:"Small"})},{name:"Medium",component:e.jsx(s.Button,{size:"medium",children:"Medium"})},{name:"Large",component:e.jsx(s.Button,{size:"large",children:"Large"})}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(s.HeroCard,{title:"Component Anatomy",description:"Understanding component states, variants, and sizes for consistent implementation.",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-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Component,{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("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component States",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-md",children:e.jsx(a.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component States"})]}),e.jsx("div",{className:"flex flex-wrap gap-4 sm:gap-6",children:t.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 shadow-md",children:e.jsx(a.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component Variants"})]}),e.jsx("div",{className:"flex flex-wrap gap-4 sm:gap-6",children:i.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 via-cyan-500 to-sky-500 shadow-md",children:e.jsx(a.Maximize,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"Component Sizes"})]}),e.jsx("div",{className:"flex flex-wrap items-end gap-4 sm:gap-6",children:l.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})})]})]})};exports.default=m;

package/documentation/{ComponentStatusSection-BPM9MaGx.js → ComponentStatusSection-BYXnGGLk.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 n=()=>{const i=[{name:"Input",status:"complete",features:["label + htmlFor association","aria-required on required fields","aria-invalid on error","aria-describedby for helperText/error","Auto-generated IDs via useId()"]},{name:"Button",status:"complete",features:["aria-busy during loading","aria-label support","aria-describedby support","Loading visually hides text without removing DOM","Focus ring visible on all variants"]},{name:"Modal",status:"partial",features:['role="dialog" + aria-modal="true"',"aria-labelledby + aria-describedby","Escape key closes","Focus restore on close","⚠️ Missing: Focus trapping (Tab can escape)"]},{name:"Drawer",status:"complete",features:['role="dialog" + aria-modal="true"',"Full focus trap (Tab/Shift+Tab cycles)","Escape key closes","Focus first element on open","Focus restore on close"]},{name:"Alert",status:"complete",features:['role="alert"','aria-live="assertive" + aria-atomic',"Dismiss button with aria-label","Supports custom aria-label prop","Dismissible toggle via prop"]},{name:"Tabs",status:"complete",features:['role="tablist" / role="tab" / role="tabpanel"',"aria-selected on active tab","aria-controls linking tab↔panel","ArrowRight/Left + Home/End navigation","tabIndex roving (0 on active, -1 on others)"]},{name:"Select",status:"complete",features:['role="combobox" + aria-haspopup="listbox"','role="listbox" + role="option"',"aria-expanded + aria-activedescendant","Arrow/Enter/Space/Escape keyboard","Focus restore on close"]},{name:"Checkbox",status:"complete",features:["label + htmlFor association","aria-invalid on error","aria-describedby for helperText/error","Auto-generated IDs via useId()","Standard checkbox keyboard (Space)"]}],o=s=>s==="complete"?e.jsx(a.Badge,{variant:"soft",color:"success",size:"small",children:"Complete"}):e.jsx(a.Badge,{variant:"soft",color:"warning",size:"small",children:"Partial"});return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Component Status",description:"Detailed accessibility compliance status for each component — verified against the actual source code implementation.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.ListChecks,{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:"Per-Component Breakdown"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"7 of 8 core components have full accessibility — Modal needs focus trapping"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:i.map(s=>e.jsx(a.CardContainer,{className:"group hover:shadow-large transition-all duration-300",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg",children:s.name}),o(s.status)]}),e.jsx("div",{className:"space-y-1.5",children:s.features.map((r,l)=>e.jsxs("div",{className:"flex items-start gap-2",children:[r.startsWith("⚠️")?e.jsx(t.AlertTriangle,{className:"w-4 h-4 text-amber-500 shrink-0 mt-0.5"}):e.jsx(t.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx(a.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:r.replace("⚠️ ","")})]},l))})]})},s.name))})]})]})};exports.default=n;
+"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 n=()=>{const i=[{name:"Input",status:"complete",features:["label + htmlFor association","aria-required on required fields","aria-invalid on error","aria-describedby for helperText/error","Auto-generated IDs via useId()"]},{name:"Button",status:"complete",features:["aria-busy during loading","aria-label support","aria-describedby support","Loading visually hides text without removing DOM","Focus ring visible on all variants"]},{name:"Modal",status:"partial",features:['role="dialog" + aria-modal="true"',"aria-labelledby + aria-describedby","Escape key closes","Focus restore on close","⚠️ Missing: Focus trapping (Tab can escape)"]},{name:"Drawer",status:"complete",features:['role="dialog" + aria-modal="true"',"Full focus trap (Tab/Shift+Tab cycles)","Escape key closes","Focus first element on open","Focus restore on close"]},{name:"Alert",status:"complete",features:['role="alert"','aria-live="assertive" + aria-atomic',"Dismiss button with aria-label","Supports custom aria-label prop","Dismissible toggle via prop"]},{name:"Tabs",status:"complete",features:['role="tablist" / role="tab" / role="tabpanel"',"aria-selected on active tab","aria-controls linking tab↔panel","ArrowRight/Left + Home/End navigation","tabIndex roving (0 on active, -1 on others)"]},{name:"Select",status:"complete",features:['role="combobox" + aria-haspopup="listbox"','role="listbox" + role="option"',"aria-expanded + aria-activedescendant","Arrow/Enter/Space/Escape keyboard","Focus restore on close"]},{name:"Checkbox",status:"complete",features:["label + htmlFor association","aria-invalid on error","aria-describedby for helperText/error","Auto-generated IDs via useId()","Standard checkbox keyboard (Space)"]}],o=s=>s==="complete"?e.jsx(a.Badge,{variant:"soft",color:"success",size:"small",children:"Complete"}):e.jsx(a.Badge,{variant:"soft",color:"warning",size:"small",children:"Partial"});return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Component Status",description:"Detailed accessibility compliance status for each component — verified against the actual source code implementation.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.ListChecks,{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:"Per-Component Breakdown"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"7 of 8 core components have full accessibility — Modal needs focus trapping"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:i.map(s=>e.jsx(a.CardContainer,{className:"group hover:shadow-large transition-all duration-300",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg",children:s.name}),o(s.status)]}),e.jsx("div",{className:"space-y-1.5",children:s.features.map((r,l)=>e.jsxs("div",{className:"flex items-start gap-2",children:[r.startsWith("⚠️")?e.jsx(t.AlertTriangle,{className:"w-4 h-4 text-amber-500 shrink-0 mt-0.5"}):e.jsx(t.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx(a.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:r.replace("⚠️ ","")})]},l))})]})},s.name))})]})]})};exports.default=n;

package/documentation/{ComponentStatusSection-DckFRSjC.js → ComponentStatusSection-botHuCNS.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { H as d, T as s, C as m, K as i } from "../index-lfg6LZ1p.js";
+import { H as d, T as s, C as m, K as i } from "../index-4GONhZIF.js";
 import { ListChecks as p, AlertTriangle as u, Check as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ComposedChartSection-DgidskHN.js → ComposedChartSection-CUShZ_0K.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");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=[{name:"Jan",revenue:4e3,expenses:2400,profit:1600},{name:"Feb",revenue:3e3,expenses:1398,profit:1602},{name:"Mar",revenue:5e3,expenses:3200,profit:1800},{name:"Apr",revenue:4780,expenses:2908,profit:1872},{name:"May",revenue:5890,expenses:4800,profit:1090},{name:"Jun",revenue:6390,expenses:3800,profit:2590}],t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-base md:text-base font-semibold",children:"ComposedChart"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Composed chart combining line, bar, and area in a single chart for complex data visualization needs."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Bar + Line Combination",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.ComposedChart,{data:s,series:[{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Area + Bar + Line",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.ComposedChart,{data:s,series:[{dataKey:"expenses",name:"Expenses",type:"area"},{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { ComposedChart } 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");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=[{name:"Jan",revenue:4e3,expenses:2400,profit:1600},{name:"Feb",revenue:3e3,expenses:1398,profit:1602},{name:"Mar",revenue:5e3,expenses:3200,profit:1800},{name:"Apr",revenue:4780,expenses:2908,profit:1872},{name:"May",revenue:5890,expenses:4800,profit:1090},{name:"Jun",revenue:6390,expenses:3800,profit:2590}],t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-base md:text-base font-semibold",children:"ComposedChart"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Composed chart combining line, bar, and area in a single chart for complex data visualization needs."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Bar + Line Combination",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.ComposedChart,{data:s,series:[{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Area + Bar + Line",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.ComposedChart,{data:s,series:[{dataKey:"expenses",name:"Expenses",type:"area"},{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { ComposedChart } from '@e-burgos/tucu-ui';
 
 const data = [
   { name: 'Jan', revenue: 4000, expenses: 2400, profit: 1600 },

package/documentation/{ComposedChartSection-Dx2m0rSy.js → ComposedChartSection-Dw7y3z1I.js}

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

package/documentation/{CurrencySwapIconsSection-DZab3CRP.js → CurrencySwapIconsSection-BrzmuJ2v.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-BaGqriuz.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"CurrencySwapIcons",description:"Component for displaying currency swap pairs with overlapping icons and pair label. Supports all major cryptocurrencies.",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-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-pink-500/50",children:e.jsx(o.ArrowLeftRight,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"BTC to ETH"}),e.jsx(r.CurrencySwapIcons,{from:"BTC",to:"ETH"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"ETH to USDT"}),e.jsx(r.CurrencySwapIcons,{from:"ETH",to:"USDT"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"USDT to BNB"}),e.jsx(r.CurrencySwapIcons,{from:"USDT",to:"BNB"})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"CurrencySwapIcons",defaultValues:{from:"BTC",to:"ETH"},controlOverrides:[{name:"from",type:"select",options:["BTC","ETH","USDT","BNB","USDC","ADA","DOGE"],description:"Source currency"},{name:"to",type:"select",options:["BTC","ETH","USDT","BNB","USDC","ADA","DOGE"],description:"Target currency"}],includeProps:["from","to"],children:s=>e.jsx("div",{className:"w-full flex justify-center",children:e.jsx(r.CurrencySwapIcons,{from:s.from,to:s.to})})}),e.jsx(r.AutoPropsTable,{componentName:"CurrencySwapIcons"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { CurrencySwapIcons } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-C0NugKZs.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"CurrencySwapIcons",description:"Component for displaying currency swap pairs with overlapping icons and pair label. Supports all major cryptocurrencies.",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-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-pink-500/50",children:e.jsx(o.ArrowLeftRight,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"BTC to ETH"}),e.jsx(r.CurrencySwapIcons,{from:"BTC",to:"ETH"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"ETH to USDT"}),e.jsx(r.CurrencySwapIcons,{from:"ETH",to:"USDT"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"USDT to BNB"}),e.jsx(r.CurrencySwapIcons,{from:"USDT",to:"BNB"})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"CurrencySwapIcons",defaultValues:{from:"BTC",to:"ETH"},controlOverrides:[{name:"from",type:"select",options:["BTC","ETH","USDT","BNB","USDC","ADA","DOGE"],description:"Source currency"},{name:"to",type:"select",options:["BTC","ETH","USDT","BNB","USDC","ADA","DOGE"],description:"Target currency"}],includeProps:["from","to"],children:s=>e.jsx("div",{className:"w-full flex justify-center",children:e.jsx(r.CurrencySwapIcons,{from:s.from,to:s.to})})}),e.jsx(r.AutoPropsTable,{componentName:"CurrencySwapIcons"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { CurrencySwapIcons } from '@e-burgos/tucu-ui';
 
 <CurrencySwapIcons from="BTC" to="ETH" />
 <CurrencySwapIcons from="ETH" to="USDT" />

package/documentation/{CurrencySwapIconsSection-u7r7QNnv.js → CurrencySwapIconsSection-G1PKgwmJ.js}

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

package/documentation/{CustomColorPaletteSection-pjhXRzh7.js → CustomColorPaletteSection-B7Vi4tu_.js}

@@ -1,12 +1,12 @@
-import { jsxs as r, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { H as o, T as a, C as d, a as s, c as i, aj as l } from "../index-lfg6LZ1p.js";
+import { jsxs as r, Fragment as o, jsx as e } from "react/jsx-runtime";
+import { H as t, T as a, C as d, a as s, c as i, aj as l } from "../index-4GONhZIF.js";
 import { Paintbrush as c } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
-const g = () => /* @__PURE__ */ r(t, { children: [
+const x = () => /* @__PURE__ */ r(o, { children: [
   /* @__PURE__ */ e(
-    o,
+    t,
     {
       title: "Custom Color Palette",
       description: "Override every color layer with hex values to match your brand identity exactly.",
@@ -24,7 +24,7 @@ const g = () => /* @__PURE__ */ r(t, { children: [
           children: [
             "Provide custom colors via the",
             " ",
-            /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "customPaletteColor" }),
+            /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "customPaletteColor" }),
             " ",
             "prop on ThemeProvider"
           ]
@@ -60,15 +60,15 @@ const g = () => /* @__PURE__ */ r(t, { children: [
       /* @__PURE__ */ e("strong", { children: "Note:" }),
       " All color presets are defined in",
       " ",
-      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded", children: "ui/tucu-ui/src/themes/config/index.ts" }),
+      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border dark:border-border rounded", children: "ui/tucu-ui/src/themes/config/index.ts" }),
       ". Spectrum colors use the",
       " ",
-      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded", children: "-50" }),
+      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border dark:border-border rounded", children: "-50" }),
       " ",
       "value from Tucu UI Design Tokens, while default colors use semantic mappings."
     ] }) })
   ] })
 ] });
 export {
-  g as default
+  x as default
 };

package/documentation/{CustomColorPaletteSection-BgsWYeFi.js → CustomColorPaletteSection-DrQhXtL8.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-BaGqriuz.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Custom Color Palette",description:"Override every color layer with hex values to match your brand identity exactly.",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-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Paintbrush,{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(r.Typography,{tag:"h2",className:"mb-2",children:"Custom Palette Configuration"}),e.jsxs(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:["Provide custom colors via the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"customPaletteColor"})," ","prop on ThemeProvider"]})]}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Usage Example",children:e.jsx(r.CodeBlock,{language:"tsx",code:`<ThemeProvider
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Custom Color Palette",description:"Override every color layer with hex values to match your brand identity exactly.",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-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Paintbrush,{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(r.Typography,{tag:"h2",className:"mb-2",children:"Custom Palette Configuration"}),e.jsxs(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:["Provide custom colors via the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"customPaletteColor"})," ","prop on ThemeProvider"]})]}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Usage Example",children:e.jsx(r.CodeBlock,{language:"tsx",code:`<ThemeProvider
   menuItems={menuItems}
   customPaletteColor={{
     primary: '#0052ff',           // Hex color or preset name
@@ -16,4 +16,4 @@
   }}
 >
   {/* Your app */}
-</ThemeProvider>`})})}),e.jsx(r.Alert,{variant:"info",children:e.jsxs(r.Typography,{tag:"p",className:"text-xs",children:[e.jsx("strong",{children:"Note:"})," All color presets are defined in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded",children:"ui/tucu-ui/src/themes/config/index.ts"}),". Spectrum colors use the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded",children:"-50"})," ","value from Tucu UI Design Tokens, while default colors use semantic mappings."]})})]})]});exports.default=t;
+</ThemeProvider>`})})}),e.jsx(r.Alert,{variant:"info",children:e.jsxs(r.Typography,{tag:"p",className:"text-xs",children:[e.jsx("strong",{children:"Note:"})," All color presets are defined in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border dark:border-border rounded",children:"ui/tucu-ui/src/themes/config/index.ts"}),". Spectrum colors use the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border dark:border-border rounded",children:"-50"})," ","value from Tucu UI Design Tokens, while default colors use semantic mappings."]})})]})]});exports.default=o;

package/documentation/{CustomIconsSection-8d02BzFW.js → CustomIconsSection-B-jyDcJY.js}

@@ -1,6 +1,6 @@
 import { jsxs as o, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { H as p, T as s, C as w, a as u, B as N, E as g, aN as b, aO as y, f, aP as I, aQ as x, aR as C, aS as k, aT as v, aU as S, aV as T, aW as L, aX as B, aY as E, aZ as P, a_ as F, a$ as U, b0 as M, b1 as $, b2 as j, b3 as D, b4 as G, b5 as H, b6 as V, b7 as R, b8 as W, b9 as z, ba as O, bb as Q, bc as X, bd as Y, be as Z, bf as _, bg as q, bh as A, bi as J, bj as K } from "../index-lfg6LZ1p.js";
+import { H as p, T as s, C as w, a as u, B as N, E as g, aP as b, aQ as y, f, aR as I, aS as x, aT as C, aU as k, aV as v, aW as S, aX as T, aY as L, aZ as B, a_ as E, a$ as P, b0 as F, b1 as U, b2 as M, b3 as $, b4 as j, b5 as D, b6 as G, b7 as H, b8 as V, b9 as R, ba as W, bb as z, bc as Q, bd as X, be as Y, bf as Z, bg as _, bh as q, bi as A, bj as J, bk as K, bl as O } from "../index-4GONhZIF.js";
 import { Palette as aa, Coins as ea, Layout as oa, Share2 as na, Component as sa } from "lucide-react";
 import "react-router-dom";
 import "react-dom";
@@ -76,22 +76,22 @@ const da = () => {
         { name: "Star", component: /* @__PURE__ */ a(R, { className: "w-6 h-6" }) },
         { name: "StarFill", component: /* @__PURE__ */ a(W, { className: "w-6 h-6" }) },
         { name: "Verified", component: /* @__PURE__ */ a(z, { className: "w-6 h-6" }) },
-        { name: "Warning", component: /* @__PURE__ */ a(O, { className: "w-6 h-6" }) },
-        { name: "InfoCircle", component: /* @__PURE__ */ a(Q, { className: "w-6 h-6" }) },
+        { name: "Warning", component: /* @__PURE__ */ a(Q, { className: "w-6 h-6" }) },
+        { name: "InfoCircle", component: /* @__PURE__ */ a(X, { className: "w-6 h-6" }) },
         {
           name: "DocumentIcon",
-          component: /* @__PURE__ */ a(X, { className: "w-6 h-6" })
+          component: /* @__PURE__ */ a(Y, { className: "w-6 h-6" })
         },
-        { name: "BookIcon", component: /* @__PURE__ */ a(Y, { className: "w-6 h-6" }) },
-        { name: "PlayIcon", component: /* @__PURE__ */ a(Z, { className: "w-6 h-6" }) },
-        { name: "ProfileIcon", component: /* @__PURE__ */ a(_, { className: "w-6 h-6" }) },
-        { name: "EyeIcon", component: /* @__PURE__ */ a(q, { className: "w-6 h-6" }) },
+        { name: "BookIcon", component: /* @__PURE__ */ a(Z, { className: "w-6 h-6" }) },
+        { name: "PlayIcon", component: /* @__PURE__ */ a(_, { className: "w-6 h-6" }) },
+        { name: "ProfileIcon", component: /* @__PURE__ */ a(q, { className: "w-6 h-6" }) },
+        { name: "EyeIcon", component: /* @__PURE__ */ a(A, { className: "w-6 h-6" }) },
         {
           name: "EyeSlashIcon",
-          component: /* @__PURE__ */ a(A, { className: "w-6 h-6" })
+          component: /* @__PURE__ */ a(J, { className: "w-6 h-6" })
         },
-        { name: "LockIcon", component: /* @__PURE__ */ a(J, { className: "w-6 h-6" }) },
-        { name: "Unlocked", component: /* @__PURE__ */ a(K, { className: "w-6 h-6" }) }
+        { name: "LockIcon", component: /* @__PURE__ */ a(K, { className: "w-6 h-6" }) },
+        { name: "Unlocked", component: /* @__PURE__ */ a(O, { className: "w-6 h-6" }) }
       ]
     }
   ], r = (e) => {