@e-burgos/tucu-ui 2.0.8 → 2.0.10

package/documentation/TextareaSection-BNvWR0os.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react-dom");const i=()=>{const[r,s]=l.useState("");return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Textarea"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A multi-line text input component for longer text content."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Textarea"}),e.jsx(a.Textarea,{label:"Message",placeholder:"Write your message here",value:r,onChange:t=>s(t.target.value),rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Textarea,{label:"Description",placeholder:"Enter description",helperText:"Provide a detailed description",rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Textarea,{label:"Comments",placeholder:"Enter comments",error:"Comments are required",rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Textarea,{label:"Notes",placeholder:"Disabled textarea",disabled:!0,rows:4})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Textarea,{label:"Ghost Variant",placeholder:"Enter text",variant:"ghost",rows:3})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Textarea,{label:"Solid Variant",placeholder:"Enter text",variant:"solid",rows:3})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Textarea,{label:"Transparent Variant",placeholder:"Enter text",variant:"transparent",rows:3})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Textarea"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Textarea } from '@e-burgos/tucu-ui';
-
-<Textarea
-  label="Message"
-  placeholder="Write your message here"
-  value={value}
-  onChange={(e) => setValue(e.target.value)}
-  rows={4}
-/>
-
-<Textarea
-  label="Description"
-  placeholder="Enter description"
-  helperText="Provide a detailed description"
-  rows={4}
-/>
-
-// Variants
-<Textarea label="Ghost" variant="ghost" rows={4} />
-<Textarea label="Solid" variant="solid" rows={4} />
-<Textarea label="Transparent" variant="transparent" rows={4} />`})})})})]})};exports.default=i;

package/documentation/TextareaSection-Bweh8_uz.js

@@ -1,142 +0,0 @@
-import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { T as l, C as r, a as s, w as t, A as m, c as h } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const v = () => {
-  const [i, o] = d("");
-  return /* @__PURE__ */ a(c, { children: [
-    /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Textarea" }),
-      /* @__PURE__ */ e(
-        l,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A multi-line text input component for longer text content."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Basic Textarea" }),
-        /* @__PURE__ */ e(
-          t,
-          {
-            label: "Message",
-            placeholder: "Write your message here",
-            value: i,
-            onChange: (n) => o(n.target.value),
-            rows: 4
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Helper Text" }),
-        /* @__PURE__ */ e(
-          t,
-          {
-            label: "Description",
-            placeholder: "Enter description",
-            helperText: "Provide a detailed description",
-            rows: 4
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Error" }),
-        /* @__PURE__ */ e(
-          t,
-          {
-            label: "Comments",
-            placeholder: "Enter comments",
-            error: "Comments are required",
-            rows: 4
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ e(
-          t,
-          {
-            label: "Notes",
-            placeholder: "Disabled textarea",
-            disabled: !0,
-            rows: 4
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Ghost (default)" }),
-        /* @__PURE__ */ e(
-          t,
-          {
-            label: "Ghost Variant",
-            placeholder: "Enter text",
-            variant: "ghost",
-            rows: 3
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Solid" }),
-        /* @__PURE__ */ e(
-          t,
-          {
-            label: "Solid Variant",
-            placeholder: "Enter text",
-            variant: "solid",
-            rows: 3
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Transparent" }),
-        /* @__PURE__ */ e(
-          t,
-          {
-            label: "Transparent Variant",
-            placeholder: "Enter text",
-            variant: "transparent",
-            rows: 3
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(m, { componentName: "Textarea" }),
-    /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      h,
-      {
-        language: "tsx",
-        code: `import { Textarea } from '@e-burgos/tucu-ui';
-
-<Textarea
-  label="Message"
-  placeholder="Write your message here"
-  value={value}
-  onChange={(e) => setValue(e.target.value)}
-  rows={4}
-/>
-
-<Textarea
-  label="Description"
-  placeholder="Enter description"
-  helperText="Provide a detailed description"
-  rows={4}
-/>
-
-// Variants
-<Textarea label="Ghost" variant="ghost" rows={4} />
-<Textarea label="Solid" variant="solid" rows={4} />
-<Textarea label="Transparent" variant="transparent" rows={4} />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  v as default
-};

package/documentation/ThemeArchitectureSection-B4Gn1V7O.js

@@ -1,86 +0,0 @@
-import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as r, C as n, J as c } from "../index-D3gBsvbO.js";
-import { Zap as d, Palette as m, Moon as p } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const y = () => /* @__PURE__ */ a(s, { children: [
-  /* @__PURE__ */ a("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(
-      r,
-      {
-        tag: "h2",
-        className: "mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",
-        children: "Theme Architecture"
-      }
-    ),
-    /* @__PURE__ */ e(
-      r,
-      {
-        tag: "p",
-        className: "text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",
-        children: "Built on modern technologies for flexibility and performance"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
-    {
-      icon: /* @__PURE__ */ e(d, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
-      title: "Zustand State Management",
-      description: "Centralized theme state with minimal boilerplate and excellent TypeScript support",
-      color: "from-yellow-500 via-amber-500 to-orange-500",
-      features: ["Lightweight", "TypeScript First", "DevTools Support"]
-    },
-    {
-      icon: /* @__PURE__ */ e(m, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
-      title: "CSS Custom Properties",
-      description: "Dynamic brand colors using CSS variables for real-time theme updates",
-      color: "from-blue-500 via-cyan-500 to-teal-500",
-      features: ["Dynamic Colors", "Alpha Support", "No Rebuilds"]
-    },
-    {
-      icon: /* @__PURE__ */ e(p, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
-      title: "Dark Mode Support",
-      description: "Automatic dark/light mode switching with smooth transitions",
-      color: "from-purple-500 via-violet-500 to-indigo-500",
-      features: ["Auto Detection", "Smooth Transitions", "System Sync"]
-    }
-  ].map((t, o) => /* @__PURE__ */ e(
-    n,
-    {
-      className: "group hover:shadow-large transition-all duration-300 hover:-translate-y-1",
-      children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: `p-3 rounded-xl bg-gradient-to-br ${t.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,
-              children: t.icon
-            }
-          ),
-          /* @__PURE__ */ e(
-            r,
-            {
-              tag: "h3",
-              className: "font-semibold text-lg group-hover:text-primary transition-colors duration-300",
-              children: t.title
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(
-          r,
-          {
-            tag: "p",
-            className: "text-gray-600 dark:text-gray-400 leading-relaxed",
-            children: t.description
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: t.features.map((i, l) => /* @__PURE__ */ e(c, { variant: "outline", className: "text-xs", children: i }, l)) })
-      ] })
-    },
-    o
-  )) })
-] });
-export {
-  y as default
-};

package/documentation/ThemeArchitectureSection-CJ0hFkh6.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Theme Architecture"}),e.jsx(t.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Built on modern technologies for flexibility and performance"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[{icon:e.jsx(a.Zap,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Zustand State Management",description:"Centralized theme state with minimal boilerplate and excellent TypeScript support",color:"from-yellow-500 via-amber-500 to-orange-500",features:["Lightweight","TypeScript First","DevTools Support"]},{icon:e.jsx(a.Palette,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"CSS Custom Properties",description:"Dynamic brand colors using CSS variables for real-time theme updates",color:"from-blue-500 via-cyan-500 to-teal-500",features:["Dynamic Colors","Alpha Support","No Rebuilds"]},{icon:e.jsx(a.Moon,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Dark Mode Support",description:"Automatic dark/light mode switching with smooth transitions",color:"from-purple-500 via-violet-500 to-indigo-500",features:["Auto Detection","Smooth Transitions","System Sync"]}].map((r,i)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-gradient-to-br ${r.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:r.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:r.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:r.description}),e.jsx("div",{className:"flex flex-wrap gap-2",children:r.features.map((s,o)=>e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:s},o))})]})},i))})]});exports.default=l;

package/documentation/ThemeConfigurationSection-4LSUu_UO.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-VrMogvDN.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Theme Configuration",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-8",children:e.jsxs("div",{className:"grid grid-cols-1 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-emerald-500 to-teal-500 rounded-lg shadow-lg",children:e.jsx(o.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(l.Typography,{tag:"h4",className:"font-semibold",children:"Available Options"})]}),e.jsx("div",{className:"space-y-3",children:[{label:"Mode",value:"'light' | 'dark'"},{label:"Direction",value:"'ltr' | 'rtl'"},{label:"Layout",value:"'clean' | 'admin' | 'horizontal'"},{label:"Primary Color",value:"34+ predefined colors"},{label:"Dark Primary Color",value:"34+ predefined colors"},{label:"Secondary Color",value:"34+ predefined colors"},{label:"Dark Secondary Color",value:"34+ predefined colors"},{label:"Accent Color",value:"34+ predefined colors"},{label:"Dark Accent Color",value:"34+ predefined colors"},{label:"Muted Color",value:"34+ predefined colors"},{label:"Dark Muted Color",value:"34+ predefined colors"},{label:"Dark Background",value:"Theme base colors"},{label:"Light Background",value:"Theme base colors"},{label:"Light Dark",value:"Theme base colors"},{label:"Dark Light Dark",value:"Theme base colors"},{label:"Language",value:"'en' | 'es' | 'fr'"}].map((a,r)=>e.jsxs("div",{className:"flex justify-between items-center py-2 px-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"font-medium",children:a.label}),e.jsx("code",{className:"text-sm text-gray-600 dark:text-gray-400",children:a.value})]},r))})]}),e.jsxs("div",{className:"space-y-4 mt-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-pink-500 to-rose-500 rounded-lg shadow-lg",children:e.jsx(o.Palette,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(l.Typography,{tag:"h4",className:"font-semibold",children:"Color Presets"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 overflow-y-auto",children:[{name:"DEFAULT_PRIMARY",color:"#0052ff"},{name:"DEFAULT_DARK_PRIMARY",color:"#578bfa"},{name:"DEFAULT_SECONDARY",color:"#f3f4f6"},{name:"DEFAULT_DARK_SECONDARY",color:"#172131"},{name:"DEFAULT_ACCENT",color:"#f7d21a"},{name:"DEFAULT_DARK_ACCENT",color:"#936000"},{name:"DEFAULT_MUTED",color:"#4a5565"},{name:"DEFAULT_DARK_MUTED",color:"#828a99"},{name:"DEFAULT_LIGHT_BG",color:"#ffffff"},{name:"DEFAULT_DARK_BG",color:"#030712"},{name:"DEFAULT_LIGHT_DARK",color:"#f9fafb"},{name:"DEFAULT_DARK_LIGHT_DARK",color:"#0a101d"},{name:"BLUE",color:"#105eff"},{name:"DARK_BLUE",color:"#2162ee"},{name:"GREEN",color:"#129961"},{name:"DARK_GREEN",color:"#159962"},{name:"ORANGE",color:"#e1591b"},{name:"DARK_ORANGE",color:"#e66020"},{name:"GRAY",color:"#6a7282"},{name:"DARK_GRAY",color:"#6a7282"},{name:"INDIGO",color:"#596ff2"},{name:"DARK_INDIGO",color:"#5c71ee"},{name:"PINK",color:"#cb51bb"},{name:"DARK_PINK",color:"#d058c1"},{name:"PURPLE",color:"#9d6bf2"},{name:"DARK_PURPLE",color:"#bc7bfb"},{name:"RED",color:"#e13947"},{name:"DARK_RED",color:"#e6404e"},{name:"TEAL",color:"#0093cb"},{name:"DARK_TEAL",color:"#0095cd"},{name:"YELLOW",color:"#cf9700"},{name:"DARK_YELLOW",color:"#c79e00"},{name:"CHARTREUSE",color:"#56b340"},{name:"DARK_CHARTREUSE",color:"#7bc869"}].map((a,r)=>e.jsxs("div",{className:"flex items-center gap-2 p-2 bg-gray-200 dark:bg-gray-800 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",children:[e.jsx("div",{className:"w-4 h-4 rounded-full border border-gray-300 dark:border-gray-600 shadow-sm",style:{backgroundColor:a.color}}),e.jsx("span",{className:"text-xs font-medium truncate",children:a.name})]},r))}),e.jsx(l.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-400 mt-2",children:"34 total color presets available (12 default + 22 spectrum colors)"})]})]})})})});exports.default=s;

package/documentation/ThemeConfigurationSection-CeifudQ5.js

@@ -1,132 +0,0 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { C as c, a as d, T as r } from "../index-D3gBsvbO.js";
-import { Settings as s, Palette as n } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const A = () => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(d, { title: "Theme Configuration", className: "mt-2 mb-6", children: /* @__PURE__ */ e("div", { className: "space-y-8", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-6", children: [
-  /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "p-2 bg-gradient-to-br from-emerald-500 to-teal-500 rounded-lg shadow-lg", children: /* @__PURE__ */ e(s, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-      /* @__PURE__ */ e(r, { tag: "h4", className: "font-semibold", children: "Available Options" })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-3", children: [
-      { label: "Mode", value: "'light' | 'dark'" },
-      { label: "Direction", value: "'ltr' | 'rtl'" },
-      {
-        label: "Layout",
-        value: "'clean' | 'admin' | 'horizontal'"
-      },
-      {
-        label: "Primary Color",
-        value: "34+ predefined colors"
-      },
-      {
-        label: "Dark Primary Color",
-        value: "34+ predefined colors"
-      },
-      {
-        label: "Secondary Color",
-        value: "34+ predefined colors"
-      },
-      {
-        label: "Dark Secondary Color",
-        value: "34+ predefined colors"
-      },
-      { label: "Accent Color", value: "34+ predefined colors" },
-      {
-        label: "Dark Accent Color",
-        value: "34+ predefined colors"
-      },
-      { label: "Muted Color", value: "34+ predefined colors" },
-      {
-        label: "Dark Muted Color",
-        value: "34+ predefined colors"
-      },
-      { label: "Dark Background", value: "Theme base colors" },
-      { label: "Light Background", value: "Theme base colors" },
-      { label: "Light Dark", value: "Theme base colors" },
-      { label: "Dark Light Dark", value: "Theme base colors" },
-      { label: "Language", value: "'en' | 'es' | 'fr'" }
-    ].map((l, o) => /* @__PURE__ */ a(
-      "div",
-      {
-        className: "flex justify-between items-center py-2 px-3 bg-gray-200 dark:bg-gray-800 rounded-lg",
-        children: [
-          /* @__PURE__ */ e("span", { className: "font-medium", children: l.label }),
-          /* @__PURE__ */ e("code", { className: "text-sm text-gray-600 dark:text-gray-400", children: l.value })
-        ]
-      },
-      o
-    )) })
-  ] }),
-  /* @__PURE__ */ a("div", { className: "space-y-4 mt-4", children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "p-2 bg-gradient-to-br from-pink-500 to-rose-500 rounded-lg shadow-lg", children: /* @__PURE__ */ e(n, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-      /* @__PURE__ */ e(r, { tag: "h4", className: "font-semibold", children: "Color Presets" })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 overflow-y-auto", children: [
-      { name: "DEFAULT_PRIMARY", color: "#0052ff" },
-      { name: "DEFAULT_DARK_PRIMARY", color: "#578bfa" },
-      { name: "DEFAULT_SECONDARY", color: "#f3f4f6" },
-      { name: "DEFAULT_DARK_SECONDARY", color: "#172131" },
-      { name: "DEFAULT_ACCENT", color: "#f7d21a" },
-      { name: "DEFAULT_DARK_ACCENT", color: "#936000" },
-      { name: "DEFAULT_MUTED", color: "#4a5565" },
-      { name: "DEFAULT_DARK_MUTED", color: "#828a99" },
-      { name: "DEFAULT_LIGHT_BG", color: "#ffffff" },
-      { name: "DEFAULT_DARK_BG", color: "#030712" },
-      { name: "DEFAULT_LIGHT_DARK", color: "#f9fafb" },
-      { name: "DEFAULT_DARK_LIGHT_DARK", color: "#0a101d" },
-      { name: "BLUE", color: "#105eff" },
-      { name: "DARK_BLUE", color: "#2162ee" },
-      { name: "GREEN", color: "#129961" },
-      { name: "DARK_GREEN", color: "#159962" },
-      { name: "ORANGE", color: "#e1591b" },
-      { name: "DARK_ORANGE", color: "#e66020" },
-      { name: "GRAY", color: "#6a7282" },
-      { name: "DARK_GRAY", color: "#6a7282" },
-      { name: "INDIGO", color: "#596ff2" },
-      { name: "DARK_INDIGO", color: "#5c71ee" },
-      { name: "PINK", color: "#cb51bb" },
-      { name: "DARK_PINK", color: "#d058c1" },
-      { name: "PURPLE", color: "#9d6bf2" },
-      { name: "DARK_PURPLE", color: "#bc7bfb" },
-      { name: "RED", color: "#e13947" },
-      { name: "DARK_RED", color: "#e6404e" },
-      { name: "TEAL", color: "#0093cb" },
-      { name: "DARK_TEAL", color: "#0095cd" },
-      { name: "YELLOW", color: "#cf9700" },
-      { name: "DARK_YELLOW", color: "#c79e00" },
-      { name: "CHARTREUSE", color: "#56b340" },
-      { name: "DARK_CHARTREUSE", color: "#7bc869" }
-    ].map((l, o) => /* @__PURE__ */ a(
-      "div",
-      {
-        className: "flex items-center gap-2 p-2 bg-gray-200 dark:bg-gray-800 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
-        children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "w-4 h-4 rounded-full border border-gray-300 dark:border-gray-600 shadow-sm",
-              style: { backgroundColor: l.color }
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "text-xs font-medium truncate", children: l.name })
-        ]
-      },
-      o
-    )) }),
-    /* @__PURE__ */ e(
-      r,
-      {
-        tag: "p",
-        className: "text-xs text-gray-500 dark:text-gray-400 mt-2",
-        children: "34 total color presets available (12 default + 22 spectrum colors)"
-      }
-    )
-  ] })
-] }) }) }) });
-export {
-  A as default
-};

package/documentation/ThemeHooksSection-CGJts7Ed.js

@@ -1,119 +0,0 @@
-import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { T as r, C as s, a } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const h = () => /* @__PURE__ */ t(l, { children: [
-  /* @__PURE__ */ t("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(
-      r,
-      {
-        tag: "h2",
-        className: "mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",
-        children: "Theme Hooks"
-      }
-    ),
-    /* @__PURE__ */ e(
-      r,
-      {
-        tag: "p",
-        className: "text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",
-        children: "Powerful hooks for theme management and customization"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-    /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(a, { title: "useTheme Hook", className: "mt-2 mb-6", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ t(
-        r,
-        {
-          tag: "p",
-          className: "text-gray-600 dark:text-gray-400 text-sm",
-          children: [
-            "The",
-            " ",
-            /* @__PURE__ */ e("code", { className: "px-2 py-1 bg-light-dark rounded text-sm", children: "useTheme" }),
-            " ",
-            "hook provides access to all theme state and setters. It uses Zustand for state management with localStorage persistence."
-          ]
-        }
-      ),
-      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "font-semibold text-sm", children: "Available State:" }),
-        /* @__PURE__ */ t("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
-          /* @__PURE__ */ e("li", { children: "mode, layout, direction, logo, lang" }),
-          /* @__PURE__ */ e("li", { children: "primaryPreset, darkPrimaryPreset" }),
-          /* @__PURE__ */ e("li", { children: "secondaryPreset, darkSecondaryPreset" }),
-          /* @__PURE__ */ e("li", { children: "accentPreset, darkAccentPreset" }),
-          /* @__PURE__ */ e("li", { children: "mutedPreset, darkMutedPreset" }),
-          /* @__PURE__ */ e("li", { children: "darkBgPreset, lightBgPreset" }),
-          /* @__PURE__ */ e("li", { children: "lightDarkPreset, darkLightDarkPreset" }),
-          /* @__PURE__ */ e("li", { children: "isSettingsOpen, showSettings" })
-        ] })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "font-semibold text-sm", children: "Available Setters:" }),
-        /* @__PURE__ */ t("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
-          /* @__PURE__ */ e("li", { children: "setMode, setLayout, setDirection" }),
-          /* @__PURE__ */ e("li", { children: "setPrimaryPreset, setDarkPrimaryPreset" }),
-          /* @__PURE__ */ e("li", { children: "setSecondaryPreset, setDarkSecondaryPreset" }),
-          /* @__PURE__ */ e("li", { children: "setAccentPreset, setDarkAccentPreset" }),
-          /* @__PURE__ */ e("li", { children: "setMutedPreset, setDarkMutedPreset" }),
-          /* @__PURE__ */ e("li", { children: "setDarkBgPreset, setLightBgPreset" }),
-          /* @__PURE__ */ e("li", { children: "setLightDarkPreset, setDarkLightDarkPreset" }),
-          /* @__PURE__ */ e("li", { children: "setLogo, setLang, setIsSettingsOpen" }),
-          /* @__PURE__ */ e("li", { children: "setShowSettings, restoreDefaultColors" })
-        ] })
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
-      a,
-      {
-        title: "useThemeColor & useDirection",
-        className: "mt-2 mb-6",
-        children: /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ t("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ t("div", { children: [
-            /* @__PURE__ */ e(r, { tag: "h5", className: "font-semibold text-sm mb-2", children: "useThemeColor" }),
-            /* @__PURE__ */ e(
-              r,
-              {
-                tag: "p",
-                className: "text-xs text-gray-600 dark:text-gray-400 mb-2",
-                children: "Automatically used by ThemeWrapper to inject CSS variables into the document root:"
-              }
-            ),
-            /* @__PURE__ */ t("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc", children: [
-              /* @__PURE__ */ e("li", { children: "--color-semantic-bg-primary" }),
-              /* @__PURE__ */ e("li", { children: "--color-semantic-dark-bg-primary" }),
-              /* @__PURE__ */ e("li", { children: "--color-semantic-bg-secondary" }),
-              /* @__PURE__ */ e("li", { children: "--color-semantic-accent-bold-yellow" }),
-              /* @__PURE__ */ e("li", { children: "--color-semantic-fg-muted" }),
-              /* @__PURE__ */ e("li", { children: "--color-semantic-bg" }),
-              /* @__PURE__ */ e("li", { children: "--color-semantic-bg-secondary-wash" })
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { children: [
-            /* @__PURE__ */ e(r, { tag: "h5", className: "font-semibold text-sm mb-2", children: "useDirection" }),
-            /* @__PURE__ */ t(
-              r,
-              {
-                tag: "p",
-                className: "text-xs text-gray-600 dark:text-gray-400",
-                children: [
-                  "Sets the document direction for RTL/LTR support. Sets",
-                  " ",
-                  /* @__PURE__ */ e("code", { className: "px-1 py-0.5 bg-light-dark rounded text-xs", children: "document.documentElement.dir" }),
-                  "."
-                ]
-              }
-            )
-          ] })
-        ] }) })
-      }
-    ) })
-  ] })
-] });
-export {
-  h as default
-};

package/documentation/ThemeHooksSection-CPhNS-qC.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Theme Hooks"}),e.jsx(s.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful hooks for theme management and customization"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"useTheme Hook",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:["The"," ",e.jsx("code",{className:"px-2 py-1 bg-light-dark rounded text-sm",children:"useTheme"})," ","hook provides access to all theme state and setters. It uses Zustand for state management with localStorage persistence."]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm",children:"Available State:"}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"mode, layout, direction, logo, lang"}),e.jsx("li",{children:"primaryPreset, darkPrimaryPreset"}),e.jsx("li",{children:"secondaryPreset, darkSecondaryPreset"}),e.jsx("li",{children:"accentPreset, darkAccentPreset"}),e.jsx("li",{children:"mutedPreset, darkMutedPreset"}),e.jsx("li",{children:"darkBgPreset, lightBgPreset"}),e.jsx("li",{children:"lightDarkPreset, darkLightDarkPreset"}),e.jsx("li",{children:"isSettingsOpen, showSettings"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm",children:"Available Setters:"}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"setMode, setLayout, setDirection"}),e.jsx("li",{children:"setPrimaryPreset, setDarkPrimaryPreset"}),e.jsx("li",{children:"setSecondaryPreset, setDarkSecondaryPreset"}),e.jsx("li",{children:"setAccentPreset, setDarkAccentPreset"}),e.jsx("li",{children:"setMutedPreset, setDarkMutedPreset"}),e.jsx("li",{children:"setDarkBgPreset, setLightBgPreset"}),e.jsx("li",{children:"setLightDarkPreset, setDarkLightDarkPreset"}),e.jsx("li",{children:"setLogo, setLang, setIsSettingsOpen"}),e.jsx("li",{children:"setShowSettings, restoreDefaultColors"})]})]})]})})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"useThemeColor & useDirection",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm mb-2",children:"useThemeColor"}),e.jsx(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400 mb-2",children:"Automatically used by ThemeWrapper to inject CSS variables into the document root:"}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"--color-semantic-bg-primary"}),e.jsx("li",{children:"--color-semantic-dark-bg-primary"}),e.jsx("li",{children:"--color-semantic-bg-secondary"}),e.jsx("li",{children:"--color-semantic-accent-bold-yellow"}),e.jsx("li",{children:"--color-semantic-fg-muted"}),e.jsx("li",{children:"--color-semantic-bg"}),e.jsx("li",{children:"--color-semantic-bg-secondary-wash"})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-semibold text-sm mb-2",children:"useDirection"}),e.jsxs(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:["Sets the document direction for RTL/LTR support. Sets"," ",e.jsx("code",{className:"px-1 py-0.5 bg-light-dark rounded text-xs",children:"document.documentElement.dir"}),"."]})]})]})})})})]})]});exports.default=t;

package/documentation/ThemeProviderIntegrationSection-88jAWm2A.js

@@ -1,61 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider Integration",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["The routing system is fully integrated with the ThemeProvider, providing seamless navigation, layout management, and theming support. The ThemeProvider supports two architectural patterns:",e.jsx("strong",{children:" Standalone"})," (default) for traditional SPAs and",e.jsx("strong",{children:" Micro Frontends (MFE)"})," for distributed architectures."]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppThemeProvider Props"}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppProviderProps
-  extends Omit<ThemeWrapperProps, 'menuItems' | 'children'> {
-  menuItems: StandaloneAppRoutesMenuItem[];  // Required: Array of route items
-  customRoutes?: React.ReactElement<typeof Routes>; // Override default routing
-}
-
-interface ThemeWrapperProps {
-  // Layout Configuration
-  layout?: 'classic' | 'minimal' | 'none';
-  
-  // Branding
-  logo?: { name: string; secondName?: string };
-  rightButton?: React.ReactNode;
-  
-  // Theming
-  brandColor?: PresetColorType;
-  mode?: 'light' | 'dark';
-  customPaletteColor?: { ... };
-  
-  // Settings Panel
-  showSettings?: boolean;
-}`})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"Custom Layout Example"}),e.jsx(t.CodeBlock,{language:"tsx",code:`import { StandaloneAppThemeProvider } from '@e-burgos/tucu-ui';
-
-function CustomLayoutApp() {
-  return (
-    <StandaloneAppThemeProvider
-      layout="minimal"
-      menuItems={menuItems}
-      logo={{ name: 'My', secondName: 'App' }}
-      rightButton={
-        <div className="flex gap-2">
-          <Button variant="ghost" size="small">
-            Profile
-          </Button>
-          <Button variant="ghost" size="small">
-            Logout
-          </Button>
-        </div>
-      }
-      headerClassName="bg-brand/5 border-b border-brand/20"
-      contentClassName="max-w-7xl mx-auto"
-      fullWidth={false}
-    />
-  );
-}`})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"Custom Routes Override"}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["You can completely override the default routing by providing your own"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"customRoutes"})," ","prop."]}),e.jsx(t.CodeBlock,{language:"tsx",code:`import { Routes, Route } from 'react-router-dom';
-import { StandaloneAppThemeProvider } from '@e-burgos/tucu-ui';
-
-function App() {
-  return (
-    <StandaloneAppThemeProvider
-      menuItems={menuItems}
-      customRoutes={
-        <Routes>
-          <Route path="/" element={<HomePage />} />
-          <Route path="/custom" element={<CustomPage />} />
-          <Route path="*" element={<NotFoundPage />} />
-        </Routes>
-      }
-    />
-  );
-}`})]})]})]})]})})})});exports.default=o;