@e-burgos/tucu-ui 2.2.0 → 2.4.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@e-burgos/tucu-ui",
   "description": "Tucu UI Library",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -44,6 +44,7 @@
     "pack:lib": "cd ../../ui/tucu-ui && pnpm npm pack"
   },
   "dependencies": {
+    "@e-burgos/tucu-ui-mcp": "^0.5.0",
     "@tailwindcss/typography": "0.0.0-insiders.0339c42",
     "classnames": "^2.5.1",
     "framer-motion": "12.23.3",

package/themes/components/settings/background-picker.d.ts

@@ -0,0 +1,2 @@
+export declare function BackgroundPicker(): import("react/jsx-runtime").JSX.Element;
+export default BackgroundPicker;

package/themes/components/settings/color-dot.d.ts

@@ -0,0 +1,5 @@
+import { ColorType } from './settings-types';
+export declare function ColorDot({ type }: {
+    type: ColorType;
+}): import("react/jsx-runtime").JSX.Element;
+export default ColorDot;

package/themes/components/settings/color-swatch-modal.d.ts

@@ -0,0 +1,7 @@
+import { ColorType } from './settings-types';
+export declare function ColorSwatchModal({ type, isOpen, onClose, }: {
+    type: ColorType;
+    isOpen: boolean;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+export default ColorSwatchModal;

package/themes/components/settings/default-color-settings.d.ts

@@ -0,0 +1,2 @@
+export declare function DefaultColorSettings(): import("react/jsx-runtime").JSX.Element;
+export default DefaultColorSettings;

package/themes/components/settings/direction-switcher.d.ts

@@ -0,0 +1,2 @@
+export declare function DirectionSwitcher(): import("react/jsx-runtime").JSX.Element;
+export default DirectionSwitcher;

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

@@ -3,3 +3,18 @@ export * from './settings-button';
 export * from './settings-drawer';
 export * from './switch-mode';
 export * from './switch-variant';
+export * from './settings-types';
+export * from './switcher-button';
+export * from './settings-section-heading';
+export * from './theme-icons';
+export * from './theme-switcher';
+export * from './theme-variant-switcher';
+export * from './direction-switcher';
+export * from './layout-switcher';
+export * from './color-swatch-modal';
+export * from './color-dot';
+export * from './default-color-settings';
+export * from './restore-defaults';
+export * from './background-picker';
+export * from './tahoe-accent-picker';
+export * from './sonoma-accent-picker';

package/themes/components/settings/layout-switcher.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react';
+export declare const LayoutIcons: Record<string, JSX.Element>;
+export declare function LayoutSwitcher(): import("react/jsx-runtime").JSX.Element;
+export default LayoutSwitcher;

package/themes/components/settings/restore-defaults.d.ts

@@ -0,0 +1,2 @@
+export declare function RestoreDefaults(): import("react/jsx-runtime").JSX.Element;
+export default RestoreDefaults;

package/themes/components/settings/settings-drawer.d.ts

@@ -1,3 +1,2 @@
-export declare function RestoreDefaults(): import("react/jsx-runtime").JSX.Element;
 export declare function SettingsDrawer(): import("react/jsx-runtime").JSX.Element;
 export default SettingsDrawer;

package/themes/components/settings/settings-section-heading.d.ts

@@ -0,0 +1,4 @@
+export declare function SettingsSectionHeading({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default SettingsSectionHeading;

package/themes/components/settings/settings-types.d.ts

@@ -0,0 +1,19 @@
+import { ITheme } from '../../hooks/use-theme';
+import { IThemeItem } from '../../config';
+export type { IThemeItem };
+export type ColorType = 'primary' | 'darkPrimary' | 'secondary' | 'darkSecondary' | 'accent' | 'darkAccent' | 'muted' | 'darkMuted' | 'darkBg' | 'lightBg' | 'lightDark' | 'darkLightDark' | 'success' | 'darkSuccess' | 'warning' | 'darkWarning' | 'error' | 'darkError' | 'info' | 'darkInfo' | 'fg' | 'darkFg' | 'border' | 'darkBorder';
+export interface ColorConfig {
+    presetKey: keyof ITheme;
+    setterKey: keyof ITheme;
+    defaultValue: IThemeItem;
+    label: string;
+}
+export interface ColorGroup {
+    title: string;
+    items: {
+        light: ColorType;
+        dark: ColorType;
+    }[];
+}
+export declare const COLOR_CONFIG: Record<ColorType, ColorConfig>;
+export declare const COLOR_GROUPS: ColorGroup[];

package/themes/components/settings/sonoma-accent-picker.d.ts

@@ -0,0 +1,2 @@
+export declare function SonomaAccentPicker(): import("react/jsx-runtime").JSX.Element;
+export default SonomaAccentPicker;

package/themes/components/settings/switcher-button.d.ts

@@ -0,0 +1,7 @@
+export interface SwitcherButtonProps {
+    onClick?: () => void;
+    checked: boolean;
+    title: string;
+}
+export declare function SwitcherButton({ onClick, checked, title, children, }: React.PropsWithChildren<SwitcherButtonProps>): import("react/jsx-runtime").JSX.Element;
+export default SwitcherButton;

package/themes/components/settings/tahoe-accent-picker.d.ts

@@ -0,0 +1,2 @@
+export declare function TahoeAccentPicker(): import("react/jsx-runtime").JSX.Element;
+export default TahoeAccentPicker;

package/themes/components/settings/theme-icons.d.ts

@@ -0,0 +1,6 @@
+/** Generic default layout icon: 4 rounded squares grid */
+export declare function DefaultThemeIcon(): import("react/jsx-runtime").JSX.Element;
+/** macOS Sonoma style window icon: rounded rect with three traffic-light dots */
+export declare function MacOSThemeIcon(): import("react/jsx-runtime").JSX.Element;
+/** macOS Tahoe style window icon: rounded window + floating pill dock bar */
+export declare function MacOSTahoeThemeIcon(): import("react/jsx-runtime").JSX.Element;

package/themes/components/settings/theme-switcher.d.ts

@@ -0,0 +1,2 @@
+export declare function ThemeSwitcher(): import("react/jsx-runtime").JSX.Element;
+export default ThemeSwitcher;

package/themes/components/settings/theme-variant-switcher.d.ts

@@ -0,0 +1,2 @@
+export declare function ThemeVariantSwitcher(): import("react/jsx-runtime").JSX.Element;
+export default ThemeVariantSwitcher;

package/themes/config/index.d.ts

@@ -230,6 +230,14 @@ export declare const macosLightPresets: {
         readonly label: PRESET_LABEL_COLORS.MACOS_DARK_LIGHT_DARK;
         readonly value: PRESET_COLORS.MACOS_DARK_LIGHT_DARK;
     };
+    readonly fgPreset: {
+        readonly label: PRESET_LABEL_COLORS.DEFAULT_FG;
+        readonly value: PRESET_COLORS.DEFAULT_DARK_BG;
+    };
+    readonly darkFgPreset: {
+        readonly label: PRESET_LABEL_COLORS.DEFAULT_DARK_FG;
+        readonly value: PRESET_COLORS.DEFAULT_LIGHT_BG;
+    };
 };
 export interface TahoeAccentBundle {
     id: string;
@@ -292,6 +300,14 @@ export declare function buildTahoePresets(bundle: TahoeAccentBundle): {
         readonly label: PRESET_LABEL_COLORS.MACOS_DARK_LIGHT_DARK;
         readonly value: PRESET_COLORS.MACOS_DARK_LIGHT_DARK;
     };
+    fgPreset: {
+        readonly label: PRESET_LABEL_COLORS.DEFAULT_FG;
+        readonly value: PRESET_COLORS.DEFAULT_DARK_BG;
+    };
+    darkFgPreset: {
+        readonly label: PRESET_LABEL_COLORS.DEFAULT_DARK_FG;
+        readonly value: PRESET_COLORS.DEFAULT_LIGHT_BG;
+    };
     borderPreset: {
         label: PRESET_LABEL_COLORS;
         value: PRESET_COLORS;
@@ -352,6 +368,14 @@ export declare function buildSonomaPresets(bundle: TahoeAccentBundle): {
         readonly label: PRESET_LABEL_COLORS.MACOS_DARK_LIGHT_DARK;
         readonly value: PRESET_COLORS.MACOS_DARK_LIGHT_DARK;
     };
+    fgPreset: {
+        readonly label: PRESET_LABEL_COLORS.DEFAULT_FG;
+        readonly value: PRESET_COLORS.DEFAULT_DARK_BG;
+    };
+    darkFgPreset: {
+        readonly label: PRESET_LABEL_COLORS.DEFAULT_DARK_FG;
+        readonly value: PRESET_COLORS.DEFAULT_LIGHT_BG;
+    };
     borderPreset: {
         label: PRESET_LABEL_COLORS;
         value: PRESET_COLORS;