@e-burgos/tucu-ui 2.0.8 → 2.0.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@e-burgos/tucu-ui",
   "description": "Tucu UI Library",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",

package/themes/components/settings/index.d.ts

@@ -2,3 +2,4 @@ export * from './lang-selector';
 export * from './settings-button';
 export * from './settings-drawer';
 export * from './switch-mode';
+export * from './switch-variant';

package/themes/components/settings/switch-variant.d.ts

@@ -0,0 +1,5 @@
+interface SwitchVariantProps {
+    className?: string;
+}
+export declare const SwitchVariant: React.FC<SwitchVariantProps>;
+export default SwitchVariant;

package/themes/components/theme-provider/mfe-app-theme-provider.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 import { IAppRouteConfig } from '../../types';
-import { ThemeWrapperProps } from './theme-wrapper';
-interface MfeAppThemeProviderProps extends Omit<ThemeWrapperProps, 'children'> {
+import { ThemeWrapperProps, DistributiveOmit } from './theme-wrapper';
+type MfeAppThemeProviderProps = DistributiveOmit<ThemeWrapperProps, 'children'> & {
     basePath: string;
     appRoutesConfig: IAppRouteConfig[];
     isAuthenticated: boolean;
     loginUrl: string;
-}
+};
 export declare const MfeAppThemeProvider: React.FC<MfeAppThemeProviderProps>;
 export type { MfeAppThemeProviderProps };

package/themes/components/theme-provider/standalone-app-theme-provider.d.ts

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
 import { Routes } from 'react-router-dom';
-import { ThemeWrapperProps } from './theme-wrapper';
+import { ThemeWrapperProps, DistributiveOmit } from './theme-wrapper';
 import { StandaloneAppRoutesProps } from '../../router/components/standalone-app-routes-provider';
-export interface StandaloneAppProviderProps extends Omit<ThemeWrapperProps, 'menuItems' | 'children'> {
+export type StandaloneAppProviderProps = DistributiveOmit<ThemeWrapperProps, 'menuItems' | 'children'> & {
     menuItems: StandaloneAppRoutesProps['menuItems'];
     customRoutes?: React.ReactElement<typeof Routes>;
     isAuthenticated: boolean;
     loginUrl?: string;
-}
+};
 declare const StandaloneAppProvider: React.FC<StandaloneAppProviderProps>;
 export default StandaloneAppProvider;

package/themes/components/theme-provider/theme-wrapper.d.ts

@@ -1,7 +1,7 @@
 import { PresetColorType, MODE } from '../../config';
 import { LayoutTypeProps } from '../../../components/layouts/root-layout';
 import { IMenuItem } from '../../../components/layouts/menus/menu-item';
-interface ThemeWrapperProps extends LayoutTypeProps {
+interface ThemeWrapperBaseProps extends Omit<LayoutTypeProps, 'layout'> {
     menuItems: IMenuItem[];
     brandColor?: PresetColorType;
     mode?: MODE;
@@ -26,6 +26,24 @@ interface ThemeWrapperProps extends LayoutTypeProps {
     };
     setCurrentPathname?: (pathname: string) => void;
 }
-export declare function ThemeWrapper({ logo, rightButton, brandColor, customPaletteColor, showSettings, className, headerClassName, contentClassName, fullWidth, mode: appMode, menuItems: appMenuItems, layout: appLayout, children, setCurrentPathname, }: ThemeWrapperProps): import("react/jsx-runtime").JSX.Element;
+type DefaultLayoutType = 'clean' | 'admin' | 'horizontal';
+type MacOSLayoutType = 'macos';
+type MacOSTahoeLayoutType = 'macos-tahoe' | 'macos-tahoe-dock';
+interface DefaultThemeWrapperProps extends ThemeWrapperBaseProps {
+    themeStyle?: 'default';
+    layout?: DefaultLayoutType;
+}
+interface MacOSThemeWrapperProps extends ThemeWrapperBaseProps {
+    themeStyle: 'macos';
+    layout?: MacOSLayoutType;
+}
+interface MacOSTahoeThemeWrapperProps extends ThemeWrapperBaseProps {
+    themeStyle: 'macos-tahoe';
+    layout?: MacOSTahoeLayoutType;
+}
+type ThemeWrapperProps = DefaultThemeWrapperProps | MacOSThemeWrapperProps | MacOSTahoeThemeWrapperProps;
+/** Distributive Omit — preserves discriminated union across variants */
+type DistributiveOmit<T, K extends keyof never> = T extends unknown ? Omit<T, K> : never;
+export declare function ThemeWrapper({ logo, rightButton, themeStyle, brandColor, customPaletteColor, showSettings, className, headerClassName, contentClassName, fullWidth, mode: appMode, menuItems: appMenuItems, layout: appLayout, children, setCurrentPathname, }: ThemeWrapperProps): import("react/jsx-runtime").JSX.Element;
 export default ThemeWrapper;
-export type { ThemeWrapperProps };
+export type { ThemeWrapperProps, ThemeWrapperBaseProps, DefaultThemeWrapperProps, MacOSThemeWrapperProps, MacOSTahoeThemeWrapperProps, DistributiveOmit, DefaultLayoutType, MacOSLayoutType, MacOSTahoeLayoutType, };

package/themes/config/index.d.ts

@@ -4,14 +4,24 @@ export interface IThemeItem {
     value: string;
 }
 export type MODE = 'light' | 'dark';
-export type DIRECTION = 'ltr' | 'rtl';
-export type LogoType = LogoPropTypes;
+export type THEME_VARIANT = 'default' | 'macos' | 'macos-tahoe';
+export declare const defaultThemeVariant: THEME_VARIANT;
 export declare enum LAYOUT_OPTIONS {
     CLEAN = "clean",
     ADMIN = "admin",
-    HORIZONTAL = "horizontal"
+    HORIZONTAL = "horizontal",
+    MACOS = "macos",
+    MACOS_TAHOE = "macos-tahoe",
+    MACOS_TAHOE_DOCK = "macos-tahoe-dock"
 }
-export type LayoutOptionType = 'clean' | 'admin' | 'horizontal';
+export interface ThemeStyleConfig {
+    validLayouts: LAYOUT_OPTIONS[];
+    defaultLayout: LAYOUT_OPTIONS;
+}
+export declare const THEME_STYLE_LAYOUTS: Record<THEME_VARIANT, ThemeStyleConfig>;
+export type DIRECTION = 'ltr' | 'rtl';
+export type LogoType = LogoPropTypes;
+export type LayoutOptionType = 'clean' | 'admin' | 'horizontal' | 'macos' | 'macos-tahoe' | 'macos-tahoe-dock';
 export declare const layoutOptions: IThemeItem[];
 export type PresetColorType = 'Default' | 'DefaultSecondary' | 'DefaultAccent' | 'DefaultBgLight' | 'DefaultBgDark' | 'Yellow' | 'Orange' | 'Red' | 'Pink' | 'Violet' | 'Purple' | 'Blue' | 'Azure' | 'Turquoise' | 'Green' | 'Lime' | 'Black' | 'Gray';
 export declare enum PRESET_LABEL_COLORS {
@@ -48,7 +58,19 @@ export declare enum PRESET_LABEL_COLORS {
     YELLOW = "Yellow",
     DARK_YELLOW = "DarkYellow",
     CHARTREUSE = "Chartreuse",
-    DARK_CHARTREUSE = "DarkChartreuse"
+    DARK_CHARTREUSE = "DarkChartreuse",
+    MACOS_PRIMARY = "MacOSPrimary",
+    MACOS_DARK_PRIMARY = "MacOSDarkPrimary",
+    MACOS_SECONDARY = "MacOSSecondary",
+    MACOS_DARK_SECONDARY = "MacOSDarkSecondary",
+    MACOS_ACCENT = "MacOSAccent",
+    MACOS_DARK_ACCENT = "MacOSDarkAccent",
+    MACOS_MUTED = "MacOSMuted",
+    MACOS_DARK_MUTED = "MacOSDarkMuted",
+    MACOS_LIGHT_BG = "MacOSLightBg",
+    MACOS_DARK_BG = "MacOSDarkBg",
+    MACOS_LIGHT_DARK = "MacOSLightDark",
+    MACOS_DARK_LIGHT_DARK = "MacOSDarkLightDark"
 }
 export declare enum PRESET_COLORS {
     DEFAULT_PRIMARY = "#0052ff",// --color-tucu-ui-blue-60 (light mode)
@@ -84,7 +106,19 @@ export declare enum PRESET_COLORS {
     YELLOW = "#cf9700",// --color-tucu-ui-yellow-50
     DARK_YELLOW = "#c79e00",// --color-tucu-ui-dark-yellow-50
     CHARTREUSE = "#56b340",// --color-tucu-ui-chartreuse-50
-    DARK_CHARTREUSE = "#7bc869"
+    DARK_CHARTREUSE = "#7bc869",// --color-tucu-ui-dark-chartreuse-50
+    MACOS_PRIMARY = "#007aff",// systemBlue (light)
+    MACOS_DARK_PRIMARY = "#0a84ff",// systemBlue (dark)
+    MACOS_SECONDARY = "#ffffff",// contentBackground — cards float on gray bg
+    MACOS_DARK_SECONDARY = "#2c2c2e",// systemGray4 (dark) — elevated surface
+    MACOS_ACCENT = "#ff9500",// systemOrange (light)
+    MACOS_DARK_ACCENT = "#ff9f0a",// systemOrange (dark)
+    MACOS_MUTED = "#6c6c70",// secondaryLabel blended (light)
+    MACOS_DARK_MUTED = "#aeaeb2",// systemGray2 (dark)
+    MACOS_LIGHT_BG = "#f2f2f7",// systemGray6 — primary app background
+    MACOS_DARK_BG = "#1c1c1e",// systemGray5 (dark) — primary bg
+    MACOS_LIGHT_DARK = "#e5e5ea",// systemGray5 (light) — secondary bg wash
+    MACOS_DARK_LIGHT_DARK = "#3a3a3c"
 }
 export declare const colorPreset: IThemeItem[];
 export declare const Direction: IThemeItem[];
@@ -107,3 +141,167 @@ export declare const defaultLightDarkPreset: IThemeItem;
 export declare const defaultDarkLightDarkPreset: IThemeItem;
 export declare const defaultDirection = "ltr";
 export declare const defaultMode = "dark";
+export declare const macosLightPresets: {
+    readonly primaryPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_PRIMARY;
+        readonly value: PRESET_COLORS.MACOS_PRIMARY;
+    };
+    readonly darkPrimaryPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_PRIMARY;
+        readonly value: PRESET_COLORS.MACOS_DARK_PRIMARY;
+    };
+    readonly secondaryPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_SECONDARY;
+        readonly value: PRESET_COLORS.DEFAULT_LIGHT_BG;
+    };
+    readonly darkSecondaryPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_SECONDARY;
+        readonly value: PRESET_COLORS.MACOS_DARK_SECONDARY;
+    };
+    readonly accentPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_ACCENT;
+        readonly value: PRESET_COLORS.MACOS_ACCENT;
+    };
+    readonly darkAccentPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_ACCENT;
+        readonly value: PRESET_COLORS.MACOS_DARK_ACCENT;
+    };
+    readonly mutedPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_MUTED;
+        readonly value: PRESET_COLORS.MACOS_MUTED;
+    };
+    readonly darkMutedPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_MUTED;
+        readonly value: PRESET_COLORS.MACOS_DARK_MUTED;
+    };
+    readonly lightBgPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_LIGHT_BG;
+        readonly value: PRESET_COLORS.MACOS_LIGHT_BG;
+    };
+    readonly darkBgPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_BG;
+        readonly value: PRESET_COLORS.MACOS_DARK_BG;
+    };
+    readonly lightDarkPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_LIGHT_DARK;
+        readonly value: PRESET_COLORS.MACOS_LIGHT_DARK;
+    };
+    readonly darkLightDarkPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_LIGHT_DARK;
+        readonly value: PRESET_COLORS.MACOS_DARK_LIGHT_DARK;
+    };
+};
+export interface TahoeAccentBundle {
+    id: string;
+    label: string;
+    /** Preview swatch — light mode primary */
+    swatch: string;
+    primaryLight: string;
+    primaryDark: string;
+    accentLight: string;
+    accentDark: string;
+}
+export declare const TAHOE_ACCENT_BUNDLES: TahoeAccentBundle[];
+/** Build a full macOS preset set from a Tahoe accent bundle */
+export declare function buildTahoePresets(bundle: TahoeAccentBundle): {
+    primaryPreset: {
+        label: string;
+        value: string;
+    };
+    darkPrimaryPreset: {
+        label: string;
+        value: string;
+    };
+    secondaryPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_SECONDARY;
+        readonly value: PRESET_COLORS.DEFAULT_LIGHT_BG;
+    };
+    darkSecondaryPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_SECONDARY;
+        readonly value: PRESET_COLORS.MACOS_DARK_SECONDARY;
+    };
+    accentPreset: {
+        label: string;
+        value: string;
+    };
+    darkAccentPreset: {
+        label: string;
+        value: string;
+    };
+    mutedPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_MUTED;
+        readonly value: PRESET_COLORS.MACOS_MUTED;
+    };
+    darkMutedPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_MUTED;
+        readonly value: PRESET_COLORS.MACOS_DARK_MUTED;
+    };
+    lightBgPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_LIGHT_BG;
+        readonly value: PRESET_COLORS.MACOS_LIGHT_BG;
+    };
+    darkBgPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_BG;
+        readonly value: PRESET_COLORS.MACOS_DARK_BG;
+    };
+    lightDarkPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_LIGHT_DARK;
+        readonly value: PRESET_COLORS.MACOS_LIGHT_DARK;
+    };
+    darkLightDarkPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_LIGHT_DARK;
+        readonly value: PRESET_COLORS.MACOS_DARK_LIGHT_DARK;
+    };
+};
+export declare const SONOMA_ACCENT_BUNDLES: TahoeAccentBundle[];
+/** Build a full macOS preset set from a Sonoma accent bundle */
+export declare function buildSonomaPresets(bundle: TahoeAccentBundle): {
+    primaryPreset: {
+        label: string;
+        value: string;
+    };
+    darkPrimaryPreset: {
+        label: string;
+        value: string;
+    };
+    secondaryPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_SECONDARY;
+        readonly value: PRESET_COLORS.DEFAULT_LIGHT_BG;
+    };
+    darkSecondaryPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_SECONDARY;
+        readonly value: PRESET_COLORS.MACOS_DARK_SECONDARY;
+    };
+    accentPreset: {
+        label: string;
+        value: string;
+    };
+    darkAccentPreset: {
+        label: string;
+        value: string;
+    };
+    mutedPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_MUTED;
+        readonly value: PRESET_COLORS.MACOS_MUTED;
+    };
+    darkMutedPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_MUTED;
+        readonly value: PRESET_COLORS.MACOS_DARK_MUTED;
+    };
+    lightBgPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_LIGHT_BG;
+        readonly value: PRESET_COLORS.MACOS_LIGHT_BG;
+    };
+    darkBgPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_BG;
+        readonly value: PRESET_COLORS.MACOS_DARK_BG;
+    };
+    lightDarkPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_LIGHT_DARK;
+        readonly value: PRESET_COLORS.MACOS_LIGHT_DARK;
+    };
+    darkLightDarkPreset: {
+        readonly label: PRESET_LABEL_COLORS.MACOS_DARK_LIGHT_DARK;
+        readonly value: PRESET_COLORS.MACOS_DARK_LIGHT_DARK;
+    };
+};

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

@@ -1,4 +1,5 @@
-import { DIRECTION, IThemeItem, LogoType, LAYOUT_OPTIONS, MODE, LangType } from '../config/index';
+import { DIRECTION, IThemeItem, LogoType, LAYOUT_OPTIONS, MODE, THEME_VARIANT, LangType } from '../config/index';
+export type TahoeBackgroundVariant = 'base' | 'wave' | 'wallpaper' | 'mobile';
 /** 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;
@@ -20,14 +21,20 @@ interface IThemeState {
     direction: DIRECTION;
     layout: LAYOUT_OPTIONS;
     mode: MODE;
+    colorScheme: THEME_VARIANT;
     logo: LogoType;
     isSettingsOpen: boolean;
     showSettings: boolean;
     lang: LangType;
+    backgroundVariant: TahoeBackgroundVariant;
 }
 /** Full store interface: state + auto-generated setters + actions */
 export interface ITheme extends IThemeState, Setters<IThemeState> {
     restoreDefaultColors: () => void;
+    applyMacOSTheme: () => void;
+    applyMacOSTahoeTheme: () => void;
+    applyDefaultTheme: () => void;
+    applyThemeStyle: (themeStyle: THEME_VARIANT) => void;
 }
 export declare const useTheme: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<ITheme>, "setState" | "persist"> & {
     setState(partial: ITheme | Partial<ITheme> | ((state: ITheme) => ITheme | Partial<ITheme>), replace?: false | undefined): unknown;

package/documentation/APIReferenceSection-3tw3kbSC.js

@@ -1,142 +0,0 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { C as s, a as l, T as i, q as n, J as a } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const g = () => /* @__PURE__ */ e("div", { className: "space-y-8", children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { title: "API Reference", className: "mt-2 mb-6", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: [
-  /* @__PURE__ */ e(i, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: "Complete API reference for the routing system components and interfaces." }),
-  /* @__PURE__ */ r("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ e(i, { tag: "h4", className: "font-semibold", children: "StandaloneAppRoutesMenuItem Properties" }),
-      /* @__PURE__ */ e(
-        n,
-        {
-          columns: [
-            {
-              key: "prop",
-              label: "Property",
-              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: "required",
-              label: "Required",
-              render: (t) => String(t) === "Yes" ? /* @__PURE__ */ e(a, { variant: "outline", className: "text-xs", children: "Yes" }) : /* @__PURE__ */ e(a, { variant: "outline", className: "text-xs", children: "Optional" })
-            },
-            {
-              key: "description",
-              label: "Description"
-            }
-          ],
-          data: [
-            {
-              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)"
-            }
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ e(i, { tag: "h4", className: "font-semibold", children: "IAppRouteConfig Properties (MFE)" }),
-      /* @__PURE__ */ e(n, { columns: [
-        {
-          key: "prop",
-          label: "Property",
-          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: "required",
-          label: "Required",
-          render: (t) => String(t) === "Yes" ? /* @__PURE__ */ e(a, { variant: "outline", className: "text-xs", children: "Yes" }) : /* @__PURE__ */ e(a, { variant: "outline", className: "text-xs", children: "Optional" })
-        },
-        {
-          key: "description",
-          label: "Description"
-        }
-      ], data: [
-        {
-          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"
-        }
-      ] })
-    ] })
-  ] })
-] }) }) }) });
-export {
-  g as default
-};

package/documentation/APIReferenceSection-Bi_II-dh.js

@@ -1 +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 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/documentation/ActiveLinkSection-CbQ9Ib2C.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ActiveLink"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A link component that automatically applies an active class when the current path matches the link path."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Active Link"}),e.jsxs("div",{className:"flex gap-4",children:[e.jsx(t.ActiveLink,{to:"/components",path:"/components",children:"Components"}),e.jsx(t.ActiveLink,{to:"/about",path:"/about",children:"About"})]})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Custom Active Class"}),e.jsx(t.ActiveLink,{to:"/home",path:"/home",activeClassName:"text-brand font-bold",children:"Home"})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"ActiveLink",defaultValues:{path:"/demo",activeClassName:"active"},excludeProps:["state","to"],children:a=>e.jsx(t.ActiveLink,{...a,to:"#",children:"Active Link Example"})}),e.jsx(t.AutoPropsTable,{componentName:"ActiveLink"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { ActiveLink } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<ActiveLink to="/components" path="/components">
-  Components
-</ActiveLink>
-
-// With custom active class
-<ActiveLink
-  to="/home"
-  path="/home"
-  activeClassName="text-brand font-bold"
->
-  Home
-</ActiveLink>
-
-// Navigation example
-<nav>
-  <ActiveLink to="/" path="/">Home</ActiveLink>
-  <ActiveLink to="/about" path="/about">About</ActiveLink>
-  <ActiveLink to="/contact" path="/contact">Contact</ActiveLink>
-</nav>`})})})})]});exports.default=i;

package/documentation/AdvancedColorSystemSection-C037qEf7.js

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