@e-burgos/tucu-ui 2.0.10 → 2.1.0

package/CHANGELOG.md

@@ -5,6 +5,237 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.1.0] - 2026-05-24
+
+### Added
+
+- add macOS Tahoe components, update demo pages, and improve theming
+- update MCP server resources, tools, generation, and agentic capabilities
+- add HTTP transport, auth, Docker + CI/CD (Plan D)
+- add resources, prompts + distribution config (Plan C)
+- add generation tools + theme registry (Plan B)
+- add MCP foundation — core + component discovery (Plan A)
+- rewrite settings drawer with visual color editor
+- extend color presets, BackgroundVariant, and theme store
+- add clean layout variants for Sonoma and Tahoe
+- add ThemeBackground component and background variants CSS
+- add macOS Tahoe and Sonoma demo sections with playground examples
+- add macOS Tahoe components, ColorCard, FeatureCard and theme variants
+- add macOS Tahoe styles and update base CSS utilities
+- sticky header, resizable columns, border fixes & theme improvements
+- add macOS Tahoe showcase pages and Sonoma split
+- add MacOSTahoeDockLayout and update component integrations
+- add Tahoe components suite
+- reorganize CSS into sonoma/ and tahoe/ subdirectories
+- add macOS showcase sections and update demo components
+- add data-tucu attributes to UI components
+- update theme store, config, and providers
+- add MacOSSonomaLayout and MacOSTahoeLayout
+- add macOS components (toolbar, background, command-palette, window, sidebar)
+- implement Sonoma & Tahoe CSS overrides
+- add Inter and JetBrains Mono variable fonts
+- other changes
+- implement tahoe 26 design system
+- update demo documentation for macOS Tahoe components
+- update UI components for macOS Tahoe design language
+- refactor all input components with macOS-aware styling helpers
+- add macOS Tahoe variant to theme system
+- implement macOS Sonoma 14 design system — Fases A-D
+- add MacOS Showcase route to menu items
+- add macOS component showcase page with all 8 sections
+- implement Sonoma widget system and macOS layout
+- add macOS theme variant as a switchable color scheme
+- apply macOS/Apple design system tokens (v2)
+- add charts system with 6 chart components
+- add new UI components
+- component improvements, Storybook removal, docs refactor & build optimization
+- add 2.0.0 version - mfe support
+- update input components
+- update storybook
+- publish tucu-ui beta version
+- update ui documentation
+- upgrade tucu-ui
+- update text classes
+- update tw utilities
+- update tucu-ui tw classes
+- add collapse classname prop
+- improve mobile actions
+- add test-lib app for testing lib purposes
+- color system fixed
+- improve code-block component
+- migrate to pnpm
+- update layout config
+- update favicon 3 demo app
+- update favicon 2 demo app
+- update favicon demo app
+- update redirect demo app
+- update demo app
+- resolve dependecies
+- clean dependencies, add tailwind styles compatibility
+- publish documetation
+- update package
+- migrate to tailwind v4
+
+### Changed
+
+- release @e-burgos/tucu-ui-mcp@0.4.2
+- update publish skill and mcp publish script
+- release @e-burgos/tucu-ui-mcp@0.4.1
+- update agents, skills, README, and add prompt docs
+- update workspace config, dependencies, and add publish scripts
+- update menu items, eslint config, and vite setup
+- clean up .cursor config and remove deprecated skills
+- add MCP agentic server spec and aligned plans
+- bump @e-burgos/tucu-ui dependency to ^2.0.11
+- bump version to 2.0.11 and update CHANGELOG
+- migrate demo pages to theme tokens + add BackgroundsSection
+- migrate macOS components to theme tokens
+- migrate border classes to border-border token
+- wrap all layout variants with ThemeBackground
+- bump version to 2.0.9
+- add utility scripts for demo section generation
+- update routing, redirects and menu items
+- update dependencies, config and skill docs
+- update READMEs with macOS Tahoe design system and 5 layouts
+- add version 2.0.9 entry with macOS Tahoe changes
+- update agent skills and IDE config files
+- replace zip assets with extracted SVG files for Dock and Menu Bar
+- update test-lib menu items and eslint config
+- remove unused image assets from library
+- update macOS Tahoe spec, plan, and resource files
+- update skills, agents, and copilot instructions
+- implement macOS Tahoe (Sequoia 15) CSS design tokens
+- add dependencies required by macOS Tahoe design system demo
+- add spec and plan for macOS Tahoe (Sequoia 15) design system
+- add v2.0.8 changelog and update README import-order notes
+- bump version to 2.0.8, update dependencies and build config
+- update breakpoints in MFE and standalone examples
+- replace custom breakpoints in theme pages and providers
+- replace custom breakpoints with arbitrary values
+- update dependencies, tooling, and documentation
+- add charts demo page and new component sections
+- remove @headlessui/react dependency
+- modal and drawer components
+- gitignore
+- new tucu-ui version
+- nx version
+- resolve tailwind 3
+- update lib
+- update lib
+- add tucutable project
+
+### Fixed
+
+- add clean layout types and default backgroundVariant to none
+- fix border color variables and remove circular references
+- fix dropdown clipping in default theme
+- rewrite with fixed positioning strategy
+- update lockfile to use npm registry for tucu-ui
+- use npm registry version for demo deploy on Netlify
+- update auth forms, layouts, menus and misc components
+- update line tokens to neutral gray scale for light/dark mode
+- resolve tucu-ui build errors and add macOS to test-lib
+- align macOS tokens with official Apple system color values
+- update color references, breakpoints, and improve ToC button
+- update hardcoded gray hex values to match new palette
+- remove @theme namespace collisions and align gray palette with Tailwind v4
+- component improvements and bug fixes
+- layout components
+- demo build
+- tucu-ui router system
+- resolve arbitrary values
+- resolve responsive layout
+- minor fix
+## [2.0.11] - 2026-05-22
+
+### Added
+
+- **`ThemeBackground` Component**: New unified background component replacing `MacOSBackground`
+  - 10 background variants: `none`, `base`, `sonoma`, `radial`, `aurora`, `depth`, `demo`, `window`, `wave`, `wallpaper`, `mobile`
+  - CSS-class-driven variants with CDN-hosted SVG assets for `wave`, `wallpaper`, and `mobile`
+  - `getBackgroundUrl()` helper for direct SVG asset URLs
+- **`default-backgrounds.css`**: New CSS file with all background variant styles (276 lines)
+- **Clean Layout Variants**: Two new layout options for minimal content-only rendering
+  - `MacOSSonomaCleanLayout`: Sonoma with only background + content (no sidebar/toolbar)
+  - `MacOSTahoeCleanLayout`: Tahoe with only background + content (no sidebar/toolbar)
+  - New `LAYOUT_OPTIONS.MACOS_CLEAN` and `LAYOUT_OPTIONS.MACOS_TAHOE_CLEAN` enum values
+- **BackgroundPicker**: New unified Settings panel section available across all three themes
+  - 11-option grid (None, Base, Sonoma, Radial, Wave, Wallpaper, Mobile, Window, Aurora, Depth, Demo)
+  - Replaces previous Tahoe-only `TahoeBackgroundPicker`
+- **Settings Drawer — Visual Color Editor**:
+  - `ColorSwatchModal`: Full-featured color picker with preset grid, native color input, opacity slider, and mode switcher
+  - `ColorDot`: Compact swatch trigger replacing the old Select-based ColorSwitcher
+  - Replaces old `Select`-based `ColorSwitcher` with a more compact, visual interface
+- **Extended Color Presets**: 12 new preset categories in theme store
+  - `successPreset` / `darkSuccessPreset`, `warningPreset` / `darkWarningPreset`
+  - `errorPreset` / `darkErrorPreset`, `infoPreset` / `darkInfoPreset`
+  - `fgPreset` / `darkFgPreset`, `borderPreset` / `darkBorderPreset`
+- **`useThemeColor` expanded**: Now applies status colors, foreground, and border to DOM via `setProperty()`
+- **`ThemeWrapper` expanded**: Supports all 24 color palette slots + new `background` prop
+- **`BackgroundVariant` type** exported from `use-theme.tsx` (11 options)
+- **Backgrounds Documentation**: New `BackgroundsSection` demo page with interactive previews and props table
+- **Layout Switcher for Sonoma**: Now shows macOS + Clean options (previously hidden)
+- **Layout Switcher for Tahoe**: Expanded to 3 columns (Sidebar, Dock, Clean)
+- **ListContainer `closeDelay` prop**: Configurable delay before closing dropdown on mouse leave
+
+### Changed
+
+- **Renamed**: `MacOSBackground` → `ThemeBackground`, `getMacOSBackgroundUrl` → `getBackgroundUrl`
+- **`backgroundVariant` store default**: Changed from `'base'` to `'radial'`
+- **`restoreDefaultColors`**: Now theme-aware — resets to different defaults per `colorScheme`:
+  - `'macos-tahoe'`: Glass Neutral bundle + radial background
+  - `'macos'`: Sonoma presets + sonoma background
+  - `'default'`: Default presets + no background
+- **`applyMacOSTheme`**: Now also sets `backgroundVariant: 'sonoma'`
+- **`applyMacOSTahoeTheme`**: Now also sets `backgroundVariant: 'radial'`
+- **`applyDefaultTheme`**: Now also sets `backgroundVariant: 'none'`
+- **`applyThemeStyle`**: Sets appropriate background variant per theme style
+- **Settings Drawer structure**: All themes share `DefaultColorSettings` + `BackgroundPicker` sections
+- **`settings-button.tsx`**: Now reads all 24 color slots for theme detection
+- **`THEME_STYLE_LAYOUTS`**: Added `MACOS_CLEAN` and `MACOS_TAHOE_CLEAN` to valid layouts
+- **`ListContainer` Rewrite**: Replaced CSS-relative positioning with fixed positioning strategy (same as `Select`)
+  - Uses `getBoundingClientRect()` for viewport-relative dropdown placement
+  - Supports `position`, `align`, drop-up detection, and overflow prevention
+  - Hover trigger uses configurable `closeDelay` with timer-based open/close
+- **`HorizontalNavMenu`**: Migrated text color classes from `text-gray-600 dark:text-gray-300` → `text-foreground/60`; dropdown gets `z-50` and `border-border`
+- **`HorizontalHeader`**: Added `min-w-0` and `overflow-visible` for proper dropdown rendering; border uses `border-border` token
+- **Root Layout (`LayoutType`)**: All layout variants wrapped in `<ThemeBackground>` for unified background rendering
+- **Demo pages**: Migrated all border classes from `border-gray-200 dark:border-gray-700` → `border-border`
+  - Updated: MacOSBackgroundsSection, MacOSColorsSection, MacOSMaterialsSection, MacOSTextStylesSection, TahoeLayoutContentSection, TahoeLayoutSidebarSection, TahoeToolbarSection, BackgroundUtilities, Colors, EffectsUtilities, FiltersUtilities, TablesUtilities, TypographyUtilities, AccessibilityUtilities
+- **Input Components**: Migrated border classes to use `border-border` token
+  - Updated: Checkbox, FileInput, Input, PinCode, Radio, Select, Switch, Textarea, InputSearcher
+
+### Fixed
+
+- **Horizontal Nav Dropdown Clipping**: Fixed dropdowns not showing on hover in Default theme horizontal layout
+  - Root cause: `overflow-hidden` on parent containers clipped absolutely-positioned dropdowns
+  - Solution: Changed to `overflow-visible` on nav container and added `min-w-0` for flex children
+- **ListContainer Dropdown Clipping**: Fixed dropdown cut off by parent overflow containers
+  - Rewrote to use `position: fixed` + `getBoundingClientRect()` (same strategy as Select)
+  - Dropdown no longer depends on parent overflow/z-index context
+- **ListContainer Initial Render Position**: Fixed dropdown briefly appearing in wrong position before hover
+  - When closed, dropdown uses `visibility: hidden` + `pointer-events: none` inline style
+- **ListContainer Close Animation**: Fixed strange "fly away" animation when dropdown closes
+  - Changed from `transition-all` to `transition-opacity` to prevent position properties from animating
+- **Border Color Settings**: Fixed `--color-border` not updating when changing the Border color in the Settings panel
+  - `--color-border` now references `--color-semantic-line-primary-subtle` (with `color-mix()` fallback) instead of a hardcoded formula
+  - The `useThemeColor` hook correctly updates `--color-semantic-line-primary-subtle` which propagates to `border-border` Tailwind class
+- **Sonoma Circular CSS Reference**: Fixed `--macos-separator` ↔ `--color-border` ↔ `--color-semantic-line-primary-subtle` circular dependency
+  - Inverted dependency: `--color-semantic-line-primary-subtle` now holds the concrete value, `--macos-separator` derives from it
+  - All three themes (Default, Sonoma, Tahoe) use consistent `color-mix()` formulas for borders
+- **Restore Theme Border Presets**: Fixed "Restore Theme" button not resetting border colors
+  - Added `borderPreset` and `darkBorderPreset` to `buildSonomaPresets()` and `buildTahoePresets()`
+  - Default border preset values now use `color-mix(in oklab, var(--color-black) 10%, transparent)` (light) and `color-mix(in oklab, var(--color-white) 8%, transparent)` (dark)
+- **InfoCard Key Warning**: Fixed React "Each child in a list should have a unique key prop" warning in footer tags rendering
+- **Tahoe section border typo**: Fixed `border-borderrounded-2xl` → `border-border rounded-2xl` in MacOSTahoeSection
+
+### Removed
+
+- **`MacOSBackground`**: Replaced by unified `ThemeBackground` component
+- **`getMacOSBackgroundUrl`**: Replaced by `getBackgroundUrl`
+- **`TahoeBackgroundPicker`**: Replaced by shared `BackgroundPicker` available in all themes
+- **`ColorSwitcher` (old Select-based)**: Replaced by `ColorDot` + `ColorSwatchModal`
+
 ## [2.0.10] - 2026-05-22
 
 ### Added