@zendir/ui 0.1.8 → 0.1.10

package/dist/index.js

@@ -1,33 +1,10 @@
 import { ErrorBoundary, withErrorBoundary } from "./react/shared/ErrorBoundary.js";
 import { Skeleton3D, SkeletonBox, SkeletonCard, SkeletonChart, SkeletonCircle, SkeletonText } from "./react/shared/Skeleton.js";
 import { STATUS_COLORS, addAlpha, clamp, classNames, focusRingStyle, formatAltitude, formatCoordinate, formatCountdown, formatDataRate, formatDecibels, formatDegrees, formatDistance, formatDuration, formatFrequency, formatLatLon, formatNumber, formatPercentage, formatPower, formatTabular, formatTemperature, formatTime, formatUTC, formatVelocity, getStatusColor, getStatusFromValue, getStatusSeverity, getWorstStatus, isStatusLevel, isValidNumber, lerp, mapRange, normalizeStatus, safeAccentText, safeNumber, tabularNumsStyle, transitions, withNullSafety } from "./react/utils/index.js";
-import { SpacecraftCard } from "./react/cards/SpacecraftCard.js";
-import { TelemetryCard } from "./react/cards/TelemetryCard.js";
-import { AccessCard } from "./react/cards/AccessCard.js";
-import { OrbitCard } from "./react/cards/OrbitCard.js";
-import { TelemetryStreamCard } from "./react/cards/TelemetryStreamCard.js";
-import { EclipseTimerCard } from "./react/visualizations/EclipseTimerCard.js";
-import { NavBallCard } from "./react/visualizations/NavBallCard.js";
-import { LinkBudgetCard } from "./react/visualizations/LinkBudgetCard.js";
-import { ThermalHeatmapCard } from "./react/visualizations/ThermalHeatmapCard.js";
-import { PropulsionCard } from "./react/visualizations/PropulsionCard.js";
-import { SensorFootprintCard } from "./react/visualizations/SensorFootprintCard.js";
-import { EarthViewer } from "./react/3d/EarthViewer.js";
-import { SolarSystemViewer } from "./react/3d/SolarSystemViewer.js";
-import { useZendirSession } from "./react/hooks/useZendirSession.js";
-import { useTelemetry } from "./react/hooks/useTelemetry.js";
-import { useSpacecraftPosition } from "./react/hooks/useSpacecraftPosition.js";
 import { useCompactMode } from "./react/hooks/useCompactMode.js";
-import { isInChatGPT, useCallTool, useChatGPTTheme, useDisplayMode, useIntrinsicHeight, useLocale, useMaxHeight, useOpenAiGlobal, useOpenExternal, useSendMessage, useToolInput, useToolOutput, useWidgetState } from "./react/chatgpt/index.js";
-import { AppCard, ChatGPTCard } from "./react/chatgpt/AppCard.js";
 import { PLANETS, auToKm, estimateOrbitalPeriod, estimateOrbitalVelocity, getPlanet, normalizePlanetName } from "./react/types.js";
-import { ASTRO_DATA_VIZ_COLORS, STATUS_COLORS as STATUS_COLORS2, calculateAxisBounds, createAreaGradient, createAstroEChartsTheme, formatTimeLabel, formatValueWithUnit, getSeriesColor } from "./react/charts/unified/theme.js";
-import { ASTRO_ICON_NAMES, AstroIcon, getAllIconNames, getAstroIconNames, getIconAliases, isAstroIconsAvailable, isIconAlias, preloadAstroIcons } from "./react/core/AstroIcon.js";
 import { ActivityPlanner } from "./react/core/ActivityPlanner.js";
-import { AntennaPattern3DChart, AttitudeChart, AttitudeHistory3DChart, Bar3DChart, ConjunctionAssessment3DChart, ConjunctionChart, ConstellationCoverageChart, ContactWindowChart, DopplerTrackChart, EclipseTimelineChart, HeliocentricOrbitPlot, LaunchCorridor3DChart, Lines3DChart, LinkBudgetChart, LinkMarginChart, ManeuverBudgetChart, OrbitChart, PowerChart, RoseDiagram, Scatter3DChart, SpectrumChart, SphericalRadar3DChart, SubsystemGauge, Surface3DChart, ThermalHeatmapChart, TransferOrbit3DChart, WaterfallChart } from "./react/charts/unified/domain.js";
 import { AppBar } from "./react/core/AppBar.js";
-import { AreaChart, BarChart, BubbleChart, CandlestickChart, DonutChart, DualAxisChart, GaugeChart, GraphChart, HeatmapChart, HistogramChart, LineChart, ParallelChart, PieChart, RadarChart, SankeyChart, ScatterChart, StackedAreaChart, StackedBarChart, SunburstChart, TimeSeriesChart, TreemapChart } from "./react/charts/unified/presets.js";
-import { AstroChart } from "./react/charts/unified/AstroChart.js";
 import { BREAKPOINTS, useBreakpoint } from "./react/core/layout/useBreakpoint.js";
 import { Badge } from "./react/core/Badge.js";
 import { Body1, Body2, Body3, Compact, DataText, Display1, Display2, FONT_FAMILY_MONO, FONT_FAMILY_PRIMARY, FONT_WEIGHTS, H1, H2, H3, H4, H5, H6, Label, Micro, Mono, Typography } from "./react/core/Typography.js";
@@ -51,13 +28,11 @@ import { DataValue, DataValueGroup } from "./react/core/DataValue.js";
 import { Dialog } from "./react/core/Dialog.js";
 import { DisplaySettingsProvider, GLASS_TINTS, PRESET_COLORS, getEffectiveCompactMode, useDisplaySettings, useDisplaySettingsOptional } from "./react/context/DisplaySettingsContext.js";
 import { Divider } from "./react/core/layout/Divider.js";
-import { EARTH_RADIUS_KM, KM_TO_SCENE, SCENE_EARTH_RADIUS, calculateVisibilityConeGeometry, cartesianToLatLonAlt, generateHexGrid, generateOrbitPath, latLonAltToCartesian, parseTLE, propagateSGP4Simple, propagateSatellite } from "./react/3d/ZenSpace3DUtils.js";
 import { FileExplorer } from "./react/core/FileExplorer.js";
 import { Flex } from "./react/core/layout/Flex.js";
 import { GLASS_COLOR_OVERLAYS, GlassCard } from "./react/core/GlassCard.js";
 import { GlobalStatusBar } from "./react/astro/GlobalStatusBar.js";
 import { Grid } from "./react/core/layout/Grid.js";
-import { GroundTrackMap } from "./react/charts/GroundTrackMap.js";
 import { HStack, Stack, VStack } from "./react/core/layout/Stack.js";
 import { HeaderIconWithStatus } from "./react/core/HeaderIconWithStatus.js";
 import { HexViewer, REGION_BORDER_COLORS, REGION_COLORS } from "./react/core/HexViewer.js";
@@ -77,7 +52,6 @@ import { NumberInput } from "./react/core/NumberInput.js";
 import { PacketViewer } from "./react/core/PacketViewer.js";
 import { Pagination } from "./react/core/Pagination.js";
 import { PinInput } from "./react/core/PinInput.js";
-import { PowerOverviewChart, generateSamplePowerData } from "./react/charts/unified/PowerOverviewChart.js";
 import { Progress } from "./react/astro/Progress.js";
 import { Select } from "./react/core/Select.js";
 import { SideNav } from "./react/core/SideNav.js";
@@ -90,50 +64,28 @@ import { UnifiedTimeline } from "./react/astro/UnifiedTimeline.js";
 import { ToastProvider, useToast, useToastManager } from "./react/core/Toast.js";
 import { Toggle } from "./react/core/Toggle.js";
 import { Tooltip } from "./react/core/Tooltip.js";
-import { ZenSpace3D } from "./react/3d/ZenSpace3D.js";
-import { ZenSpace3DCesium } from "./react/3d/ZenSpace3DCesium.js";
-import { atmosphereFragmentShader, atmosphereVertexShader, starsFragmentShader, starsVertexShader } from "./react/3d/ZenSpace3DShaders.js";
-import { dispatchToGroup, exportGroupAsCSV, exportGroupAsImages, getGroupCharts, hideGroupTooltip, resetGroupZoom, showGroupTooltip, syncZoomRange, useChartSync } from "./react/charts/unified/sync.js";
-import { generateAttitudeData, generateConjunctionEvents, generateConstellationCoverage, generateContactWindows, generateDopplerData, generateEclipseTimeline, generateHeliocentricOrbits, generatePowerData, generateSpectrum, generateWaterfallData } from "./react/charts/unified/generators.js";
 import { resolveResponsive, resolveSpacing } from "./react/core/layout/responsive.js";
-import { useChartStream, useWebSocketStream } from "./react/charts/unified/useChartStream.js";
 export {
-  ASTRO_DATA_VIZ_COLORS,
-  ASTRO_ICON_NAMES,
-  AccessCard,
   ActivityPlanner,
-  AntennaPattern3DChart,
   AppBar,
-  AppCard,
-  AreaChart,
-  AstroChart,
-  AstroIcon,
-  AttitudeChart,
-  AttitudeHistory3DChart,
   BREAKPOINTS,
   Badge,
-  Bar3DChart,
-  BarChart,
   Body1,
   Body2,
   Body3,
   Box,
-  BubbleChart,
   Button,
   CARD_ACCENT_COLORS,
   CATEGORY_ICONS,
   CATEGORY_LABELS,
-  STATUS_COLORS2 as CHART_STATUS_COLORS,
   CHAT_RESPONSE_JSON_PROMPT,
   CHAT_RESPONSE_MCP_TOOL,
   CHAT_RESPONSE_TOOL_SCHEMA,
   CHAT_RESPONSE_YAML_PROMPT,
   CHAT_STATUS_RULES_PROMPT,
-  CandlestickChart,
   CardAccentProvider,
   CardHeader,
   Center,
-  ChatGPTCard,
   ChatPanel,
   Checkbox,
   ClassificationBanner,
@@ -142,11 +94,7 @@ export {
   Compact,
   ConfirmDialog,
   ConfirmProvider,
-  ConjunctionAssessment3DChart,
-  ConjunctionChart,
   ConnectionForm,
-  ConstellationCoverageChart,
-  ContactWindowChart,
   Container,
   CopyButton,
   DataTable,
@@ -159,13 +107,6 @@ export {
   Display2,
   DisplaySettingsProvider,
   Divider,
-  DonutChart,
-  DopplerTrackChart,
-  DualAxisChart,
-  EARTH_RADIUS_KM,
-  EarthViewer,
-  EclipseTimelineChart,
-  EclipseTimerCard,
   ErrorBoundary,
   FONT_FAMILY_MONO,
   FONT_FAMILY_PRIMARY,
@@ -174,12 +115,9 @@ export {
   Flex,
   GLASS_COLOR_OVERLAYS,
   GLASS_TINTS,
-  GaugeChart,
   GlassCard,
   GlobalStatusBar,
-  GraphChart,
   Grid,
-  GroundTrackMap,
   H1,
   H2,
   H3,
@@ -188,24 +126,13 @@ export {
   H6,
   HStack,
   HeaderIconWithStatus,
-  HeatmapChart,
-  HeliocentricOrbitPlot,
   HexViewer,
-  HistogramChart,
   Icon,
   ImageGallery,
   Input,
-  KM_TO_SCENE,
   Label,
-  LaunchCorridor3DChart,
   LimitsBar,
-  LineChart,
-  Lines3DChart,
-  LinkBudgetCard,
-  LinkBudgetChart,
-  LinkMarginChart,
   LogViewer,
-  ManeuverBudgetChart,
   Menu,
   MessageStream,
   Micro,
@@ -214,36 +141,21 @@ export {
   MissionClock,
   MonitoringIcon,
   Mono,
-  NavBallCard,
   Notification,
   NumberInput,
-  OrbitCard,
-  OrbitChart,
   PLANETS,
   PRESET_COLORS,
   PROPERTY_PRESETS,
   PacketViewer,
   Pagination,
-  ParallelChart,
-  PieChart,
   PinInput,
   Popover,
-  PowerChart,
-  PowerOverviewChart,
   Progress,
-  PropulsionCard,
   REGION_BORDER_COLORS,
   REGION_COLORS,
-  RadarChart,
-  RoseDiagram,
-  SCENE_EARTH_RADIUS,
   SPACE_SYSTEM_COLORS,
   STATUS_COLORS,
-  SankeyChart,
-  Scatter3DChart,
-  ScatterChart,
   Select,
-  SensorFootprintCard,
   SideNav,
   SidePanel,
   SimulationControls,
@@ -254,56 +166,27 @@ export {
   SkeletonChart,
   SkeletonCircle,
   SkeletonText,
-  SolarSystemViewer,
-  SpacecraftCard,
   Spacer,
-  SpectrumChart,
-  SphericalRadar3DChart,
   Stack,
-  StackedAreaChart,
-  StackedBarChart,
   StatusIndicator,
-  SubsystemGauge,
-  SunburstChart,
-  Surface3DChart,
   Tabs,
-  TelemetryCard,
-  TelemetryStreamCard,
   ThemeProvider,
-  ThermalHeatmapCard,
-  ThermalHeatmapChart,
-  TimeSeriesChart,
   UnifiedTimeline as Timeline,
   ToastProvider,
   Toggle,
   Tooltip,
-  TransferOrbit3DChart,
-  TreemapChart,
   Typography,
   VStack,
-  WaterfallChart,
-  ZenSpace3D,
-  ZenSpace3DCesium,
   addAlpha,
-  atmosphereFragmentShader,
-  atmosphereVertexShader,
   auToKm,
-  calculateAxisBounds,
-  calculateVisibilityConeGeometry,
-  cartesianToLatLonAlt,
   clamp,
   classNames,
-  createAreaGradient,
-  createAstroEChartsTheme,
   createChatResponseParser,
   createPropertyConfig,
   deriveBatteryStatus,
   deriveStatus,
-  dispatchToGroup,
   estimateOrbitalPeriod,
   estimateOrbitalVelocity,
-  exportGroupAsCSV,
-  exportGroupAsImages,
   focusRingStyle,
   formatAltitude,
   formatCoordinate,
@@ -323,98 +206,46 @@ export {
   formatTabular,
   formatTemperature,
   formatTime,
-  formatTimeLabel,
   formatUTC,
-  formatValueWithUnit,
   formatVelocity,
-  generateAttitudeData,
-  generateConjunctionEvents,
-  generateConstellationCoverage,
-  generateContactWindows,
-  generateDopplerData,
-  generateEclipseTimeline,
-  generateHeliocentricOrbits,
-  generateHexGrid,
-  generateOrbitPath,
-  generatePowerData,
-  generateSamplePowerData,
-  generateSpectrum,
-  generateWaterfallData,
   getAccentColorOptions,
-  getAllIconNames,
-  getAstroIconNames,
   getEffectiveCompactMode,
-  getGroupCharts,
-  getIconAliases,
   getIconNames,
   getPlanet,
   getPropertiesByCategory,
   getPropertyConfig,
-  getSeriesColor,
   getStatusColor,
   getStatusFromValue,
   getStatusSeverity,
   getSystemAccentColor,
   getWorstStatus,
-  hideGroupTooltip,
-  isAstroIconsAvailable,
-  isIconAlias,
-  isInChatGPT,
   isStatusLevel,
   isValidIconName,
   isValidNumber,
-  latLonAltToCartesian,
   lerp,
   mapRange,
   normalizePlanetName,
   normalizeStatus,
   parseChatResponse,
   parseMcpToolResult,
-  parseTLE,
-  preloadAstroIcons,
-  propagateSGP4Simple,
-  propagateSatellite,
-  resetGroupZoom,
   resolveResponsive,
   resolveSpacing,
   safeAccentText,
   safeNumber,
-  showGroupTooltip,
-  starsFragmentShader,
-  starsVertexShader,
-  syncZoomRange,
   tabularNumsStyle,
   transitions,
   useBreakpoint,
-  useCallTool,
   useCardAccent,
-  useChartStream,
-  useChartSync,
-  useChatGPTTheme,
   useCompactMode,
   useConfirm,
   useCopyToClipboard,
-  useDisplayMode,
   useDisplaySettings,
   useDisplaySettingsOptional,
-  useIntrinsicHeight,
-  useLocale,
-  useMaxHeight,
-  useOpenAiGlobal,
-  useOpenExternal,
   useScrollbarStyles,
-  useSendMessage,
-  useSpacecraftPosition,
-  useTelemetry,
   useTheme,
   useThemeTokens,
   useToast,
   useToastManager,
-  useToolInput,
-  useToolOutput,
-  useWebSocketStream,
-  useWidgetState,
-  useZendirSession,
   withErrorBoundary,
   withNullSafety
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/react/context/DisplaySettingsContext.js

@@ -146,23 +146,11 @@ function getEffectiveCompactMode(propValue, contextValue) {
   if (contextValue !== void 0) return contextValue;
   return false;
 }
-function useCardBorderStyle(tokens, isTransparentTheme) {
-  const displaySettings = useDisplaySettingsOptional();
-  const accentBorders = (displaySettings == null ? void 0 : displaySettings.accentBorders) ?? true;
-  if (!isTransparentTheme) {
-    return tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` };
-  }
-  if (accentBorders) {
-    return tokens.colors.border.cardStyle ?? {};
-  }
-  return { border: "1px solid rgba(255, 255, 255, 0.08)" };
-}
 export {
   DisplaySettingsProvider,
   GLASS_TINTS,
   PRESET_COLORS,
   getEffectiveCompactMode,
-  useCardBorderStyle,
   useDisplaySettings,
   useDisplaySettingsOptional
 };

package/dist/react/context/DisplaySettingsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplaySettingsContext.js","sources":["../../../src/react/context/DisplaySettingsContext.tsx"],"sourcesContent":["/**\n * @zendir/ui - DisplaySettingsContext\n * \n * Centralized context for app-wide display preferences.\n * Controls compact mode, accent colors, glass tint, and other display settings.\n * \n * Features:\n * - Compact mode toggle (affects all cards globally)\n * - Accent color selection (for card accents)\n * - Glass tint selection (for transparent themes)\n * - Color target control (both, accent-only, glass-only)\n * - LocalStorage persistence\n * \n * @example\n * ```tsx\n * import { DisplaySettingsProvider, useDisplaySettings } from '@zendir/ui';\n * \n * // Wrap your app\n * <DisplaySettingsProvider>\n *   <App />\n * </DisplaySettingsProvider>\n * \n * // Use in components\n * function MyCard() {\n *   const { compactMode, accentColor } = useDisplaySettings();\n *   return <Card compact={compactMode} />;\n * }\n * ```\n */\n\nimport React, { createContext, useContext, useState, useCallback, useMemo, useEffect, type ReactNode } from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ColorTarget = 'both' | 'accent' | 'glass';\n\nexport interface DisplaySettings {\n  /** Global compact mode - affects all cards */\n  compactMode: boolean;\n  \n  /** Accent color for cards and UI elements */\n  accentColor: string;\n  \n  /** Glass tint color for transparent themes */\n  glassTint: string;\n  \n  /** Which color setting to apply: both, accent-only, or glass-only */\n  colorTarget: ColorTarget;\n  \n  /** Enable accent-colored borders on cards (for transparent themes) */\n  accentBorders: boolean;\n}\n\nexport interface DisplaySettingsContextValue extends DisplaySettings {\n  /** Set compact mode on/off */\n  setCompactMode: (value: boolean) => void;\n  \n  /** Toggle compact mode */\n  toggleCompactMode: () => void;\n  \n  /** Set accent color */\n  setAccentColor: (color: string) => void;\n  \n  /** Set glass tint color */\n  setGlassTint: (color: string) => void;\n  \n  /** Set which color setting to apply */\n  setColorTarget: (target: ColorTarget) => void;\n  \n  /** Set a color that applies based on current target */\n  setColor: (color: string) => void;\n  \n  /** Set accent borders on/off */\n  setAccentBorders: (value: boolean) => void;\n  \n  /** Toggle accent borders */\n  toggleAccentBorders: () => void;\n  \n  /** Reset all settings to defaults */\n  resetSettings: () => void;\n}\n\n// =============================================================================\n// Preset Colors\n// =============================================================================\n\nexport const PRESET_COLORS = {\n  purple: '#8b5cf6',\n  blue: '#3b82f6',\n  cyan: '#06b6d4',\n  teal: '#14b8a6',\n  green: '#10b981',\n  lime: '#84cc16',\n  amber: '#f59e0b',\n  orange: '#f97316',\n  pink: '#ec4899',\n  red: '#ef4444',\n  slate: '#64748b',\n} as const;\n\nexport const GLASS_TINTS = {\n  ...PRESET_COLORS,\n  clear: 'rgba(255,255,255,0.05)',\n  dark: 'rgba(0,0,0,0.3)',\n} as const;\n\nexport type PresetColorKey = keyof typeof PRESET_COLORS;\nexport type GlassTintKey = keyof typeof GLASS_TINTS;\n\n// =============================================================================\n// Default Values\n// =============================================================================\n\nconst DEFAULT_SETTINGS: DisplaySettings = {\n  compactMode: false,\n  accentColor: PRESET_COLORS.purple,\n  glassTint: PRESET_COLORS.purple,\n  colorTarget: 'both',\n  accentBorders: true,\n};\n\nconst STORAGE_KEY = 'zendir-display-settings';\n\n// =============================================================================\n// Context\n// =============================================================================\n\nconst DisplaySettingsContext = createContext<DisplaySettingsContextValue | null>(null);\n\n// =============================================================================\n// Provider Props\n// =============================================================================\n\nexport interface DisplaySettingsProviderProps {\n  children: ReactNode;\n  \n  /** Initial compact mode state */\n  defaultCompactMode?: boolean;\n  \n  /** Initial accent color */\n  defaultAccentColor?: string;\n  \n  /** Initial glass tint color */\n  defaultGlassTint?: string;\n  \n  /** Initial color target */\n  defaultColorTarget?: ColorTarget;\n  \n  /** Initial accent borders state */\n  defaultAccentBorders?: boolean;\n  \n  /** Enable localStorage persistence (default: true) */\n  persist?: boolean;\n}\n\n// =============================================================================\n// Provider Component\n// =============================================================================\n\nexport function DisplaySettingsProvider({\n  children,\n  defaultCompactMode,\n  defaultAccentColor,\n  defaultGlassTint,\n  defaultColorTarget,\n  defaultAccentBorders,\n  persist = true,\n}: DisplaySettingsProviderProps): React.ReactElement {\n  // Initialize state from localStorage or defaults\n  const [settings, setSettings] = useState<DisplaySettings>(() => {\n    if (persist && typeof window !== 'undefined') {\n      try {\n        const stored = localStorage.getItem(STORAGE_KEY);\n        if (stored) {\n          const parsed = JSON.parse(stored);\n          return {\n            compactMode: parsed.compactMode ?? defaultCompactMode ?? DEFAULT_SETTINGS.compactMode,\n            accentColor: parsed.accentColor ?? defaultAccentColor ?? DEFAULT_SETTINGS.accentColor,\n            glassTint: parsed.glassTint ?? defaultGlassTint ?? DEFAULT_SETTINGS.glassTint,\n            colorTarget: parsed.colorTarget ?? defaultColorTarget ?? DEFAULT_SETTINGS.colorTarget,\n            accentBorders: parsed.accentBorders ?? defaultAccentBorders ?? DEFAULT_SETTINGS.accentBorders,\n          };\n        }\n      } catch {\n        // Ignore parse errors\n      }\n    }\n    \n    return {\n      compactMode: defaultCompactMode ?? DEFAULT_SETTINGS.compactMode,\n      accentColor: defaultAccentColor ?? DEFAULT_SETTINGS.accentColor,\n      glassTint: defaultGlassTint ?? DEFAULT_SETTINGS.glassTint,\n      colorTarget: defaultColorTarget ?? DEFAULT_SETTINGS.colorTarget,\n      accentBorders: defaultAccentBorders ?? DEFAULT_SETTINGS.accentBorders,\n    };\n  });\n  \n  // Persist to localStorage when settings change\n  useEffect(() => {\n    if (persist && typeof window !== 'undefined') {\n      try {\n        localStorage.setItem(STORAGE_KEY, JSON.stringify(settings));\n      } catch {\n        // Ignore storage errors\n      }\n    }\n  }, [settings, persist]);\n  \n  // Setters\n  const setCompactMode = useCallback((value: boolean) => {\n    setSettings(prev => ({ ...prev, compactMode: value }));\n  }, []);\n  \n  const toggleCompactMode = useCallback(() => {\n    setSettings(prev => ({ ...prev, compactMode: !prev.compactMode }));\n  }, []);\n  \n  const setAccentColor = useCallback((color: string) => {\n    setSettings(prev => ({ ...prev, accentColor: color }));\n  }, []);\n  \n  const setGlassTint = useCallback((color: string) => {\n    setSettings(prev => ({ ...prev, glassTint: color }));\n  }, []);\n  \n  const setColorTarget = useCallback((target: ColorTarget) => {\n    setSettings(prev => ({ ...prev, colorTarget: target }));\n  }, []);\n  \n  // Set color based on current target\n  const setColor = useCallback((color: string) => {\n    setSettings(prev => {\n      switch (prev.colorTarget) {\n        case 'accent':\n          return { ...prev, accentColor: color };\n        case 'glass':\n          return { ...prev, glassTint: color };\n        case 'both':\n        default:\n          return { ...prev, accentColor: color, glassTint: color };\n      }\n    });\n  }, []);\n  \n  const setAccentBorders = useCallback((value: boolean) => {\n    setSettings(prev => ({ ...prev, accentBorders: value }));\n  }, []);\n  \n  const toggleAccentBorders = useCallback(() => {\n    setSettings(prev => ({ ...prev, accentBorders: !prev.accentBorders }));\n  }, []);\n  \n  const resetSettings = useCallback(() => {\n    setSettings(DEFAULT_SETTINGS);\n  }, []);\n  \n  // Memoized context value\n  const value = useMemo<DisplaySettingsContextValue>(() => ({\n    ...settings,\n    setCompactMode,\n    toggleCompactMode,\n    setAccentColor,\n    setGlassTint,\n    setColorTarget,\n    setColor,\n    setAccentBorders,\n    toggleAccentBorders,\n    resetSettings,\n  }), [\n    settings,\n    setCompactMode,\n    toggleCompactMode,\n    setAccentColor,\n    setGlassTint,\n    setColorTarget,\n    setColor,\n    setAccentBorders,\n    toggleAccentBorders,\n    resetSettings,\n  ]);\n  \n  return (\n    <DisplaySettingsContext.Provider value={value}>\n      {children}\n    </DisplaySettingsContext.Provider>\n  );\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Access display settings context\n * Must be used within a DisplaySettingsProvider\n */\nexport function useDisplaySettings(): DisplaySettingsContextValue {\n  const context = useContext(DisplaySettingsContext);\n  \n  if (!context) {\n    throw new Error('useDisplaySettings must be used within a DisplaySettingsProvider');\n  }\n  \n  return context;\n}\n\n/**\n * Optional hook that returns null if not within provider\n * Useful for components that should work with or without the provider\n */\nexport function useDisplaySettingsOptional(): DisplaySettingsContextValue | null {\n  return useContext(DisplaySettingsContext);\n}\n\n// =============================================================================\n// Utility Functions\n// =============================================================================\n\n/**\n * Get effective compact mode value\n * Priority: explicit prop > context value > default (false)\n */\nexport function getEffectiveCompactMode(\n  propValue: boolean | undefined,\n  contextValue: boolean | undefined\n): boolean {\n  if (propValue !== undefined) return propValue;\n  if (contextValue !== undefined) return contextValue;\n  return false;\n}\n\n/**\n * Get effective accent borders value\n * Priority: explicit prop > context value > default (true)\n */\nexport function getEffectiveAccentBorders(\n  propValue: boolean | undefined,\n  contextValue: boolean | undefined\n): boolean {\n  if (propValue !== undefined) return propValue;\n  if (contextValue !== undefined) return contextValue;\n  return true;\n}\n\n/**\n * Hook to get card border style based on accentBorders setting\n * Returns the appropriate border style for transparent themes\n */\nexport function useCardBorderStyle(\n  tokens: any,\n  isTransparentTheme: boolean\n): React.CSSProperties {\n  const displaySettings = useDisplaySettingsOptional();\n  const accentBorders = displaySettings?.accentBorders ?? true;\n  \n  if (!isTransparentTheme) {\n    return tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` };\n  }\n  \n  if (accentBorders) {\n    return tokens.colors.border.cardStyle ?? {};\n  }\n  \n  // Fallback to subtle neutral border when accent borders disabled\n  return { border: '1px solid rgba(255, 255, 255, 0.08)' };\n}\n\nexport default DisplaySettingsProvider;\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"DisplaySettingsContext.js","sources":["../../../src/react/context/DisplaySettingsContext.tsx"],"sourcesContent":["/**\n * @zendir/ui - DisplaySettingsContext\n * \n * Centralized context for app-wide display preferences.\n * Controls compact mode, accent colors, glass tint, and other display settings.\n * \n * Features:\n * - Compact mode toggle (affects all cards globally)\n * - Accent color selection (for card accents)\n * - Glass tint selection (for transparent themes)\n * - Color target control (both, accent-only, glass-only)\n * - LocalStorage persistence\n * \n * @example\n * ```tsx\n * import { DisplaySettingsProvider, useDisplaySettings } from '@zendir/ui';\n * \n * // Wrap your app\n * <DisplaySettingsProvider>\n *   <App />\n * </DisplaySettingsProvider>\n * \n * // Use in components\n * function MyCard() {\n *   const { compactMode, accentColor } = useDisplaySettings();\n *   return <Card compact={compactMode} />;\n * }\n * ```\n */\n\nimport React, { createContext, useContext, useState, useCallback, useMemo, useEffect, type ReactNode } from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ColorTarget = 'both' | 'accent' | 'glass';\n\nexport interface DisplaySettings {\n  /** Global compact mode - affects all cards */\n  compactMode: boolean;\n  \n  /** Accent color for cards and UI elements */\n  accentColor: string;\n  \n  /** Glass tint color for transparent themes */\n  glassTint: string;\n  \n  /** Which color setting to apply: both, accent-only, or glass-only */\n  colorTarget: ColorTarget;\n  \n  /** Enable accent-colored borders on cards (for transparent themes) */\n  accentBorders: boolean;\n}\n\nexport interface DisplaySettingsContextValue extends DisplaySettings {\n  /** Set compact mode on/off */\n  setCompactMode: (value: boolean) => void;\n  \n  /** Toggle compact mode */\n  toggleCompactMode: () => void;\n  \n  /** Set accent color */\n  setAccentColor: (color: string) => void;\n  \n  /** Set glass tint color */\n  setGlassTint: (color: string) => void;\n  \n  /** Set which color setting to apply */\n  setColorTarget: (target: ColorTarget) => void;\n  \n  /** Set a color that applies based on current target */\n  setColor: (color: string) => void;\n  \n  /** Set accent borders on/off */\n  setAccentBorders: (value: boolean) => void;\n  \n  /** Toggle accent borders */\n  toggleAccentBorders: () => void;\n  \n  /** Reset all settings to defaults */\n  resetSettings: () => void;\n}\n\n// =============================================================================\n// Preset Colors\n// =============================================================================\n\nexport const PRESET_COLORS = {\n  purple: '#8b5cf6',\n  blue: '#3b82f6',\n  cyan: '#06b6d4',\n  teal: '#14b8a6',\n  green: '#10b981',\n  lime: '#84cc16',\n  amber: '#f59e0b',\n  orange: '#f97316',\n  pink: '#ec4899',\n  red: '#ef4444',\n  slate: '#64748b',\n} as const;\n\nexport const GLASS_TINTS = {\n  ...PRESET_COLORS,\n  clear: 'rgba(255,255,255,0.05)',\n  dark: 'rgba(0,0,0,0.3)',\n} as const;\n\nexport type PresetColorKey = keyof typeof PRESET_COLORS;\nexport type GlassTintKey = keyof typeof GLASS_TINTS;\n\n// =============================================================================\n// Default Values\n// =============================================================================\n\nconst DEFAULT_SETTINGS: DisplaySettings = {\n  compactMode: false,\n  accentColor: PRESET_COLORS.purple,\n  glassTint: PRESET_COLORS.purple,\n  colorTarget: 'both',\n  accentBorders: true,\n};\n\nconst STORAGE_KEY = 'zendir-display-settings';\n\n// =============================================================================\n// Context\n// =============================================================================\n\nconst DisplaySettingsContext = createContext<DisplaySettingsContextValue | null>(null);\n\n// =============================================================================\n// Provider Props\n// =============================================================================\n\nexport interface DisplaySettingsProviderProps {\n  children: ReactNode;\n  \n  /** Initial compact mode state */\n  defaultCompactMode?: boolean;\n  \n  /** Initial accent color */\n  defaultAccentColor?: string;\n  \n  /** Initial glass tint color */\n  defaultGlassTint?: string;\n  \n  /** Initial color target */\n  defaultColorTarget?: ColorTarget;\n  \n  /** Initial accent borders state */\n  defaultAccentBorders?: boolean;\n  \n  /** Enable localStorage persistence (default: true) */\n  persist?: boolean;\n}\n\n// =============================================================================\n// Provider Component\n// =============================================================================\n\nexport function DisplaySettingsProvider({\n  children,\n  defaultCompactMode,\n  defaultAccentColor,\n  defaultGlassTint,\n  defaultColorTarget,\n  defaultAccentBorders,\n  persist = true,\n}: DisplaySettingsProviderProps): React.ReactElement {\n  // Initialize state from localStorage or defaults\n  const [settings, setSettings] = useState<DisplaySettings>(() => {\n    if (persist && typeof window !== 'undefined') {\n      try {\n        const stored = localStorage.getItem(STORAGE_KEY);\n        if (stored) {\n          const parsed = JSON.parse(stored);\n          return {\n            compactMode: parsed.compactMode ?? defaultCompactMode ?? DEFAULT_SETTINGS.compactMode,\n            accentColor: parsed.accentColor ?? defaultAccentColor ?? DEFAULT_SETTINGS.accentColor,\n            glassTint: parsed.glassTint ?? defaultGlassTint ?? DEFAULT_SETTINGS.glassTint,\n            colorTarget: parsed.colorTarget ?? defaultColorTarget ?? DEFAULT_SETTINGS.colorTarget,\n            accentBorders: parsed.accentBorders ?? defaultAccentBorders ?? DEFAULT_SETTINGS.accentBorders,\n          };\n        }\n      } catch {\n        // Ignore parse errors\n      }\n    }\n    \n    return {\n      compactMode: defaultCompactMode ?? DEFAULT_SETTINGS.compactMode,\n      accentColor: defaultAccentColor ?? DEFAULT_SETTINGS.accentColor,\n      glassTint: defaultGlassTint ?? DEFAULT_SETTINGS.glassTint,\n      colorTarget: defaultColorTarget ?? DEFAULT_SETTINGS.colorTarget,\n      accentBorders: defaultAccentBorders ?? DEFAULT_SETTINGS.accentBorders,\n    };\n  });\n  \n  // Persist to localStorage when settings change\n  useEffect(() => {\n    if (persist && typeof window !== 'undefined') {\n      try {\n        localStorage.setItem(STORAGE_KEY, JSON.stringify(settings));\n      } catch {\n        // Ignore storage errors\n      }\n    }\n  }, [settings, persist]);\n  \n  // Setters\n  const setCompactMode = useCallback((value: boolean) => {\n    setSettings(prev => ({ ...prev, compactMode: value }));\n  }, []);\n  \n  const toggleCompactMode = useCallback(() => {\n    setSettings(prev => ({ ...prev, compactMode: !prev.compactMode }));\n  }, []);\n  \n  const setAccentColor = useCallback((color: string) => {\n    setSettings(prev => ({ ...prev, accentColor: color }));\n  }, []);\n  \n  const setGlassTint = useCallback((color: string) => {\n    setSettings(prev => ({ ...prev, glassTint: color }));\n  }, []);\n  \n  const setColorTarget = useCallback((target: ColorTarget) => {\n    setSettings(prev => ({ ...prev, colorTarget: target }));\n  }, []);\n  \n  // Set color based on current target\n  const setColor = useCallback((color: string) => {\n    setSettings(prev => {\n      switch (prev.colorTarget) {\n        case 'accent':\n          return { ...prev, accentColor: color };\n        case 'glass':\n          return { ...prev, glassTint: color };\n        case 'both':\n        default:\n          return { ...prev, accentColor: color, glassTint: color };\n      }\n    });\n  }, []);\n  \n  const setAccentBorders = useCallback((value: boolean) => {\n    setSettings(prev => ({ ...prev, accentBorders: value }));\n  }, []);\n  \n  const toggleAccentBorders = useCallback(() => {\n    setSettings(prev => ({ ...prev, accentBorders: !prev.accentBorders }));\n  }, []);\n  \n  const resetSettings = useCallback(() => {\n    setSettings(DEFAULT_SETTINGS);\n  }, []);\n  \n  // Memoized context value\n  const value = useMemo<DisplaySettingsContextValue>(() => ({\n    ...settings,\n    setCompactMode,\n    toggleCompactMode,\n    setAccentColor,\n    setGlassTint,\n    setColorTarget,\n    setColor,\n    setAccentBorders,\n    toggleAccentBorders,\n    resetSettings,\n  }), [\n    settings,\n    setCompactMode,\n    toggleCompactMode,\n    setAccentColor,\n    setGlassTint,\n    setColorTarget,\n    setColor,\n    setAccentBorders,\n    toggleAccentBorders,\n    resetSettings,\n  ]);\n  \n  return (\n    <DisplaySettingsContext.Provider value={value}>\n      {children}\n    </DisplaySettingsContext.Provider>\n  );\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Access display settings context\n * Must be used within a DisplaySettingsProvider\n */\nexport function useDisplaySettings(): DisplaySettingsContextValue {\n  const context = useContext(DisplaySettingsContext);\n  \n  if (!context) {\n    throw new Error('useDisplaySettings must be used within a DisplaySettingsProvider');\n  }\n  \n  return context;\n}\n\n/**\n * Optional hook that returns null if not within provider\n * Useful for components that should work with or without the provider\n */\nexport function useDisplaySettingsOptional(): DisplaySettingsContextValue | null {\n  return useContext(DisplaySettingsContext);\n}\n\n// =============================================================================\n// Utility Functions\n// =============================================================================\n\n/**\n * Get effective compact mode value\n * Priority: explicit prop > context value > default (false)\n */\nexport function getEffectiveCompactMode(\n  propValue: boolean | undefined,\n  contextValue: boolean | undefined\n): boolean {\n  if (propValue !== undefined) return propValue;\n  if (contextValue !== undefined) return contextValue;\n  return false;\n}\n\n/**\n * Get effective accent borders value\n * Priority: explicit prop > context value > default (true)\n */\nexport function getEffectiveAccentBorders(\n  propValue: boolean | undefined,\n  contextValue: boolean | undefined\n): boolean {\n  if (propValue !== undefined) return propValue;\n  if (contextValue !== undefined) return contextValue;\n  return true;\n}\n\n/**\n * Hook to get card border style based on accentBorders setting\n * Returns the appropriate border style for transparent themes\n */\nexport function useCardBorderStyle(\n  tokens: any,\n  isTransparentTheme: boolean\n): React.CSSProperties {\n  const displaySettings = useDisplaySettingsOptional();\n  const accentBorders = displaySettings?.accentBorders ?? true;\n  \n  if (!isTransparentTheme) {\n    return tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` };\n  }\n  \n  if (accentBorders) {\n    return tokens.colors.border.cardStyle ?? {};\n  }\n  \n  // Fallback to subtle neutral border when accent borders disabled\n  return { border: '1px solid rgba(255, 255, 255, 0.08)' };\n}\n\nexport default DisplaySettingsProvider;\n"],"names":["value"],"mappings":";;AAwFO,MAAM,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AACT;AAEO,MAAM,cAAc;AAAA,EACzB,GAAG;AAAA,EACH,OAAO;AAAA,EACP,MAAM;AACR;AASA,MAAM,mBAAoC;AAAA,EACxC,aAAa;AAAA,EACb,aAAa,cAAc;AAAA,EAC3B,WAAW,cAAc;AAAA,EACzB,aAAa;AAAA,EACb,eAAe;AACjB;AAEA,MAAM,cAAc;AAMpB,MAAM,yBAAyB,cAAkD,IAAI;AAgC9E,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAqD;AAEnD,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,MAAM;AAC9D,QAAI,WAAW,OAAO,WAAW,aAAa;AAC5C,UAAI;AACF,cAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,YAAI,QAAQ;AACV,gBAAM,SAAS,KAAK,MAAM,MAAM;AAChC,iBAAO;AAAA,YACL,aAAa,OAAO,eAAe,sBAAsB,iBAAiB;AAAA,YAC1E,aAAa,OAAO,eAAe,sBAAsB,iBAAiB;AAAA,YAC1E,WAAW,OAAO,aAAa,oBAAoB,iBAAiB;AAAA,YACpE,aAAa,OAAO,eAAe,sBAAsB,iBAAiB;AAAA,YAC1E,eAAe,OAAO,iBAAiB,wBAAwB,iBAAiB;AAAA,UAAA;AAAA,QAEpF;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF;AAEA,WAAO;AAAA,MACL,aAAa,sBAAsB,iBAAiB;AAAA,MACpD,aAAa,sBAAsB,iBAAiB;AAAA,MACpD,WAAW,oBAAoB,iBAAiB;AAAA,MAChD,aAAa,sBAAsB,iBAAiB;AAAA,MACpD,eAAe,wBAAwB,iBAAiB;AAAA,IAAA;AAAA,EAE5D,CAAC;AAGD,YAAU,MAAM;AACd,QAAI,WAAW,OAAO,WAAW,aAAa;AAC5C,UAAI;AACF,qBAAa,QAAQ,aAAa,KAAK,UAAU,QAAQ,CAAC;AAAA,MAC5D,QAAQ;AAAA,MAER;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,OAAO,CAAC;AAGtB,QAAM,iBAAiB,YAAY,CAACA,WAAmB;AACrD,gBAAY,WAAS,EAAE,GAAG,MAAM,aAAaA,SAAQ;AAAA,EACvD,GAAG,CAAA,CAAE;AAEL,QAAM,oBAAoB,YAAY,MAAM;AAC1C,gBAAY,CAAA,UAAS,EAAE,GAAG,MAAM,aAAa,CAAC,KAAK,cAAc;AAAA,EACnE,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAiB,YAAY,CAAC,UAAkB;AACpD,gBAAY,WAAS,EAAE,GAAG,MAAM,aAAa,QAAQ;AAAA,EACvD,GAAG,CAAA,CAAE;AAEL,QAAM,eAAe,YAAY,CAAC,UAAkB;AAClD,gBAAY,WAAS,EAAE,GAAG,MAAM,WAAW,QAAQ;AAAA,EACrD,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAiB,YAAY,CAAC,WAAwB;AAC1D,gBAAY,WAAS,EAAE,GAAG,MAAM,aAAa,SAAS;AAAA,EACxD,GAAG,CAAA,CAAE;AAGL,QAAM,WAAW,YAAY,CAAC,UAAkB;AAC9C,gBAAY,CAAA,SAAQ;AAClB,cAAQ,KAAK,aAAA;AAAA,QACX,KAAK;AACH,iBAAO,EAAE,GAAG,MAAM,aAAa,MAAA;AAAA,QACjC,KAAK;AACH,iBAAO,EAAE,GAAG,MAAM,WAAW,MAAA;AAAA,QAC/B,KAAK;AAAA,QACL;AACE,iBAAO,EAAE,GAAG,MAAM,aAAa,OAAO,WAAW,MAAA;AAAA,MAAM;AAAA,IAE7D,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,QAAM,mBAAmB,YAAY,CAACA,WAAmB;AACvD,gBAAY,WAAS,EAAE,GAAG,MAAM,eAAeA,SAAQ;AAAA,EACzD,GAAG,CAAA,CAAE;AAEL,QAAM,sBAAsB,YAAY,MAAM;AAC5C,gBAAY,CAAA,UAAS,EAAE,GAAG,MAAM,eAAe,CAAC,KAAK,gBAAgB;AAAA,EACvE,GAAG,CAAA,CAAE;AAEL,QAAM,gBAAgB,YAAY,MAAM;AACtC,gBAAY,gBAAgB;AAAA,EAC9B,GAAG,CAAA,CAAE;AAGL,QAAM,QAAQ,QAAqC,OAAO;AAAA,IACxD,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAC9B,SAAA,CACH;AAEJ;AAUO,SAAS,qBAAkD;AAChE,QAAM,UAAU,WAAW,sBAAsB;AAEjD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,kEAAkE;AAAA,EACpF;AAEA,SAAO;AACT;AAMO,SAAS,6BAAiE;AAC/E,SAAO,WAAW,sBAAsB;AAC1C;AAUO,SAAS,wBACd,WACA,cACS;AACT,MAAI,cAAc,OAAW,QAAO;AACpC,MAAI,iBAAiB,OAAW,QAAO;AACvC,SAAO;AACT;"}