@e-burgos/tucu-ui 2.0.2 → 2.0.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@e-burgos/tucu-ui",
   "description": "Tucu UI Library",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -38,18 +38,12 @@
   ],
   "sideEffects": true,
   "scripts": {
-    "storybook": "storybook dev --initial-path=/docs/1-documentation-1-introduction--documentation -p 6006",
-    "build-storybook": "storybook build --output-dir ../../dist/ui/storybook-tucu-ui",
-    "publish-storybook": "pnpm dlx chromatic --project-token --force-rebuild --exit-zero-on-changes --auto-accept-changes",
-    "serve-storybook": "serve ../../dist/ui/storybook-tucu-ui -p 8080",
-    "chromatic": "pnpm dlx chromatic --project-token --force-rebuild",
-    "storybook-doctor": "pnpm dlx storybook doctor",
+    "generate-props": "tsx ../../scripts/generate-props.ts",
     "publish:lib": "cd ../../dist/ui/tucu-ui && pnpm npm publish --access public --no-git-checks",
     "install:lib": "cd ../../ui/tucu-ui && pnpm install",
     "pack:lib": "cd ../../ui/tucu-ui && pnpm npm pack"
   },
   "dependencies": {
-    "@headlessui/react": "2.2.9",
     "@tailwindcss/typography": "0.0.0-insiders.0339c42",
     "classnames": "^2.5.1",
     "framer-motion": "12.23.3",
@@ -58,7 +52,7 @@
     "react-router-dom": "7.9.1",
     "react-router": "7.9.1",
     "react-use": "^17.6.0",
-    "recharts": "3.0.0",
+    "recharts": "3.8.1",
     "swiper": "11.2.8",
     "zustand": "^5.0.8"
   },

package/themes/hooks/use-theme.d.ts

@@ -1,5 +1,10 @@
 import { DIRECTION, IThemeItem, LogoType, LAYOUT_OPTIONS, MODE, LangType } from '../config/index';
-export interface ITheme {
+/** Helper: for every key K in T, produce a setter `setK: (value: T[K]) => void` */
+type Setters<T> = {
+    [K in keyof T as `set${Capitalize<string & K>}`]: (value: T[K]) => void;
+};
+/** State shape (values only, no functions) */
+interface IThemeState {
     primaryPreset: IThemeItem;
     darkPrimaryPreset: IThemeItem;
     secondaryPreset: IThemeItem;
@@ -19,25 +24,9 @@ export interface ITheme {
     isSettingsOpen: boolean;
     showSettings: boolean;
     lang: LangType;
-    setPrimaryPreset: (primaryPreset: IThemeItem) => void;
-    setDarkPrimaryPreset: (darkPrimaryPreset: IThemeItem) => void;
-    setSecondaryPreset: (secondaryPreset: IThemeItem) => void;
-    setDarkSecondaryPreset: (darkSecondaryPreset: IThemeItem) => void;
-    setAccentPreset: (accentPreset: IThemeItem) => void;
-    setDarkAccentPreset: (darkAccentPreset: IThemeItem) => void;
-    setMutedPreset: (mutedPreset: IThemeItem) => void;
-    setDarkMutedPreset: (darkMutedPreset: IThemeItem) => void;
-    setDarkBgPreset: (darkBgPreset: IThemeItem) => void;
-    setLightBgPreset: (lightBgPreset: IThemeItem) => void;
-    setLightDarkPreset: (lightDarkPreset: IThemeItem) => void;
-    setDarkLightDarkPreset: (darkLightDarkPreset: IThemeItem) => void;
-    setDirection: (direction: DIRECTION) => void;
-    setLayout: (layout: LAYOUT_OPTIONS) => void;
-    setMode: (mode: MODE) => void;
-    setLogo: (logo: LogoType) => void;
-    setIsSettingsOpen: (isSettingsOpen: boolean) => void;
-    setShowSettings: (showSettings: boolean) => void;
-    setLang: (lang: LangType) => void;
+}
+/** Full store interface: state + auto-generated setters + actions */
+export interface ITheme extends IThemeState, Setters<IThemeState> {
     restoreDefaultColors: () => void;
 }
 export declare const useTheme: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<ITheme>, "setState" | "persist"> & {
@@ -45,33 +34,16 @@ export declare const useTheme: import('zustand').UseBoundStore<Omit<import('zust
     setState(state: ITheme | ((state: ITheme) => ITheme), replace: true): unknown;
     persist: {
         setOptions: (options: Partial<import('zustand/middleware').PersistOptions<ITheme, {
-            primaryPreset: IThemeItem;
-            darkPrimaryPreset: IThemeItem;
-            secondaryPreset: IThemeItem;
-            accentPreset: IThemeItem;
-            darkSecondaryPreset: IThemeItem;
-            darkAccentPreset: IThemeItem;
-            mutedPreset: IThemeItem;
-            darkMutedPreset: IThemeItem;
-            darkBgPreset: IThemeItem;
-            lightBgPreset: IThemeItem;
-            lightDarkPreset: IThemeItem;
-            darkLightDarkPreset: IThemeItem;
-            direction: DIRECTION;
-            layout: LAYOUT_OPTIONS;
-            mode: MODE;
             logo: {
                 logo: null;
                 name?: string;
                 secondName?: string;
                 path?: string;
-                preset?: import('../config/index').PRESET_LABEL_COLORS;
+                preset?: import('..').PRESET_LABEL_COLORS;
                 className?: string;
                 size?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
                 isoType?: boolean;
             };
-            showSettings: boolean;
-            lang: LangType;
         }, unknown>>) => void;
         clearStorage: () => void;
         rehydrate: () => Promise<void> | void;
@@ -79,33 +51,17 @@ export declare const useTheme: import('zustand').UseBoundStore<Omit<import('zust
         onHydrate: (fn: (state: ITheme) => void) => () => void;
         onFinishHydration: (fn: (state: ITheme) => void) => () => void;
         getOptions: () => Partial<import('zustand/middleware').PersistOptions<ITheme, {
-            primaryPreset: IThemeItem;
-            darkPrimaryPreset: IThemeItem;
-            secondaryPreset: IThemeItem;
-            accentPreset: IThemeItem;
-            darkSecondaryPreset: IThemeItem;
-            darkAccentPreset: IThemeItem;
-            mutedPreset: IThemeItem;
-            darkMutedPreset: IThemeItem;
-            darkBgPreset: IThemeItem;
-            lightBgPreset: IThemeItem;
-            lightDarkPreset: IThemeItem;
-            darkLightDarkPreset: IThemeItem;
-            direction: DIRECTION;
-            layout: LAYOUT_OPTIONS;
-            mode: MODE;
             logo: {
                 logo: null;
                 name?: string;
                 secondName?: string;
                 path?: string;
-                preset?: import('../config/index').PRESET_LABEL_COLORS;
+                preset?: import('..').PRESET_LABEL_COLORS;
                 className?: string;
                 size?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
                 isoType?: boolean;
             };
-            showSettings: boolean;
-            lang: LangType;
         }, unknown>>;
     };
 }>;
+export {};

package/themes/router/components/standalone-app-routes-provider.d.ts

@@ -8,6 +8,8 @@ type StandaloneAppRouteType = {
 interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
     component: JSX.Element;
     isPublic?: boolean;
+    /** When true, appends /* to the route path so the page can handle internal sub-routes */
+    enableNestedRoutes?: boolean;
     dropdownItems?: StandaloneAppRoutesMenuItem[];
 }
 interface StandaloneAppRoutesProps {

package/APIReferenceSection-DF3LCCD1.js

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

package/ActiveLinkSection-C2PP3Dyu.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const i=[{key:"prop",label:"Prop",render:a=>e.jsx("code",{className:"text-xs text-brand",children:String(a)})},{key:"type",label:"Type",render:a=>e.jsx("code",{className:"text-xs",children:String(a)})},{key:"default",label:"Default",render:a=>{const s=String(a);return s==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:s})}},{key:"description",label:"Description"}],n=[{prop:"path",type:"string",default:"required",description:"Path to match against current location"},{prop:"to",type:"string",default:"required",description:"Link destination"},{prop:"activeClassName",type:"string",default:"'active'",description:"CSS class to apply when link is active"},{prop:"className",type:"string",default:"-",description:"Additional CSS classes"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ActiveLink"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A link component that automatically applies an active class when the current path matches the link path."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Active Link"}),e.jsxs("div",{className:"flex gap-4",children:[e.jsx(t.ActiveLink,{to:"/components",path:"/components",children:"Components"}),e.jsx(t.ActiveLink,{to:"/about",path:"/about",children:"About"})]})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Custom Active Class"}),e.jsx(t.ActiveLink,{to:"/home",path:"/home",activeClassName:"text-brand font-bold",children:"Home"})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.BasicTable,{columns:i,data:n})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { ActiveLink } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<ActiveLink to="/components" path="/components">
-  Components
-</ActiveLink>
-
-// With custom active class
-<ActiveLink
-  to="/home"
-  path="/home"
-  activeClassName="text-brand font-bold"
->
-  Home
-</ActiveLink>
-
-// Navigation example
-<nav>
-  <ActiveLink to="/" path="/">Home</ActiveLink>
-  <ActiveLink to="/about" path="/about">About</ActiveLink>
-  <ActiveLink to="/contact" path="/contact">Contact</ActiveLink>
-</nav>`})})})})]})};exports.default=c;

package/ActiveLinkSection-Dzpmkfhm.mjs

@@ -1,120 +0,0 @@
-import { jsxs as t, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as s, C as i, a as c, V as n, B as r, c as p } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const k = () => /* @__PURE__ */ t(o, { children: [
-  /* @__PURE__ */ t("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(s, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "ActiveLink" }),
-    /* @__PURE__ */ e(
-      s,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A link component that automatically applies an active class when the current path matches the link path."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Active Link" }),
-      /* @__PURE__ */ t("div", { className: "flex gap-4", children: [
-        /* @__PURE__ */ e(n, { to: "/components", path: "/components", children: "Components" }),
-        /* @__PURE__ */ e(n, { to: "/about", path: "/about", children: "About" })
-      ] })
-    ] }),
-    /* @__PURE__ */ t(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "With Custom Active Class" }),
-      /* @__PURE__ */ e(
-        n,
-        {
-          to: "/home",
-          path: "/home",
-          activeClassName: "text-brand font-bold",
-          children: "Home"
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(r, { columns: [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (a) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(a) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (a) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(a) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (a) => {
-        const l = String(a);
-        return l === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: l });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "path",
-      type: "string",
-      default: "required",
-      description: "Path to match against current location"
-    },
-    {
-      prop: "to",
-      type: "string",
-      default: "required",
-      description: "Link destination"
-    },
-    {
-      prop: "activeClassName",
-      type: "string",
-      default: "'active'",
-      description: "CSS class to apply when link is active"
-    },
-    {
-      prop: "className",
-      type: "string",
-      default: "-",
-      description: "Additional CSS classes"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    p,
-    {
-      language: "tsx",
-      code: `import { ActiveLink } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<ActiveLink to="/components" path="/components">
-  Components
-</ActiveLink>
-
-// With custom active class
-<ActiveLink
-  to="/home"
-  path="/home"
-  activeClassName="text-brand font-bold"
->
-  Home
-</ActiveLink>
-
-// Navigation example
-<nav>
-  <ActiveLink to="/" path="/">Home</ActiveLink>
-  <ActiveLink to="/about" path="/about">About</ActiveLink>
-  <ActiveLink to="/contact" path="/contact">Contact</ActiveLink>
-</nav>`
-    }
-  ) }) }) })
-] });
-export {
-  k as default
-};

package/AdvancedColorSystemSection-8NfaB6r1.js

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

package/AdvancedFeaturesSection-DPK2To5I.js

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

package/AdvancedFeaturesSection-De9GDStL.js

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

package/AnchorLinkSection-BTuB_YBa.js

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[{key:"prop",label:"Prop",render:n=>e.jsx("code",{className:"text-xs text-brand",children:String(n)})},{key:"type",label:"Type",render:n=>e.jsx("code",{className:"text-xs",children:String(n)})},{key:"default",label:"Default",render:n=>{const t=String(n);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],s=[{prop:"to",type:"string",default:"required",description:"Link destination (internal or external URL)"},{prop:"...LinkProps",type:"LinkProps",default:"-",description:"All React Router Link props are supported"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"AnchorLink"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A smart link component that automatically handles both internal routes and external URLs."})]}),e.jsx(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 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Internal Link"}),e.jsx(r.AnchorLink,{to:"/components",children:"Go to Components"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"External Link"}),e.jsx(r.AnchorLink,{to:r.GITHUB_URL,target:"_blank",children:"External Link"})]})]})})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.BasicTable,{columns:a,data:s})})})}),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 { AnchorLink } from '@e-burgos/tucu-ui';
-
-// Internal link (uses React Router Link)
-<AnchorLink to="/components">
-  Go to Components
-</AnchorLink>
-
-// External link (uses native <a> tag)
-<AnchorLink to="https://example.com" target="_blank">
-  External Link
-</AnchorLink>
-
-// With all Link props
-<AnchorLink
-  to="/about"
-  className="text-blue-500 hover:underline"
->
-  About Us
-</AnchorLink>`})})})})]})};exports.default=l;

package/AnchorLinkSection-CCkTECg0.mjs

@@ -1,94 +0,0 @@
-import { jsxs as a, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { T as r, C as n, a as l, W as o, X as c, B as d, c as p } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const b = () => /* @__PURE__ */ a(i, { children: [
-  /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(r, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "AnchorLink" }),
-    /* @__PURE__ */ e(
-      r,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A smart link component that automatically handles both internal routes and external URLs."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ a(n, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Internal Link" }),
-      /* @__PURE__ */ e(o, { to: "/components", children: "Go to Components" })
-    ] }),
-    /* @__PURE__ */ a(n, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "External Link" }),
-      /* @__PURE__ */ e(o, { to: c, target: "_blank", children: "External Link" })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(d, { columns: [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (t) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(t) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (t) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(t) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (t) => {
-        const s = String(t);
-        return s === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: s });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "to",
-      type: "string",
-      default: "required",
-      description: "Link destination (internal or external URL)"
-    },
-    {
-      prop: "...LinkProps",
-      type: "LinkProps",
-      default: "-",
-      description: "All React Router Link props are supported"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    p,
-    {
-      language: "tsx",
-      code: `import { AnchorLink } from '@e-burgos/tucu-ui';
-
-// Internal link (uses React Router Link)
-<AnchorLink to="/components">
-  Go to Components
-</AnchorLink>
-
-// External link (uses native <a> tag)
-<AnchorLink to="https://example.com" target="_blank">
-  External Link
-</AnchorLink>
-
-// With all Link props
-<AnchorLink
-  to="/about"
-  className="text-blue-500 hover:underline"
->
-  About Us
-</AnchorLink>`
-    }
-  ) }) }) })
-] });
-export {
-  b as default
-};

package/ArchitecturalPatternsComparisonSection-B5COBP19.js

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

package/ArchitectureOverviewSection-BQKgZIBU.js

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

package/AuthorCardSection-C0dYJSA1.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=require("./1-CArqgiQa.js"),n=()=>{const l=[{key:"prop",label:"Prop",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"default",label:"Default",render:r=>{const s=String(r);return s==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:s})}},{key:"description",label:"Description"}],i=[{prop:"image",type:"string",default:"required",description:"URL or path to the author avatar image"},{prop:"name",type:"string",default:"-",description:"Author name"},{prop:"authorRole",type:"string",default:"-",description:"Author role or title"}];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:"AuthorCard"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A card component for displaying author information with avatar, name, and role."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Name and Role"}),e.jsx(a.AuthorCard,{image:t.avatar1Img,name:"John Doe",authorRole:"Senior Developer"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Name Only"}),e.jsx(a.AuthorCard,{image:t.avatar1Img,name:"Jane Smith"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Avatar Only"}),e.jsx(a.AuthorCard,{image:t.avatar1Img})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:l,data:i})})})}),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 { AuthorCard } from '@e-burgos/tucu-ui';
-
-// With name and role
-<AuthorCard
-  image="/path/to/avatar.jpg"
-  name="John Doe"
-  authorRole="Senior Developer"
-/>
-
-// With name only
-<AuthorCard
-  image="/path/to/avatar.jpg"
-  name="Jane Smith"
-/>
-
-// Avatar only
-<AuthorCard image="/path/to/avatar.jpg" />`})})})})]})};exports.default=n;