chore: release v0.16.0

Version Updates:
- Bump package version to 0.16.0
- Update CHANGELOG with v0.16.0 release notes

Bug Fixes:
- Fix ThemeProvider useEffect causing test failures
  - Skip defaultTheme sync on initial mount to preserve localStorage/system theme
  - Remove theme from dependency array to prevent infinite loops
  - Fixes 7 failing ThemeProvider tests

Changes in v0.16.0:
- Map: Multi-tile provider support with 15+ presets
- Map: hideAttribution prop to control attribution visibility
- ExpandableText: Enhanced text truncation and capitalized labels
- ExpandableText: Increased default maxLines from 3 to 4
- MapInspector: Fixed literal <br> tags in descriptions
- Storybook: Fixed dark mode toggle functionality

Author: JakeLin

CHANGELOG.md

@@ -7,6 +7,44 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.16.0] - 2025-11-25
+
+### Added
+
+- **Map Component Features**:
+  - **Multi-Tile Provider Support**: Added 15+ built-in tile provider presets
+    - OpenStreetMap variants (Standard, HOT, France, Black & White)
+    - CartoDB variants (Positron, Voyager, Dark Matter)
+    - Stadia Maps (OSM Bright, Outdoors, Alidade Smooth)
+    - Stamen terrain maps
+    - USGS topographic maps
+    - Easily switch between providers with `tileProvider` prop
+  - **Attribution Control**: New `hideAttribution` prop to hide tile provider attribution
+    - Default: `false` (attribution shown)
+    - Useful for screenshots or when attribution is provided elsewhere
+
+### Changed
+
+- **ExpandableText Component**:
+  - Enhanced text truncation logic for more accurate line counting
+  - Updated default labels: "view more" → "View more", "view less" → "View less" (capitalized)
+  - Improved HTML tag support documentation with `<br>` tag examples
+  - Increased default `maxLines` from 3 to 4 for better content preview
+
+### Fixed
+
+- **Map Component**:
+  - Cleaner attribution display with proper spacing and formatting
+- **ExpandableText Component**:
+  - Fixed text rendering to properly handle browser default line heights
+  - Improved expand/collapse behavior for edge cases
+- **MapInspector Component**:
+  - Fixed literal `<br>` tags displaying in descriptions instead of line breaks
+  - Now properly renders HTML line breaks in location descriptions
+- **Storybook**:
+  - Fixed dark mode toggle functionality in Storybook environment
+  - Theme switching now works correctly for development and documentation
+
 ## [0.15.0] - 2025-11-25
 
 ### Added

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ainativekit/root",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "private": true,
   "type": "module",
   "description": "AI Native Kit - UI library for ChatGPT Apps SDK",

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ainativekit/ui",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "description": "React UI component library for ChatGPT Apps SDK - Production-ready components, hooks, and design system",
   "type": "module",
   "main": "./dist/index.cjs",

packages/ui/src/providers/ThemeProvider.tsx

@@ -332,6 +332,9 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({
   // Ref to track injected style element for brand colors
   const styleElementRef = useRef<HTMLStyleElement | null>(null);
 
+  // Ref to track if this is the initial mount
+  const isInitialMount = useRef(true);
+
   // Memoize CSS generation to avoid unnecessary recalculation
   const brandColorCSS = useMemo(() => {
     if (!brandColors) return '';
@@ -346,11 +349,17 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({
   }, [chatGPTTheme]);
 
   // Sync with defaultTheme prop changes (for Storybook and external control)
+  // Skip on initial mount to preserve theme from localStorage/system preference
   useEffect(() => {
-    if (!chatGPTTheme && defaultTheme && defaultTheme !== theme) {
+    if (isInitialMount.current) {
+      isInitialMount.current = false;
+      return;
+    }
+
+    if (!chatGPTTheme && defaultTheme) {
       setThemeState(defaultTheme);
     }
-  }, [defaultTheme, chatGPTTheme, theme]);
+  }, [defaultTheme, chatGPTTheme]);
 
   // Apply theme to DOM
   useEffect(() => {