@zendir/ui 0.5.0 → 0.6.1

package/dist/react/theme/cardAccent.js

@@ -1,137 +1,207 @@
+import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useMemo, useContext, createContext } from "react";
-const CARD_ACCENT_COLORS = {
-  cyan: { label: "Cyan", value: "#00c8ff" },
-  electric: { label: "Electric", value: "#4d7cff" },
-  purple: { label: "Purple", value: "#a855f7" },
-  teal: { label: "Teal", value: "#14b8a6" },
-  prussianBlue: { label: "Prussian Blue", value: "#1e3a5f" },
-  green: { label: "Green", value: "#22c55e" },
-  amber: { label: "Amber", value: "#f59e0b" },
-  mix: { label: "Mix (Per System)", value: "mix" }
+//#region src/react/theme/cardAccent.tsx
+/**
+* @zendir/ui - Card Accent System
+*
+* Provides accent color configuration for cards and containers in space operations UIs.
+* Maps space system domains to appropriate accent colors for visual organization.
+*
+* Features:
+* - Predefined accent colors for common use cases
+* - Space system keyword → color mapping for auto-coloring
+* - Mix mode for automatic per-domain coloring
+* - React context and hook for easy integration
+*
+* @example
+* ```tsx
+* import {
+*   CardAccentProvider,
+*   useCardAccent,
+*   getSystemAccentColor
+* } from '@zendir/ui';
+*
+* // Wrap your app with the provider
+* <CardAccentProvider accentMode="mix">
+*   <MyApp />
+* </CardAccentProvider>
+*
+* // Use in components
+* const { getAccentColor } = useCardAccent();
+* <Container accentColor={getAccentColor('Power Systems')} />
+* ```
+*/
+/**
+* Predefined card accent colors
+* These are optimized for dark themes and space operations UIs
+*/
+var CARD_ACCENT_COLORS = {
+	cyan: {
+		label: "Cyan",
+		value: "#00c8ff"
+	},
+	electric: {
+		label: "Electric",
+		value: "#4d7cff"
+	},
+	purple: {
+		label: "Purple",
+		value: "#a855f7"
+	},
+	teal: {
+		label: "Teal",
+		value: "#14b8a6"
+	},
+	prussianBlue: {
+		label: "Prussian Blue",
+		value: "#1e3a5f"
+	},
+	green: {
+		label: "Green",
+		value: "#22c55e"
+	},
+	amber: {
+		label: "Amber",
+		value: "#f59e0b"
+	},
+	mix: {
+		label: "Mix (Per System)",
+		value: "mix"
+	}
 };
-const SPACE_SYSTEM_COLORS = {
-  // === Telemetry & Data ===
-  "telemetry": "#00c8ff",
-  "data": "#00c8ff",
-  "preview": "#00c8ff",
-  "stream": "#00c8ff",
-  // === Power Systems ===
-  "power": "#22c55e",
-  "battery": "#22c55e",
-  "solar": "#22c55e",
-  "voltage": "#22c55e",
-  "energy": "#22c55e",
-  // === Thermal Systems ===
-  "thermal": "#f59e0b",
-  "temperature": "#f59e0b",
-  "heatmap": "#f59e0b",
-  "heater": "#f59e0b",
-  // === Attitude & Control ===
-  "attitude": "#a855f7",
-  "control": "#a855f7",
-  "orientation": "#a855f7",
-  "pointing": "#a855f7",
-  "gyro": "#a855f7",
-  // === Communications ===
-  "spectrum": "#4d7cff",
-  "link": "#4d7cff",
-  "rf": "#4d7cff",
-  "downlink": "#4d7cff",
-  "uplink": "#4d7cff",
-  "packet": "#4d7cff",
-  "antenna": "#4d7cff",
-  "comm": "#4d7cff",
-  // === Navigation & Orbit ===
-  "orbit": "#14b8a6",
-  "eclipse": "#14b8a6",
-  "polar": "#14b8a6",
-  "heliocentric": "#14b8a6",
-  "maneuver": "#14b8a6",
-  "contact": "#14b8a6",
-  "ground": "#14b8a6",
-  "pass": "#14b8a6",
-  // === Sensors & Instruments ===
-  "sensor": "#00c8ff",
-  "star": "#00c8ff",
-  "tracker": "#00c8ff",
-  "scatter": "#00c8ff",
-  "payload": "#00c8ff",
-  // === Health & Status ===
-  "health": "#22c55e",
-  "gauge": "#22c55e",
-  "subsystem": "#22c55e",
-  "status": "#22c55e",
-  // === Analytics & Visualization ===
-  "sankey": "#a855f7",
-  "treemap": "#4d7cff",
-  "sunburst": "#14b8a6",
-  "parallel": "#f59e0b",
-  "radar": "#00c8ff",
-  "graph": "#a855f7",
-  "candlestick": "#f59e0b",
-  "histogram": "#00c8ff",
-  "pie": "#a855f7",
-  "donut": "#a855f7",
-  "bubble": "#14b8a6",
-  "rose": "#f59e0b",
-  // === 3D Visualizations ===
-  "3d": "#4d7cff",
-  "scatter3d": "#00c8ff",
-  "bar3d": "#22c55e",
-  "surface3d": "#f59e0b",
-  "lines3d": "#a855f7",
-  "debris": "#f59e0b",
-  "constellation": "#4d7cff",
-  "collision": "#f59e0b",
-  "satellite": "#4d7cff",
-  // === Default ===
-  "default": "#00c8ff"
+/**
+* Space system keyword → accent color mapping
+* Used in 'mix' mode to automatically assign colors based on content
+*/
+var SPACE_SYSTEM_COLORS = {
+	telemetry: "#00c8ff",
+	data: "#00c8ff",
+	preview: "#00c8ff",
+	stream: "#00c8ff",
+	power: "#22c55e",
+	battery: "#22c55e",
+	solar: "#22c55e",
+	voltage: "#22c55e",
+	energy: "#22c55e",
+	thermal: "#f59e0b",
+	temperature: "#f59e0b",
+	heatmap: "#f59e0b",
+	heater: "#f59e0b",
+	attitude: "#a855f7",
+	control: "#a855f7",
+	orientation: "#a855f7",
+	pointing: "#a855f7",
+	gyro: "#a855f7",
+	spectrum: "#4d7cff",
+	link: "#4d7cff",
+	rf: "#4d7cff",
+	downlink: "#4d7cff",
+	uplink: "#4d7cff",
+	packet: "#4d7cff",
+	antenna: "#4d7cff",
+	comm: "#4d7cff",
+	orbit: "#14b8a6",
+	eclipse: "#14b8a6",
+	polar: "#14b8a6",
+	heliocentric: "#14b8a6",
+	maneuver: "#14b8a6",
+	contact: "#14b8a6",
+	ground: "#14b8a6",
+	pass: "#14b8a6",
+	sensor: "#00c8ff",
+	star: "#00c8ff",
+	tracker: "#00c8ff",
+	scatter: "#00c8ff",
+	payload: "#00c8ff",
+	health: "#22c55e",
+	gauge: "#22c55e",
+	subsystem: "#22c55e",
+	status: "#22c55e",
+	sankey: "#a855f7",
+	treemap: "#4d7cff",
+	sunburst: "#14b8a6",
+	parallel: "#f59e0b",
+	radar: "#00c8ff",
+	graph: "#a855f7",
+	candlestick: "#f59e0b",
+	histogram: "#00c8ff",
+	pie: "#a855f7",
+	donut: "#a855f7",
+	bubble: "#14b8a6",
+	rose: "#f59e0b",
+	"3d": "#4d7cff",
+	scatter3d: "#00c8ff",
+	bar3d: "#22c55e",
+	surface3d: "#f59e0b",
+	lines3d: "#a855f7",
+	debris: "#f59e0b",
+	constellation: "#4d7cff",
+	collision: "#f59e0b",
+	satellite: "#4d7cff",
+	default: "#00c8ff"
 };
+/**
+* Get accent color based on title/content and accent mode
+*
+* @param title - Content title or description to analyze
+* @param accentMode - Current accent mode (specific color or 'mix')
+* @returns Hex color string or undefined
+*
+* @example
+* ```tsx
+* getSystemAccentColor('Power Systems Overview', 'mix') // '#22c55e'
+* getSystemAccentColor('Power Systems', 'purple') // '#a855f7'
+* ```
+*/
 function getSystemAccentColor(title, accentMode) {
-  if (accentMode !== "mix") {
-    return CARD_ACCENT_COLORS[accentMode].value;
-  }
-  const lowerTitle = title.toLowerCase();
-  for (const [keyword, color] of Object.entries(SPACE_SYSTEM_COLORS)) {
-    if (lowerTitle.includes(keyword)) {
-      return color;
-    }
-  }
-  return SPACE_SYSTEM_COLORS.default;
+	if (accentMode !== "mix") return CARD_ACCENT_COLORS[accentMode].value;
+	const lowerTitle = title.toLowerCase();
+	for (const [keyword, color] of Object.entries(SPACE_SYSTEM_COLORS)) if (lowerTitle.includes(keyword)) return color;
+	return SPACE_SYSTEM_COLORS.default;
 }
+/**
+* Get all accent color options for building UI selectors
+*/
 function getAccentColorOptions() {
-  return Object.entries(CARD_ACCENT_COLORS).map(([key, config]) => ({
-    key,
-    label: config.label,
-    value: config.value
-  }));
+	return Object.entries(CARD_ACCENT_COLORS).map(([key, config]) => ({
+		key,
+		label: config.label,
+		value: config.value
+	}));
 }
-const CardAccentContext = createContext({
-  accentMode: "mix",
-  getAccentColor: () => void 0,
-  accentOptions: getAccentColorOptions()
+var CardAccentContext = createContext({
+	accentMode: "mix",
+	getAccentColor: () => void 0,
+	accentOptions: getAccentColorOptions()
 });
-function CardAccentProvider({
-  accentMode = "mix",
-  children
-}) {
-  const value = useMemo(() => ({
-    accentMode,
-    getAccentColor: (title) => getSystemAccentColor(title, accentMode),
-    accentOptions: getAccentColorOptions()
-  }), [accentMode]);
-  return /* @__PURE__ */ jsx(CardAccentContext.Provider, { value, children });
+/**
+* Provider for card accent context
+* Wrap your app or section to provide consistent accent coloring
+*/
+function CardAccentProvider({ accentMode = "mix", children }) {
+	const value = useMemo(() => ({
+		accentMode,
+		getAccentColor: (title) => getSystemAccentColor(title, accentMode),
+		accentOptions: getAccentColorOptions()
+	}), [accentMode]);
+	return /* @__PURE__ */ jsx(CardAccentContext.Provider, {
+		value,
+		children
+	});
 }
+/**
+* Hook to access card accent context
+*
+* @example
+* ```tsx
+* const { getAccentColor, accentMode } = useCardAccent();
+* <Container accentColor={getAccentColor('Power Chart')} />
+* ```
+*/
 function useCardAccent() {
-  return useContext(CardAccentContext);
+	return useContext(CardAccentContext);
 }
-export {
-  CARD_ACCENT_COLORS,
-  CardAccentProvider,
-  SPACE_SYSTEM_COLORS,
-  getAccentColorOptions,
-  getSystemAccentColor,
-  useCardAccent
-};
-//# sourceMappingURL=cardAccent.js.map
+//#endregion
+export { CARD_ACCENT_COLORS, CardAccentProvider, CardAccentProvider as default, SPACE_SYSTEM_COLORS, getAccentColorOptions, getSystemAccentColor, useCardAccent };
+
+//# sourceMappingURL=cardAccent.js.map

package/dist/react/theme/cardAccent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardAccent.js","sources":["../../../src/react/theme/cardAccent.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - Card Accent System\r\n * \r\n * Provides accent color configuration for cards and containers in space operations UIs.\r\n * Maps space system domains to appropriate accent colors for visual organization.\r\n * \r\n * Features:\r\n * - Predefined accent colors for common use cases\r\n * - Space system keyword → color mapping for auto-coloring\r\n * - Mix mode for automatic per-domain coloring\r\n * - React context and hook for easy integration\r\n * \r\n * @example\r\n * ```tsx\r\n * import { \r\n *   CardAccentProvider, \r\n *   useCardAccent, \r\n *   getSystemAccentColor \r\n * } from '@zendir/ui';\r\n * \r\n * // Wrap your app with the provider\r\n * <CardAccentProvider accentMode=\"mix\">\r\n *   <MyApp />\r\n * </CardAccentProvider>\r\n * \r\n * // Use in components\r\n * const { getAccentColor } = useCardAccent();\r\n * <Container accentColor={getAccentColor('Power Systems')} />\r\n * ```\r\n */\r\n\r\nimport React, { createContext, useContext, useMemo, type ReactNode } from 'react';\r\n\r\n// =============================================================================\r\n// Types\r\n// =============================================================================\r\n\r\nexport type CardAccentKey = \r\n  | 'cyan'\r\n  | 'electric' \r\n  | 'purple'\r\n  | 'teal'\r\n  | 'prussianBlue'\r\n  | 'green'\r\n  | 'amber'\r\n  | 'mix';\r\n\r\nexport interface CardAccentColor {\r\n  /** Display label */\r\n  label: string;\r\n  /** Hex color value (or 'mix' for automatic) */\r\n  value: string;\r\n}\r\n\r\n// =============================================================================\r\n// Accent Color Definitions\r\n// =============================================================================\r\n\r\n/**\r\n * Predefined card accent colors\r\n * These are optimized for dark themes and space operations UIs\r\n */\r\nexport const CARD_ACCENT_COLORS: Record<CardAccentKey, CardAccentColor> = {\r\n  cyan: { label: 'Cyan', value: '#00c8ff' },\r\n  electric: { label: 'Electric', value: '#4d7cff' },\r\n  purple: { label: 'Purple', value: '#a855f7' },\r\n  teal: { label: 'Teal', value: '#14b8a6' },\r\n  prussianBlue: { label: 'Prussian Blue', value: '#1e3a5f' },\r\n  green: { label: 'Green', value: '#22c55e' },\r\n  amber: { label: 'Amber', value: '#f59e0b' },\r\n  mix: { label: 'Mix (Per System)', value: 'mix' },\r\n} as const;\r\n\r\n/**\r\n * Space system keyword → accent color mapping\r\n * Used in 'mix' mode to automatically assign colors based on content\r\n */\r\nexport const SPACE_SYSTEM_COLORS: Record<string, string> = {\r\n  // === Telemetry & Data ===\r\n  'telemetry': '#00c8ff',\r\n  'data': '#00c8ff',\r\n  'preview': '#00c8ff',\r\n  'stream': '#00c8ff',\r\n  \r\n  // === Power Systems ===\r\n  'power': '#22c55e',\r\n  'battery': '#22c55e',\r\n  'solar': '#22c55e',\r\n  'voltage': '#22c55e',\r\n  'energy': '#22c55e',\r\n  \r\n  // === Thermal Systems ===\r\n  'thermal': '#f59e0b',\r\n  'temperature': '#f59e0b',\r\n  'heatmap': '#f59e0b',\r\n  'heater': '#f59e0b',\r\n  \r\n  // === Attitude & Control ===\r\n  'attitude': '#a855f7',\r\n  'control': '#a855f7',\r\n  'orientation': '#a855f7',\r\n  'pointing': '#a855f7',\r\n  'gyro': '#a855f7',\r\n  \r\n  // === Communications ===\r\n  'spectrum': '#4d7cff',\r\n  'link': '#4d7cff',\r\n  'rf': '#4d7cff',\r\n  'downlink': '#4d7cff',\r\n  'uplink': '#4d7cff',\r\n  'packet': '#4d7cff',\r\n  'antenna': '#4d7cff',\r\n  'comm': '#4d7cff',\r\n  \r\n  // === Navigation & Orbit ===\r\n  'orbit': '#14b8a6',\r\n  'eclipse': '#14b8a6',\r\n  'polar': '#14b8a6',\r\n  'heliocentric': '#14b8a6',\r\n  'maneuver': '#14b8a6',\r\n  'contact': '#14b8a6',\r\n  'ground': '#14b8a6',\r\n  'pass': '#14b8a6',\r\n  \r\n  // === Sensors & Instruments ===\r\n  'sensor': '#00c8ff',\r\n  'star': '#00c8ff',\r\n  'tracker': '#00c8ff',\r\n  'scatter': '#00c8ff',\r\n  'payload': '#00c8ff',\r\n  \r\n  // === Health & Status ===\r\n  'health': '#22c55e',\r\n  'gauge': '#22c55e',\r\n  'subsystem': '#22c55e',\r\n  'status': '#22c55e',\r\n  \r\n  // === Analytics & Visualization ===\r\n  'sankey': '#a855f7',\r\n  'treemap': '#4d7cff',\r\n  'sunburst': '#14b8a6',\r\n  'parallel': '#f59e0b',\r\n  'radar': '#00c8ff',\r\n  'graph': '#a855f7',\r\n  'candlestick': '#f59e0b',\r\n  'histogram': '#00c8ff',\r\n  'pie': '#a855f7',\r\n  'donut': '#a855f7',\r\n  'bubble': '#14b8a6',\r\n  'rose': '#f59e0b',\r\n  \r\n  // === 3D Visualizations ===\r\n  '3d': '#4d7cff',\r\n  'scatter3d': '#00c8ff',\r\n  'bar3d': '#22c55e',\r\n  'surface3d': '#f59e0b',\r\n  'lines3d': '#a855f7',\r\n  'debris': '#f59e0b',\r\n  'constellation': '#4d7cff',\r\n  'collision': '#f59e0b',\r\n  'satellite': '#4d7cff',\r\n  \r\n  // === Default ===\r\n  'default': '#00c8ff',\r\n} as const;\r\n\r\n// =============================================================================\r\n// Utility Functions\r\n// =============================================================================\r\n\r\n/**\r\n * Get accent color based on title/content and accent mode\r\n * \r\n * @param title - Content title or description to analyze\r\n * @param accentMode - Current accent mode (specific color or 'mix')\r\n * @returns Hex color string or undefined\r\n * \r\n * @example\r\n * ```tsx\r\n * getSystemAccentColor('Power Systems Overview', 'mix') // '#22c55e'\r\n * getSystemAccentColor('Power Systems', 'purple') // '#a855f7'\r\n * ```\r\n */\r\nexport function getSystemAccentColor(\r\n  title: string, \r\n  accentMode: CardAccentKey\r\n): string | undefined {\r\n  if (accentMode !== 'mix') {\r\n    return CARD_ACCENT_COLORS[accentMode].value;\r\n  }\r\n  \r\n  const lowerTitle = title.toLowerCase();\r\n  for (const [keyword, color] of Object.entries(SPACE_SYSTEM_COLORS)) {\r\n    if (lowerTitle.includes(keyword)) {\r\n      return color;\r\n    }\r\n  }\r\n  return SPACE_SYSTEM_COLORS.default;\r\n}\r\n\r\n/**\r\n * Get all accent color options for building UI selectors\r\n */\r\nexport function getAccentColorOptions(): Array<{ key: CardAccentKey; label: string; value: string }> {\r\n  return Object.entries(CARD_ACCENT_COLORS).map(([key, config]) => ({\r\n    key: key as CardAccentKey,\r\n    label: config.label,\r\n    value: config.value,\r\n  }));\r\n}\r\n\r\n// =============================================================================\r\n// React Context & Provider\r\n// =============================================================================\r\n\r\nexport interface CardAccentContextValue {\r\n  /** Current accent mode */\r\n  accentMode: CardAccentKey;\r\n  /** Get accent color for a given title/content */\r\n  getAccentColor: (title: string) => string | undefined;\r\n  /** All available accent options */\r\n  accentOptions: Array<{ key: CardAccentKey; label: string; value: string }>;\r\n}\r\n\r\nconst CardAccentContext = createContext<CardAccentContextValue>({\r\n  accentMode: 'mix',\r\n  getAccentColor: () => undefined,\r\n  accentOptions: getAccentColorOptions(),\r\n});\r\n\r\nexport interface CardAccentProviderProps {\r\n  /** Accent mode to use */\r\n  accentMode?: CardAccentKey;\r\n  /** Children */\r\n  children: ReactNode;\r\n}\r\n\r\n/**\r\n * Provider for card accent context\r\n * Wrap your app or section to provide consistent accent coloring\r\n */\r\nexport function CardAccentProvider({\r\n  accentMode = 'mix',\r\n  children,\r\n}: CardAccentProviderProps): React.ReactElement {\r\n  const value = useMemo((): CardAccentContextValue => ({\r\n    accentMode,\r\n    getAccentColor: (title: string) => getSystemAccentColor(title, accentMode),\r\n    accentOptions: getAccentColorOptions(),\r\n  }), [accentMode]);\r\n\r\n  return (\r\n    <CardAccentContext.Provider value={value}>\r\n      {children}\r\n    </CardAccentContext.Provider>\r\n  );\r\n}\r\n\r\n/**\r\n * Hook to access card accent context\r\n * \r\n * @example\r\n * ```tsx\r\n * const { getAccentColor, accentMode } = useCardAccent();\r\n * <Container accentColor={getAccentColor('Power Chart')} />\r\n * ```\r\n */\r\nexport function useCardAccent(): CardAccentContextValue {\r\n  return useContext(CardAccentContext);\r\n}\r\n\r\nexport default CardAccentProvider;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cardAccent.js","names":[],"sources":["../../../src/react/theme/cardAccent.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - Card Accent System\r\n *\r\n * Provides accent color configuration for cards and containers in space operations UIs.\r\n * Maps space system domains to appropriate accent colors for visual organization.\r\n *\r\n * Features:\r\n * - Predefined accent colors for common use cases\r\n * - Space system keyword → color mapping for auto-coloring\r\n * - Mix mode for automatic per-domain coloring\r\n * - React context and hook for easy integration\r\n *\r\n * @example\r\n * ```tsx\r\n * import {\r\n *   CardAccentProvider,\r\n *   useCardAccent,\r\n *   getSystemAccentColor\r\n * } from '@zendir/ui';\r\n *\r\n * // Wrap your app with the provider\r\n * <CardAccentProvider accentMode=\"mix\">\r\n *   <MyApp />\r\n * </CardAccentProvider>\r\n *\r\n * // Use in components\r\n * const { getAccentColor } = useCardAccent();\r\n * <Container accentColor={getAccentColor('Power Systems')} />\r\n * ```\r\n */\r\n\r\nimport React, {\r\n  createContext,\r\n  useContext,\r\n  useMemo,\r\n  type ReactNode,\r\n} from \"react\";\r\n\r\n// =============================================================================\r\n// Types\r\n// =============================================================================\r\n\r\nexport type CardAccentKey =\r\n  | \"cyan\"\r\n  | \"electric\"\r\n  | \"purple\"\r\n  | \"teal\"\r\n  | \"prussianBlue\"\r\n  | \"green\"\r\n  | \"amber\"\r\n  | \"mix\";\r\n\r\nexport interface CardAccentColor {\r\n  /** Display label */\r\n  label: string;\r\n  /** Hex color value (or 'mix' for automatic) */\r\n  value: string;\r\n}\r\n\r\n// =============================================================================\r\n// Accent Color Definitions\r\n// =============================================================================\r\n\r\n/**\r\n * Predefined card accent colors\r\n * These are optimized for dark themes and space operations UIs\r\n */\r\nexport const CARD_ACCENT_COLORS: Record<CardAccentKey, CardAccentColor> = {\r\n  cyan: { label: \"Cyan\", value: \"#00c8ff\" },\r\n  electric: { label: \"Electric\", value: \"#4d7cff\" },\r\n  purple: { label: \"Purple\", value: \"#a855f7\" },\r\n  teal: { label: \"Teal\", value: \"#14b8a6\" },\r\n  prussianBlue: { label: \"Prussian Blue\", value: \"#1e3a5f\" },\r\n  green: { label: \"Green\", value: \"#22c55e\" },\r\n  amber: { label: \"Amber\", value: \"#f59e0b\" },\r\n  mix: { label: \"Mix (Per System)\", value: \"mix\" },\r\n} as const;\r\n\r\n/**\r\n * Space system keyword → accent color mapping\r\n * Used in 'mix' mode to automatically assign colors based on content\r\n */\r\nexport const SPACE_SYSTEM_COLORS: Record<string, string> = {\r\n  // === Telemetry & Data ===\r\n  telemetry: \"#00c8ff\",\r\n  data: \"#00c8ff\",\r\n  preview: \"#00c8ff\",\r\n  stream: \"#00c8ff\",\r\n\r\n  // === Power Systems ===\r\n  power: \"#22c55e\",\r\n  battery: \"#22c55e\",\r\n  solar: \"#22c55e\",\r\n  voltage: \"#22c55e\",\r\n  energy: \"#22c55e\",\r\n\r\n  // === Thermal Systems ===\r\n  thermal: \"#f59e0b\",\r\n  temperature: \"#f59e0b\",\r\n  heatmap: \"#f59e0b\",\r\n  heater: \"#f59e0b\",\r\n\r\n  // === Attitude & Control ===\r\n  attitude: \"#a855f7\",\r\n  control: \"#a855f7\",\r\n  orientation: \"#a855f7\",\r\n  pointing: \"#a855f7\",\r\n  gyro: \"#a855f7\",\r\n\r\n  // === Communications ===\r\n  spectrum: \"#4d7cff\",\r\n  link: \"#4d7cff\",\r\n  rf: \"#4d7cff\",\r\n  downlink: \"#4d7cff\",\r\n  uplink: \"#4d7cff\",\r\n  packet: \"#4d7cff\",\r\n  antenna: \"#4d7cff\",\r\n  comm: \"#4d7cff\",\r\n\r\n  // === Navigation & Orbit ===\r\n  orbit: \"#14b8a6\",\r\n  eclipse: \"#14b8a6\",\r\n  polar: \"#14b8a6\",\r\n  heliocentric: \"#14b8a6\",\r\n  maneuver: \"#14b8a6\",\r\n  contact: \"#14b8a6\",\r\n  ground: \"#14b8a6\",\r\n  pass: \"#14b8a6\",\r\n\r\n  // === Sensors & Instruments ===\r\n  sensor: \"#00c8ff\",\r\n  star: \"#00c8ff\",\r\n  tracker: \"#00c8ff\",\r\n  scatter: \"#00c8ff\",\r\n  payload: \"#00c8ff\",\r\n\r\n  // === Health & Status ===\r\n  health: \"#22c55e\",\r\n  gauge: \"#22c55e\",\r\n  subsystem: \"#22c55e\",\r\n  status: \"#22c55e\",\r\n\r\n  // === Analytics & Visualization ===\r\n  sankey: \"#a855f7\",\r\n  treemap: \"#4d7cff\",\r\n  sunburst: \"#14b8a6\",\r\n  parallel: \"#f59e0b\",\r\n  radar: \"#00c8ff\",\r\n  graph: \"#a855f7\",\r\n  candlestick: \"#f59e0b\",\r\n  histogram: \"#00c8ff\",\r\n  pie: \"#a855f7\",\r\n  donut: \"#a855f7\",\r\n  bubble: \"#14b8a6\",\r\n  rose: \"#f59e0b\",\r\n\r\n  // === 3D Visualizations ===\r\n  \"3d\": \"#4d7cff\",\r\n  scatter3d: \"#00c8ff\",\r\n  bar3d: \"#22c55e\",\r\n  surface3d: \"#f59e0b\",\r\n  lines3d: \"#a855f7\",\r\n  debris: \"#f59e0b\",\r\n  constellation: \"#4d7cff\",\r\n  collision: \"#f59e0b\",\r\n  satellite: \"#4d7cff\",\r\n\r\n  // === Default ===\r\n  default: \"#00c8ff\",\r\n} as const;\r\n\r\n// =============================================================================\r\n// Utility Functions\r\n// =============================================================================\r\n\r\n/**\r\n * Get accent color based on title/content and accent mode\r\n *\r\n * @param title - Content title or description to analyze\r\n * @param accentMode - Current accent mode (specific color or 'mix')\r\n * @returns Hex color string or undefined\r\n *\r\n * @example\r\n * ```tsx\r\n * getSystemAccentColor('Power Systems Overview', 'mix') // '#22c55e'\r\n * getSystemAccentColor('Power Systems', 'purple') // '#a855f7'\r\n * ```\r\n */\r\nexport function getSystemAccentColor(\r\n  title: string,\r\n  accentMode: CardAccentKey,\r\n): string | undefined {\r\n  if (accentMode !== \"mix\") {\r\n    return CARD_ACCENT_COLORS[accentMode].value;\r\n  }\r\n\r\n  const lowerTitle = title.toLowerCase();\r\n  for (const [keyword, color] of Object.entries(SPACE_SYSTEM_COLORS)) {\r\n    if (lowerTitle.includes(keyword)) {\r\n      return color;\r\n    }\r\n  }\r\n  return SPACE_SYSTEM_COLORS.default;\r\n}\r\n\r\n/**\r\n * Get all accent color options for building UI selectors\r\n */\r\nexport function getAccentColorOptions(): Array<{\r\n  key: CardAccentKey;\r\n  label: string;\r\n  value: string;\r\n}> {\r\n  return Object.entries(CARD_ACCENT_COLORS).map(([key, config]) => ({\r\n    key: key as CardAccentKey,\r\n    label: config.label,\r\n    value: config.value,\r\n  }));\r\n}\r\n\r\n// =============================================================================\r\n// React Context & Provider\r\n// =============================================================================\r\n\r\nexport interface CardAccentContextValue {\r\n  /** Current accent mode */\r\n  accentMode: CardAccentKey;\r\n  /** Get accent color for a given title/content */\r\n  getAccentColor: (title: string) => string | undefined;\r\n  /** All available accent options */\r\n  accentOptions: Array<{ key: CardAccentKey; label: string; value: string }>;\r\n}\r\n\r\nconst CardAccentContext = createContext<CardAccentContextValue>({\r\n  accentMode: \"mix\",\r\n  getAccentColor: () => undefined,\r\n  accentOptions: getAccentColorOptions(),\r\n});\r\n\r\nexport interface CardAccentProviderProps {\r\n  /** Accent mode to use */\r\n  accentMode?: CardAccentKey;\r\n  /** Children */\r\n  children: ReactNode;\r\n}\r\n\r\n/**\r\n * Provider for card accent context\r\n * Wrap your app or section to provide consistent accent coloring\r\n */\r\nexport function CardAccentProvider({\r\n  accentMode = \"mix\",\r\n  children,\r\n}: CardAccentProviderProps): React.ReactElement {\r\n  const value = useMemo(\r\n    (): CardAccentContextValue => ({\r\n      accentMode,\r\n      getAccentColor: (title: string) =>\r\n        getSystemAccentColor(title, accentMode),\r\n      accentOptions: getAccentColorOptions(),\r\n    }),\r\n    [accentMode],\r\n  );\r\n\r\n  return (\r\n    <CardAccentContext.Provider value={value}>\r\n      {children}\r\n    </CardAccentContext.Provider>\r\n  );\r\n}\r\n\r\n/**\r\n * Hook to access card accent context\r\n *\r\n * @example\r\n * ```tsx\r\n * const { getAccentColor, accentMode } = useCardAccent();\r\n * <Container accentColor={getAccentColor('Power Chart')} />\r\n * ```\r\n */\r\nexport function useCardAccent(): CardAccentContextValue {\r\n  return useContext(CardAccentContext);\r\n}\r\n\r\nexport default CardAccentProvider;\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,IAAa,qBAA6D;CACxE,MAAM;EAAE,OAAO;EAAQ,OAAO;CAAU;CACxC,UAAU;EAAE,OAAO;EAAY,OAAO;CAAU;CAChD,QAAQ;EAAE,OAAO;EAAU,OAAO;CAAU;CAC5C,MAAM;EAAE,OAAO;EAAQ,OAAO;CAAU;CACxC,cAAc;EAAE,OAAO;EAAiB,OAAO;CAAU;CACzD,OAAO;EAAE,OAAO;EAAS,OAAO;CAAU;CAC1C,OAAO;EAAE,OAAO;EAAS,OAAO;CAAU;CAC1C,KAAK;EAAE,OAAO;EAAoB,OAAO;CAAM;AACjD;;;;;AAMA,IAAa,sBAA8C;CAEzD,WAAW;CACX,MAAM;CACN,SAAS;CACT,QAAQ;CAGR,OAAO;CACP,SAAS;CACT,OAAO;CACP,SAAS;CACT,QAAQ;CAGR,SAAS;CACT,aAAa;CACb,SAAS;CACT,QAAQ;CAGR,UAAU;CACV,SAAS;CACT,aAAa;CACb,UAAU;CACV,MAAM;CAGN,UAAU;CACV,MAAM;CACN,IAAI;CACJ,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,MAAM;CAGN,OAAO;CACP,SAAS;CACT,OAAO;CACP,cAAc;CACd,UAAU;CACV,SAAS;CACT,QAAQ;CACR,MAAM;CAGN,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,SAAS;CAGT,QAAQ;CACR,OAAO;CACP,WAAW;CACX,QAAQ;CAGR,QAAQ;CACR,SAAS;CACT,UAAU;CACV,UAAU;CACV,OAAO;CACP,OAAO;CACP,aAAa;CACb,WAAW;CACX,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;CAGN,MAAM;CACN,WAAW;CACX,OAAO;CACP,WAAW;CACX,SAAS;CACT,QAAQ;CACR,eAAe;CACf,WAAW;CACX,WAAW;CAGX,SAAS;AACX;;;;;;;;;;;;;;AAmBA,SAAgB,qBACd,OACA,YACoB;CACpB,IAAI,eAAe,OACjB,OAAO,mBAAmB,WAAW,CAAC;CAGxC,MAAM,aAAa,MAAM,YAAY;CACrC,KAAK,MAAM,CAAC,SAAS,UAAU,OAAO,QAAQ,mBAAmB,GAC/D,IAAI,WAAW,SAAS,OAAO,GAC7B,OAAO;CAGX,OAAO,oBAAoB;AAC7B;;;;AAKA,SAAgB,wBAIb;CACD,OAAO,OAAO,QAAQ,kBAAkB,CAAC,CAAC,KAAK,CAAC,KAAK,aAAa;EAC3D;EACL,OAAO,OAAO;EACd,OAAO,OAAO;CAChB,EAAE;AACJ;AAeA,IAAM,oBAAoB,cAAsC;CAC9D,YAAY;CACZ,sBAAsB,KAAA;CACtB,eAAe,sBAAsB;AACvC,CAAC;;;;;AAaD,SAAgB,mBAAmB,EACjC,aAAa,OACb,YAC8C;CAC9C,MAAM,QAAQ,eACmB;EAC7B;EACA,iBAAiB,UACf,qBAAqB,OAAO,UAAU;EACxC,eAAe,sBAAsB;CACvC,IACA,CAAC,UAAU,CACb;CAEA,OACE,oBAAC,kBAAkB,UAAnB;EAAmC;EAChC;CACyB,CAAA;AAEhC;;;;;;;;;;AAWA,SAAgB,gBAAwC;CACtD,OAAO,WAAW,iBAAiB;AACrC"}

package/dist/react/theme/config.d.ts

@@ -1,5 +1,4 @@
 import { ThemeVariant, ThemeMode } from './ThemeProvider';
-
 export interface ThemeConfig {
     /** Default theme variant */
     defaultTheme?: ThemeVariant;

package/dist/react/theme/config.js

@@ -1,30 +1,52 @@
-const DEFAULT_THEME_CONFIG = {
-  defaultTheme: "hybrid",
-  // Zen (Hybrid) is the default
-  defaultMode: "dark",
-  persist: true
+//#region src/react/theme/config.ts
+/**
+* Default theme configuration
+*
+* Available themes:
+* - 'hybrid' - Zen (Hybrid): default; Astro status colors with purple accents
+* - 'astro' - Astro UX (U.S. Space Force) compliant theme
+* - 'purple-hue' - Zen (Purple Hue) theme with modern aesthetics
+* - 'transparent' / 'transparent-bold' / 'transparent-minimal' - Glassmorphic themes
+*/
+var DEFAULT_THEME_CONFIG = {
+	defaultTheme: "hybrid",
+	defaultMode: "dark",
+	persist: true
 };
+/**
+* Get theme configuration from environment or use defaults
+*/
 function getThemeConfig() {
-  if (typeof window !== "undefined") {
-    const envTheme = window.__ZENDIR_UI_THEME__;
-    if (envTheme === "astro" || envTheme === "purple-hue" || envTheme === "hybrid") {
-      return {
-        ...DEFAULT_THEME_CONFIG,
-        defaultTheme: envTheme
-      };
-    }
-  }
-  return DEFAULT_THEME_CONFIG;
+	if (typeof window !== "undefined") {
+		const envTheme = window.__ZENDIR_UI_THEME__;
+		if (envTheme === "astro" || envTheme === "purple-hue" || envTheme === "hybrid" || envTheme === "nebula") return {
+			...DEFAULT_THEME_CONFIG,
+			defaultTheme: envTheme
+		};
+	}
+	return DEFAULT_THEME_CONFIG;
 }
+/**
+* Set default theme at build/runtime
+*
+* @example
+* ```tsx
+* // In your app root
+* import { setDefaultTheme } from '@zendir/ui/react/theme/config';
+*
+* // Zen (Hybrid) is the default; override if needed:
+* setDefaultTheme('hybrid');
+* setDefaultTheme('purple-hue');
+* setDefaultTheme('astro');
+* ```
+*/
 function setDefaultTheme(theme) {
-  if (typeof window !== "undefined") {
-    window.__ZENDIR_UI_THEME__ = theme;
-    localStorage.setItem("zendir-ui-theme", theme);
-  }
+	if (typeof window !== "undefined") {
+		window.__ZENDIR_UI_THEME__ = theme;
+		localStorage.setItem("zendir-ui-theme", theme);
+	}
 }
-export {
-  DEFAULT_THEME_CONFIG,
-  getThemeConfig,
-  setDefaultTheme
-};
-//# sourceMappingURL=config.js.map
+//#endregion
+export { DEFAULT_THEME_CONFIG, getThemeConfig, setDefaultTheme };
+
+//# sourceMappingURL=config.js.map

package/dist/react/theme/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../../src/react/theme/config.ts"],"sourcesContent":["/**\n * @zendir/ui - Theme Configuration\n * \n * Easy configuration for default theme settings.\n * Import and use in your app root to set defaults.\n */\n\nimport type { ThemeVariant, ThemeMode } from './ThemeProvider';\n\nexport interface ThemeConfig {\n  /** Default theme variant */\n  defaultTheme?: ThemeVariant;\n  /** Default theme mode */\n  defaultMode?: ThemeMode;\n  /** Persist theme selection to localStorage */\n  persist?: boolean;\n}\n\n/**\n * Default theme configuration\n * \n * Available themes:\n * - 'hybrid' - Zen (Hybrid): default; Astro status colors with purple accents\n * - 'astro' - Astro UX (U.S. Space Force) compliant theme\n * - 'purple-hue' - Zen (Purple Hue) theme with modern aesthetics\n * - 'transparent' / 'transparent-bold' / 'transparent-minimal' - Glassmorphic themes\n */\nexport const DEFAULT_THEME_CONFIG: ThemeConfig = {\n  defaultTheme: 'hybrid', // Zen (Hybrid) is the default\n  defaultMode: 'dark',\n  persist: true,\n};\n\n/**\n * Get theme configuration from environment or use defaults\n */\nexport function getThemeConfig(): ThemeConfig {\n  // Allow override via environment variable or build-time config\n  if (typeof window !== 'undefined') {\n    const envTheme = (window as any).__ZENDIR_UI_THEME__;\n    if (envTheme === 'astro' || envTheme === 'purple-hue' || envTheme === 'hybrid') {\n      return {\n        ...DEFAULT_THEME_CONFIG,\n        defaultTheme: envTheme,\n      };\n    }\n  }\n  \n  return DEFAULT_THEME_CONFIG;\n}\n\n/**\n * Set default theme at build/runtime\n * \n * @example\n * ```tsx\n * // In your app root\n * import { setDefaultTheme } from '@zendir/ui/react/theme/config';\n * \n * // Zen (Hybrid) is the default; override if needed:\n * setDefaultTheme('hybrid');\n * setDefaultTheme('purple-hue');\n * setDefaultTheme('astro');\n * ```\n */\nexport function setDefaultTheme(theme: ThemeVariant): void {\n  if (typeof window !== 'undefined') {\n    (window as any).__ZENDIR_UI_THEME__ = theme;\n    // Also update localStorage if persist is enabled\n    localStorage.setItem('zendir-ui-theme', theme);\n  }\n}\n"],"names":[],"mappings":"AA2BO,MAAM,uBAAoC;AAAA,EAC/C,cAAc;AAAA;AAAA,EACd,aAAa;AAAA,EACb,SAAS;AACX;AAKO,SAAS,iBAA8B;AAE5C,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,WAAY,OAAe;AACjC,QAAI,aAAa,WAAW,aAAa,gBAAgB,aAAa,UAAU;AAC9E,aAAO;AAAA,QACL,GAAG;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB;AAAA,EACF;AAEA,SAAO;AACT;AAgBO,SAAS,gBAAgB,OAA2B;AACzD,MAAI,OAAO,WAAW,aAAa;AAChC,WAAe,sBAAsB;AAEtC,iBAAa,QAAQ,mBAAmB,KAAK;AAAA,EAC/C;AACF;"}
+{"version":3,"file":"config.js","names":[],"sources":["../../../src/react/theme/config.ts"],"sourcesContent":["/**\r\n * @zendir/ui - Theme Configuration\r\n *\r\n * Easy configuration for default theme settings.\r\n * Import and use in your app root to set defaults.\r\n */\r\n\r\nimport type { ThemeVariant, ThemeMode } from \"./ThemeProvider\";\r\n\r\nexport interface ThemeConfig {\r\n  /** Default theme variant */\r\n  defaultTheme?: ThemeVariant;\r\n  /** Default theme mode */\r\n  defaultMode?: ThemeMode;\r\n  /** Persist theme selection to localStorage */\r\n  persist?: boolean;\r\n}\r\n\r\n/**\r\n * Default theme configuration\r\n *\r\n * Available themes:\r\n * - 'hybrid' - Zen (Hybrid): default; Astro status colors with purple accents\r\n * - 'astro' - Astro UX (U.S. Space Force) compliant theme\r\n * - 'purple-hue' - Zen (Purple Hue) theme with modern aesthetics\r\n * - 'transparent' / 'transparent-bold' / 'transparent-minimal' - Glassmorphic themes\r\n */\r\nexport const DEFAULT_THEME_CONFIG: ThemeConfig = {\r\n  defaultTheme: \"hybrid\", // Zen (Hybrid) is the default\r\n  defaultMode: \"dark\",\r\n  persist: true,\r\n};\r\n\r\n/**\r\n * Get theme configuration from environment or use defaults\r\n */\r\nexport function getThemeConfig(): ThemeConfig {\r\n  // Allow override via environment variable or build-time config\r\n  if (typeof window !== \"undefined\") {\r\n    const envTheme = (window as any).__ZENDIR_UI_THEME__;\r\n    if (\r\n      envTheme === \"astro\" ||\r\n      envTheme === \"purple-hue\" ||\r\n      envTheme === \"hybrid\" ||\r\n      envTheme === \"nebula\"\r\n    ) {\r\n      return {\r\n        ...DEFAULT_THEME_CONFIG,\r\n        defaultTheme: envTheme,\r\n      };\r\n    }\r\n  }\r\n\r\n  return DEFAULT_THEME_CONFIG;\r\n}\r\n\r\n/**\r\n * Set default theme at build/runtime\r\n *\r\n * @example\r\n * ```tsx\r\n * // In your app root\r\n * import { setDefaultTheme } from '@zendir/ui/react/theme/config';\r\n *\r\n * // Zen (Hybrid) is the default; override if needed:\r\n * setDefaultTheme('hybrid');\r\n * setDefaultTheme('purple-hue');\r\n * setDefaultTheme('astro');\r\n * ```\r\n */\r\nexport function setDefaultTheme(theme: ThemeVariant): void {\r\n  if (typeof window !== \"undefined\") {\r\n    (window as any).__ZENDIR_UI_THEME__ = theme;\r\n    // Also update localStorage if persist is enabled\r\n    localStorage.setItem(\"zendir-ui-theme\", theme);\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;AA2BA,IAAa,uBAAoC;CAC/C,cAAc;CACd,aAAa;CACb,SAAS;AACX;;;;AAKA,SAAgB,iBAA8B;CAE5C,IAAI,OAAO,WAAW,aAAa;EACjC,MAAM,WAAY,OAAe;EACjC,IACE,aAAa,WACb,aAAa,gBACb,aAAa,YACb,aAAa,UAEb,OAAO;GACL,GAAG;GACH,cAAc;EAChB;CAEJ;CAEA,OAAO;AACT;;;;;;;;;;;;;;;AAgBA,SAAgB,gBAAgB,OAA2B;CACzD,IAAI,OAAO,WAAW,aAAa;EACjC,OAAgB,sBAAsB;EAEtC,aAAa,QAAQ,mBAAmB,KAAK;CAC/C;AACF"}

package/dist/react/theme/index.d.ts

@@ -1,9 +1,9 @@
 /**
  * @zendir/ui - Theme System
  */
-export { ThemeProvider, useTheme, useThemeTokens, useScrollbarStyles } from './ThemeProvider';
+export { ThemeProvider, useTheme, useThemeTokens, useScrollbarStyles, } from './ThemeProvider';
 export type { ThemeVariant, ThemeMode, ThemeColors, ThemeTokens, ThemeContextValue, ThemeProviderProps, ThemeAnimation, ThemeFocus, LayoutTokens, BorderTokens, } from './ThemeProvider';
-export { DEFAULT_THEME_CONFIG, getThemeConfig, setDefaultTheme } from './config';
+export { DEFAULT_THEME_CONFIG, getThemeConfig, setDefaultTheme, } from './config';
 export type { ThemeConfig } from './config';
 export { CardAccentProvider, useCardAccent, getSystemAccentColor, getAccentColorOptions, CARD_ACCENT_COLORS, SPACE_SYSTEM_COLORS, } from './cardAccent';
 export type { CardAccentKey, CardAccentColor, CardAccentContextValue, CardAccentProviderProps, } from './cardAccent';

package/dist/react/theme/index.js

@@ -1,19 +1,4 @@
 import { ThemeProvider, useScrollbarStyles, useTheme, useThemeTokens } from "./ThemeProvider.js";
 import { DEFAULT_THEME_CONFIG, getThemeConfig, setDefaultTheme } from "./config.js";
 import { CARD_ACCENT_COLORS, CardAccentProvider, SPACE_SYSTEM_COLORS, getAccentColorOptions, getSystemAccentColor, useCardAccent } from "./cardAccent.js";
-export {
-  CARD_ACCENT_COLORS,
-  CardAccentProvider,
-  DEFAULT_THEME_CONFIG,
-  SPACE_SYSTEM_COLORS,
-  ThemeProvider,
-  getAccentColorOptions,
-  getSystemAccentColor,
-  getThemeConfig,
-  setDefaultTheme,
-  useCardAccent,
-  useScrollbarStyles,
-  useTheme,
-  useThemeTokens
-};
-//# sourceMappingURL=index.js.map
+export { CARD_ACCENT_COLORS, CardAccentProvider, DEFAULT_THEME_CONFIG, SPACE_SYSTEM_COLORS, ThemeProvider, getAccentColorOptions, getSystemAccentColor, getThemeConfig, setDefaultTheme, useCardAccent, useScrollbarStyles, useTheme, useThemeTokens };