@xelauvas/xela-cli 0.1.0

package/src/components/design-system/ThemeProvider.tsx

@@ -0,0 +1,174 @@
+import { c as _c } from "react/compiler-runtime";
+import { feature } from 'bun:bundle';
+import React, { createContext, useContext, useEffect, useMemo, useState } from 'react';
+import useStdin from '../../ink/hooks/use-stdin.js';
+import { getGlobalConfig, saveGlobalConfig } from '../../utils/config.js';
+import { getSystemThemeName, type SystemTheme } from '../../utils/systemTheme.js';
+import type { ThemeName, ThemeSetting } from '../../utils/theme.js';
+type ThemeContextValue = {
+  /** The saved user preference. May be 'auto'. */
+  themeSetting: ThemeSetting;
+  setThemeSetting: (setting: ThemeSetting) => void;
+  setPreviewTheme: (setting: ThemeSetting) => void;
+  savePreview: () => void;
+  cancelPreview: () => void;
+  /** The resolved theme to render with. Never 'auto'. */
+  currentTheme: ThemeName;
+};
+
+// Non-'auto' default so useTheme() works without a provider (tests, tooling).
+const DEFAULT_THEME: ThemeName = 'dark';
+const ThemeContext = createContext<ThemeContextValue>({
+  themeSetting: DEFAULT_THEME,
+  setThemeSetting: () => {},
+  setPreviewTheme: () => {},
+  savePreview: () => {},
+  cancelPreview: () => {},
+  currentTheme: DEFAULT_THEME
+});
+type Props = {
+  children: React.ReactNode;
+  initialState?: ThemeSetting;
+  onThemeSave?: (setting: ThemeSetting) => void;
+};
+function defaultInitialTheme(): ThemeSetting {
+  try {
+    return getGlobalConfig().theme || 'dark';
+  } catch {
+    return 'dark';
+  }
+}
+function defaultSaveTheme(setting: ThemeSetting): void {
+  saveGlobalConfig(current => ({
+    ...current,
+    theme: setting
+  }));
+}
+export function ThemeProvider({
+  children,
+  initialState,
+  onThemeSave = defaultSaveTheme
+}: Props) {
+  const [themeSetting, setThemeSetting] = useState(initialState ?? defaultInitialTheme);
+  const [previewTheme, setPreviewTheme] = useState<ThemeSetting | null>(null);
+
+  // Track terminal theme for 'auto' resolution. Seeds from $COLORFGBG (or
+  // 'dark' if unset); the OSC 11 watcher corrects it on first poll.
+  const [systemTheme, setSystemTheme] = useState<SystemTheme>(() => (initialState ?? themeSetting) === 'auto' ? getSystemThemeName() : 'dark');
+
+  // The setting currently in effect (preview wins while picker is open)
+  const activeSetting = previewTheme ?? themeSetting;
+  const {
+    internal_querier
+  } = useStdin();
+
+  // Watch for live terminal theme changes while 'auto' is active.
+  // Positive feature() pattern so the watcher import is dead-code-eliminated
+  // in external builds.
+  useEffect(() => {
+    if (feature('AUTO_THEME')) {
+      if (activeSetting !== 'auto' || !internal_querier) return;
+      let cleanup: (() => void) | undefined;
+      let cancelled = false;
+      void import('../../utils/systemThemeWatcher.js').then(({
+        watchSystemTheme
+      }) => {
+        if (cancelled) return;
+        cleanup = watchSystemTheme(internal_querier, setSystemTheme);
+      });
+      return () => {
+        cancelled = true;
+        cleanup?.();
+      };
+    }
+  }, [activeSetting, internal_querier]);
+  const currentTheme: ThemeName = activeSetting === 'auto' ? systemTheme : activeSetting;
+  const value = useMemo<ThemeContextValue>(() => ({
+    themeSetting,
+    setThemeSetting: (newSetting: ThemeSetting) => {
+      setThemeSetting(newSetting);
+      setPreviewTheme(null);
+      // Switching to 'auto' restarts the watcher (activeSetting dep), whose
+      // first poll fires immediately. Seed from the cache so the OSC
+      // round-trip doesn't flash the wrong palette.
+      if (newSetting === 'auto') {
+        setSystemTheme(getSystemThemeName());
+      }
+      onThemeSave?.(newSetting);
+    },
+    setPreviewTheme: (newSetting_0: ThemeSetting) => {
+      setPreviewTheme(newSetting_0);
+      if (newSetting_0 === 'auto') {
+        setSystemTheme(getSystemThemeName());
+      }
+    },
+    savePreview: () => {
+      if (previewTheme !== null) {
+        setThemeSetting(previewTheme);
+        setPreviewTheme(null);
+        onThemeSave?.(previewTheme);
+      }
+    },
+    cancelPreview: () => {
+      if (previewTheme !== null) {
+        setPreviewTheme(null);
+      }
+    },
+    currentTheme
+  }), [themeSetting, previewTheme, currentTheme, onThemeSave]);
+  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;
+}
+
+/**
+ * Returns the resolved theme for rendering (never 'auto') and a setter that
+ * accepts any ThemeSetting (including 'auto').
+ */
+export function useTheme() {
+  const $ = _c(3);
+  const {
+    currentTheme,
+    setThemeSetting
+  } = useContext(ThemeContext);
+  let t0;
+  if ($[0] !== currentTheme || $[1] !== setThemeSetting) {
+    t0 = [currentTheme, setThemeSetting];
+    $[0] = currentTheme;
+    $[1] = setThemeSetting;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+}
+
+/**
+ * Returns the raw theme setting as stored in config. Use this in UI that
+ * needs to show 'auto' as a distinct choice (e.g., ThemePicker).
+ */
+export function useThemeSetting() {
+  return useContext(ThemeContext).themeSetting;
+}
+export function usePreviewTheme() {
+  const $ = _c(4);
+  const {
+    setPreviewTheme,
+    savePreview,
+    cancelPreview
+  } = useContext(ThemeContext);
+  let t0;
+  if ($[0] !== cancelPreview || $[1] !== savePreview || $[2] !== setPreviewTheme) {
+    t0 = {
+      setPreviewTheme,
+      savePreview,
+      cancelPreview
+    };
+    $[0] = cancelPreview;
+    $[1] = savePreview;
+    $[2] = setPreviewTheme;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiUmVhY3QiLCJjcmVhdGVDb250ZXh0IiwidXNlQ29udGV4dCIsInVzZUVmZmVjdCIsInVzZU1lbW8iLCJ1c2VTdGF0ZSIsInVzZVN0ZGluIiwiZ2V0R2xvYmFsQ29uZmlnIiwic2F2ZUdsb2JhbENvbmZpZyIsImdldFN5c3RlbVRoZW1lTmFtZSIsIlN5c3RlbVRoZW1lIiwiVGhlbWVOYW1lIiwiVGhlbWVTZXR0aW5nIiwiVGhlbWVDb250ZXh0VmFsdWUiLCJ0aGVtZVNldHRpbmciLCJzZXRUaGVtZVNldHRpbmciLCJzZXR0aW5nIiwic2V0UHJldmlld1RoZW1lIiwic2F2ZVByZXZpZXciLCJjYW5jZWxQcmV2aWV3IiwiY3VycmVudFRoZW1lIiwiREVGQVVMVF9USEVNRSIsIlRoZW1lQ29udGV4dCIsIlByb3BzIiwiY2hpbGRyZW4iLCJSZWFjdE5vZGUiLCJpbml0aWFsU3RhdGUiLCJvblRoZW1lU2F2ZSIsImRlZmF1bHRJbml0aWFsVGhlbWUiLCJ0aGVtZSIsImRlZmF1bHRTYXZlVGhlbWUiLCJjdXJyZW50IiwiVGhlbWVQcm92aWRlciIsInByZXZpZXdUaGVtZSIsInN5c3RlbVRoZW1lIiwic2V0U3lzdGVtVGhlbWUiLCJhY3RpdmVTZXR0aW5nIiwiaW50ZXJuYWxfcXVlcmllciIsImNsZWFudXAiLCJjYW5jZWxsZWQiLCJ0aGVuIiwid2F0Y2hTeXN0ZW1UaGVtZSIsInZhbHVlIiwibmV3U2V0dGluZyIsInVzZVRoZW1lIiwiJCIsIl9jIiwidDAiLCJ1c2VUaGVtZVNldHRpbmciLCJ1c2VQcmV2aWV3VGhlbWUiXSwic291cmNlcyI6WyJUaGVtZVByb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmZWF0dXJlIH0gZnJvbSAnYnVuOmJ1bmRsZSdcbmltcG9ydCBSZWFjdCwge1xuICBjcmVhdGVDb250ZXh0LFxuICB1c2VDb250ZXh0LFxuICB1c2VFZmZlY3QsXG4gIHVzZU1lbW8sXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB1c2VTdGRpbiBmcm9tICcuLi8uLi9pbmsvaG9va3MvdXNlLXN0ZGluLmpzJ1xuaW1wb3J0IHsgZ2V0R2xvYmFsQ29uZmlnLCBzYXZlR2xvYmFsQ29uZmlnIH0gZnJvbSAnLi4vLi4vdXRpbHMvY29uZmlnLmpzJ1xuaW1wb3J0IHtcbiAgZ2V0U3lzdGVtVGhlbWVOYW1lLFxuICB0eXBlIFN5c3RlbVRoZW1lLFxufSBmcm9tICcuLi8uLi91dGlscy9zeXN0ZW1UaGVtZS5qcydcbmltcG9ydCB0eXBlIHsgVGhlbWVOYW1lLCBUaGVtZVNldHRpbmcgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZS5qcydcblxudHlwZSBUaGVtZUNvbnRleHRWYWx1ZSA9IHtcbiAgLyoqIFRoZSBzYXZlZCB1c2VyIHByZWZlcmVuY2UuIE1heSBiZSAnYXV0bycuICovXG4gIHRoZW1lU2V0dGluZzogVGhlbWVTZXR0aW5nXG4gIHNldFRoZW1lU2V0dGluZzogKHNldHRpbmc6IFRoZW1lU2V0dGluZykgPT4gdm9pZFxuICBzZXRQcmV2aWV3VGhlbWU6IChzZXR0aW5nOiBUaGVtZVNldHRpbmcpID0+IHZvaWRcbiAgc2F2ZVByZXZpZXc6ICgpID0+IHZvaWRcbiAgY2FuY2VsUHJldmlldzogKCkgPT4gdm9pZFxuICAvKiogVGhlIHJlc29sdmVkIHRoZW1lIHRvIHJlbmRlciB3aXRoLiBOZXZlciAnYXV0bycuICovXG4gIGN1cnJlbnRUaGVtZTogVGhlbWVOYW1lXG59XG5cbi8vIE5vbi0nYXV0bycgZGVmYXVsdCBzbyB1c2VUaGVtZSgpIHdvcmtzIHdpdGhvdXQgYSBwcm92aWRlciAodGVzdHMsIHRvb2xpbmcpLlxuY29uc3QgREVGQVVMVF9USEVNRTogVGhlbWVOYW1lID0gJ2RhcmsnXG5cbmNvbnN0IFRoZW1lQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGhlbWVDb250ZXh0VmFsdWU+KHtcbiAgdGhlbWVTZXR0aW5nOiBERUZBVUxUX1RIRU1FLFxuICBzZXRUaGVtZVNldHRpbmc6ICgpID0+IHt9LFxuICBzZXRQcmV2aWV3VGhlbWU6ICgpID0+IHt9LFxuICBzYXZlUHJldmlldzogKCkgPT4ge30sXG4gIGNhbmNlbFByZXZpZXc6ICgpID0+IHt9LFxuICBjdXJyZW50VGhlbWU6IERFRkFVTFRfVEhFTUUsXG59KVxuXG50eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGluaXRpYWxTdGF0ZT86IFRoZW1lU2V0dGluZ1xuICBvblRoZW1lU2F2ZT86IChzZXR0aW5nOiBUaGVtZVNldHRpbmcpID0+IHZvaWRcbn1cblxuZnVuY3Rpb24gZGVmYXVsdEluaXRpYWxUaGVtZSgpOiBUaGVtZVNldHRpbmcge1xuICByZXR1cm4gZ2V0R2xvYmFsQ29uZmlnKCkudGhlbWVcbn1cblxuZnVuY3Rpb24gZGVmYXVsdFNhdmVUaGVtZShzZXR0aW5nOiBUaGVtZVNldHRpbmcpOiB2b2lkIHtcbiAgc2F2ZUdsb2JhbENvbmZpZyhjdXJyZW50ID0+ICh7IC4uLmN1cnJlbnQsIHRoZW1lOiBzZXR0aW5nIH0pKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gVGhlbWVQcm92aWRlcih7XG4gIGNoaWxkcmVuLFxuICBpbml0aWFsU3RhdGUsXG4gIG9uVGhlbWVTYXZlID0gZGVmYXVsdFNhdmVUaGVtZSxcbn06IFByb3BzKSB7XG4gIGNvbnN0IFt0aGVtZVNldHRpbmcsIHNldFRoZW1lU2V0dGluZ10gPSB1c2VTdGF0ZShcbiAgICBpbml0aWFsU3RhdGUgPz8gZGVmYXVsdEluaXRpYWxUaGVtZSxcbiAgKVxuICBjb25zdCBbcHJldmlld1RoZW1lLCBzZXRQcmV2aWV3VGhlbWVdID0gdXNlU3RhdGU8VGhlbWVTZXR0aW5nIHwgbnVsbD4obnVsbClcblxuICAvLyBUcmFjayB0ZXJtaW5hbCB0aGVtZSBmb3IgJ2F1dG8nIHJlc29sdXRpb24uIFNlZWRzIGZyb20gJENPTE9SRkdCRyAob3JcbiAgLy8gJ2RhcmsnIGlmIHVuc2V0KTsgdGhlIE9TQyAxMSB3YXRjaGVyIGNvcnJlY3RzIGl0IG9uIGZpcnN0IHBvbGwuXG4gIGNvbnN0IFtzeXN0ZW1UaGVtZSwgc2V0U3lzdGVtVGhlbWVdID0gdXNlU3RhdGU8U3lzdGVtVGhlbWU+KCgpID0+XG4gICAgKGluaXRpYWxTdGF0ZSA/PyB0aGVtZVNldHRpbmcpID09PSAnYXV0bycgPyBnZXRTeXN0ZW1UaGVtZU5hbWUoKSA6ICdkYXJrJyxcbiAgKVxuXG4gIC8vIFRoZSBzZXR0aW5nIGN1cnJlbnRseSBpbiBlZmZlY3QgKHByZXZpZXcgd2lucyB3aGlsZSBwaWNrZXIgaXMgb3BlbilcbiAgY29uc3QgYWN0aXZlU2V0dGluZyA9IHByZXZpZXdUaGVtZSA/PyB0aGVtZVNldHRpbmdcblxuICBjb25zdCB7IGludGVybmFsX3F1ZXJpZXIgfSA9IHVzZVN0ZGluKClcblxuICAvLyBXYXRjaCBmb3IgbGl2ZSB0ZXJtaW5hbCB0aGVtZSBjaGFuZ2VzIHdoaWxlICdhdXRvJyBpcyBhY3RpdmUuXG4gIC8vIFBvc2l0aXZlIGZlYXR1cmUoKSBwYXR0ZXJuIHNvIHRoZSB3YXRjaGVyIGltcG9ydCBpcyBkZWFkLWNvZGUtZWxpbWluYXRlZFxuICAvLyBpbiBleHRlcm5hbCBidWlsZHMuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGZlYXR1cmUoJ0FVVE9fVEhFTUUnKSkge1xuICAgICAgaWYgKGFjdGl2ZVNldHRpbmcgIT09ICdhdXRvJyB8fCAhaW50ZXJuYWxfcXVlcmllcikgcmV0dXJuXG4gICAgICBsZXQgY2xlYW51cDogKCgpID0+IHZvaWQpIHwgdW5kZWZpbmVkXG4gICAgICBsZXQgY2FuY2VsbGVkID0gZmFsc2VcbiAgICAgIHZvaWQgaW1wb3J0KCcuLi8uLi91dGlscy9zeXN0ZW1UaGVtZVdhdGNoZXIuanMnKS50aGVuKFxuICAgICAgICAoeyB3YXRjaFN5c3RlbVRoZW1lIH0pID0+IHtcbiAgICAgICAgICBpZiAoY2FuY2VsbGVkKSByZXR1cm5cbiAgICAgICAgICBjbGVhbnVwID0gd2F0Y2hTeXN0ZW1UaGVtZShpbnRlcm5hbF9xdWVyaWVyLCBzZXRTeXN0ZW1UaGVtZSlcbiAgICAgICAgfSxcbiAgICAgIClcbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGNhbmNlbGxlZCA9IHRydWVcbiAgICAgICAgY2xlYW51cD8uKClcbiAgICAgIH1cbiAgICB9XG4gIH0sIFthY3RpdmVTZXR0aW5nLCBpbnRlcm5hbF9xdWVyaWVyXSlcblxuICBjb25zdCBjdXJyZW50VGhlbWU6IFRoZW1lTmFtZSA9XG4gICAgYWN0aXZlU2V0dGluZyA9PT0gJ2F1dG8nID8gc3lzdGVtVGhlbWUgOiBhY3RpdmVTZXR0aW5nXG5cbiAgY29uc3QgdmFsdWUgPSB1c2VNZW1vPFRoZW1lQ29udGV4dFZhbHVlPihcbiAgICAoKSA9PiAoe1xuICAgICAgdGhlbWVTZXR0aW5nLFxuICAgICAgc2V0VGhlbWVTZXR0aW5nOiAobmV3U2V0dGluZzogVGhlbWVTZXR0aW5nKSA9PiB7XG4gICAgICAgIHNldFRoZW1lU2V0dGluZyhuZXdTZXR0aW5nKVxuICAgICAgICBzZXRQcmV2aWV3VGhlbWUobnVsbClcbiAgICAgICAgLy8gU3dpdGNoaW5nIHRvICdhdXRvJyByZXN0YXJ0cyB0aGUgd2F0Y2hlciAoYWN0aXZlU2V0dGluZyBkZXApLCB3aG9zZVxuICAgICAgICAvLyBmaXJzdCBwb2xsIGZpcmVzIGltbWVkaWF0ZWx5LiBTZWVkIGZyb20gdGhlIGNhY2hlIHNvIHRoZSBPU0NcbiAgICAgICAgLy8gcm91bmQtdHJpcCBkb2Vzbid0IGZsYXNoIHRoZSB3cm9uZyBwYWxldHRlLlxuICAgICAgICBpZiAobmV3U2V0dGluZyA9PT0gJ2F1dG8nKSB7XG4gICAgICAgICAgc2V0U3lzdGVtVGhlbWUoZ2V0U3lzdGVtVGhlbWVOYW1lKCkpXG4gICAgICAgIH1cbiAgICAgICAgb25UaGVtZVNhdmU/LihuZXdTZXR0aW5nKVxuICAgICAgfSxcbiAgICAgIHNldFByZXZpZXdUaGVtZTogKG5ld1NldHRpbmc6IFRoZW1lU2V0dGluZykgPT4ge1xuICAgICAgICBzZXRQcmV2aWV3VGhlbWUobmV3U2V0dGluZylcbiAgICAgICAgaWYgKG5ld1NldHRpbmcgPT09ICdhdXRvJykge1xuICAgICAgICAgIHNldFN5c3RlbVRoZW1lKGdldFN5c3RlbVRoZW1lTmFtZSgpKVxuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgc2F2ZVByZXZpZXc6ICgpID0+IHtcbiAgICAgICAgaWYgKHByZXZpZXdUaGVtZSAhPT0gbnVsbCkge1xuICAgICAgICAgIHNldFRoZW1lU2V0dGluZyhwcmV2aWV3VGhlbWUpXG4gICAgICAgICAgc2V0UHJldmlld1RoZW1lKG51bGwpXG4gICAgICAgICAgb25UaGVtZVNhdmU/LihwcmV2aWV3VGhlbWUpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBjYW5jZWxQcmV2aWV3OiAoKSA9PiB7XG4gICAgICAgIGlmIChwcmV2aWV3VGhlbWUgIT09IG51bGwpIHtcbiAgICAgICAgICBzZXRQcmV2aWV3VGhlbWUobnVsbClcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIGN1cnJlbnRUaGVtZSxcbiAgICB9KSxcbiAgICBbdGhlbWVTZXR0aW5nLCBwcmV2aWV3VGhlbWUsIGN1cnJlbnRUaGVtZSwgb25UaGVtZVNhdmVdLFxuICApXG5cbiAgcmV0dXJuIDxUaGVtZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT57Y2hpbGRyZW59PC9UaGVtZUNvbnRleHQuUHJvdmlkZXI+XG59XG5cbi8qKlxuICogUmV0dXJucyB0aGUgcmVzb2x2ZWQgdGhlbWUgZm9yIHJlbmRlcmluZyAobmV2ZXIgJ2F1dG8nKSBhbmQgYSBzZXR0ZXIgdGhhdFxuICogYWNjZXB0cyBhbnkgVGhlbWVTZXR0aW5nIChpbmNsdWRpbmcgJ2F1dG8nKS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZVRoZW1lKCk6IFtUaGVtZU5hbWUsIChzZXR0aW5nOiBUaGVtZVNldHRpbmcpID0+IHZvaWRdIHtcbiAgY29uc3QgeyBjdXJyZW50VGhlbWUsIHNldFRoZW1lU2V0dGluZyB9ID0gdXNlQ29udGV4dChUaGVtZUNvbnRleHQpXG4gIHJldHVybiBbY3VycmVudFRoZW1lLCBzZXRUaGVtZVNldHRpbmddXG59XG5cbi8qKlxuICogUmV0dXJucyB0aGUgcmF3IHRoZW1lIHNldHRpbmcgYXMgc3RvcmVkIGluIGNvbmZpZy4gVXNlIHRoaXMgaW4gVUkgdGhhdFxuICogbmVlZHMgdG8gc2hvdyAnYXV0bycgYXMgYSBkaXN0aW5jdCBjaG9pY2UgKGUuZy4sIFRoZW1lUGlja2VyKS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZVRoZW1lU2V0dGluZygpOiBUaGVtZVNldHRpbmcge1xuICByZXR1cm4gdXNlQ29udGV4dChUaGVtZUNvbnRleHQpLnRoZW1lU2V0dGluZ1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlUHJldmlld1RoZW1lKCkge1xuICBjb25zdCB7IHNldFByZXZpZXdUaGVtZSwgc2F2ZVByZXZpZXcsIGNhbmNlbFByZXZpZXcgfSA9XG4gICAgdXNlQ29udGV4dChUaGVtZUNvbnRleHQpXG4gIHJldHVybiB7IHNldFByZXZpZXdUaGVtZSwgc2F2ZVByZXZpZXcsIGNhbmNlbFByZXZpZXcgfVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsT0FBTyxRQUFRLFlBQVk7QUFDcEMsT0FBT0MsS0FBSyxJQUNWQyxhQUFhLEVBQ2JDLFVBQVUsRUFDVkMsU0FBUyxFQUNUQyxPQUFPLEVBQ1BDLFFBQVEsUUFDSCxPQUFPO0FBQ2QsT0FBT0MsUUFBUSxNQUFNLDhCQUE4QjtBQUNuRCxTQUFTQyxlQUFlLEVBQUVDLGdCQUFnQixRQUFRLHVCQUF1QjtBQUN6RSxTQUNFQyxrQkFBa0IsRUFDbEIsS0FBS0MsV0FBVyxRQUNYLDRCQUE0QjtBQUNuQyxjQUFjQyxTQUFTLEVBQUVDLFlBQVksUUFBUSxzQkFBc0I7QUFFbkUsS0FBS0MsaUJBQWlCLEdBQUc7RUFDdkI7RUFDQUMsWUFBWSxFQUFFRixZQUFZO0VBQzFCRyxlQUFlLEVBQUUsQ0FBQ0MsT0FBTyxFQUFFSixZQUFZLEVBQUUsR0FBRyxJQUFJO0VBQ2hESyxlQUFlLEVBQUUsQ0FB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

package/src/components/design-system/ThemedBox.tsx

@@ -0,0 +1,156 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { type PropsWithChildren, type Ref } from 'react';
+import Box from '../../ink/components/Box.js';
+import type { DOMElement } from '../../ink/dom.js';
+import type { ClickEvent } from '../../ink/events/click-event.js';
+import type { FocusEvent } from '../../ink/events/focus-event.js';
+import type { KeyboardEvent } from '../../ink/events/keyboard-event.js';
+import type { Color, Styles } from '../../ink/styles.js';
+import { getTheme, type Theme } from '../../utils/theme.js';
+import { useTheme } from './ThemeProvider.js';
+
+// Color props that accept theme keys
+type ThemedColorProps = {
+  readonly borderColor?: keyof Theme | Color;
+  readonly borderTopColor?: keyof Theme | Color;
+  readonly borderBottomColor?: keyof Theme | Color;
+  readonly borderLeftColor?: keyof Theme | Color;
+  readonly borderRightColor?: keyof Theme | Color;
+  readonly backgroundColor?: keyof Theme | Color;
+};
+
+// Base Styles without color props (they'll be overridden)
+type BaseStylesWithoutColors = Omit<Styles, 'textWrap' | 'borderColor' | 'borderTopColor' | 'borderBottomColor' | 'borderLeftColor' | 'borderRightColor' | 'backgroundColor'>;
+export type Props = BaseStylesWithoutColors & ThemedColorProps & {
+  ref?: Ref<DOMElement>;
+  tabIndex?: number;
+  autoFocus?: boolean;
+  onClick?: (event: ClickEvent) => void;
+  onFocus?: (event: FocusEvent) => void;
+  onFocusCapture?: (event: FocusEvent) => void;
+  onBlur?: (event: FocusEvent) => void;
+  onBlurCapture?: (event: FocusEvent) => void;
+  onKeyDown?: (event: KeyboardEvent) => void;
+  onKeyDownCapture?: (event: KeyboardEvent) => void;
+  onMouseEnter?: () => void;
+  onMouseLeave?: () => void;
+};
+
+/**
+ * Resolves a color value that may be a theme key to a raw Color.
+ */
+function resolveColor(color: keyof Theme | Color | undefined, theme: Theme): Color | undefined {
+  if (!color) return undefined;
+  // Check if it's a raw color (starts with rgb(, #, ansi256(, or ansi:)
+  if (color.startsWith('rgb(') || color.startsWith('#') || color.startsWith('ansi256(') || color.startsWith('ansi:')) {
+    return color as Color;
+  }
+  // It's a theme key - resolve it
+  return theme[color as keyof Theme] as Color;
+}
+
+/**
+ * Theme-aware Box component that resolves theme color keys to raw colors.
+ * This wraps the base Box component with theme resolution for border colors.
+ */
+function ThemedBox(t0) {
+  const $ = _c(33);
+  let backgroundColor;
+  let borderBottomColor;
+  let borderColor;
+  let borderLeftColor;
+  let borderRightColor;
+  let borderTopColor;
+  let children;
+  let ref;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      borderColor,
+      borderTopColor,
+      borderBottomColor,
+      borderLeftColor,
+      borderRightColor,
+      backgroundColor,
+      children,
+      ref,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = backgroundColor;
+    $[2] = borderBottomColor;
+    $[3] = borderColor;
+    $[4] = borderLeftColor;
+    $[5] = borderRightColor;
+    $[6] = borderTopColor;
+    $[7] = children;
+    $[8] = ref;
+    $[9] = rest;
+  } else {
+    backgroundColor = $[1];
+    borderBottomColor = $[2];
+    borderColor = $[3];
+    borderLeftColor = $[4];
+    borderRightColor = $[5];
+    borderTopColor = $[6];
+    children = $[7];
+    ref = $[8];
+    rest = $[9];
+  }
+  const [themeName] = useTheme();
+  let resolvedBorderBottomColor;
+  let resolvedBorderColor;
+  let resolvedBorderLeftColor;
+  let resolvedBorderRightColor;
+  let resolvedBorderTopColor;
+  let t1;
+  if ($[10] !== backgroundColor || $[11] !== borderBottomColor || $[12] !== borderColor || $[13] !== borderLeftColor || $[14] !== borderRightColor || $[15] !== borderTopColor || $[16] !== themeName) {
+    const theme = getTheme(themeName);
+    resolvedBorderColor = resolveColor(borderColor, theme);
+    resolvedBorderTopColor = resolveColor(borderTopColor, theme);
+    resolvedBorderBottomColor = resolveColor(borderBottomColor, theme);
+    resolvedBorderLeftColor = resolveColor(borderLeftColor, theme);
+    resolvedBorderRightColor = resolveColor(borderRightColor, theme);
+    t1 = resolveColor(backgroundColor, theme);
+    $[10] = backgroundColor;
+    $[11] = borderBottomColor;
+    $[12] = borderColor;
+    $[13] = borderLeftColor;
+    $[14] = borderRightColor;
+    $[15] = borderTopColor;
+    $[16] = themeName;
+    $[17] = resolvedBorderBottomColor;
+    $[18] = resolvedBorderColor;
+    $[19] = resolvedBorderLeftColor;
+    $[20] = resolvedBorderRightColor;
+    $[21] = resolvedBorderTopColor;
+    $[22] = t1;
+  } else {
+    resolvedBorderBottomColor = $[17];
+    resolvedBorderColor = $[18];
+    resolvedBorderLeftColor = $[19];
+    resolvedBorderRightColor = $[20];
+    resolvedBorderTopColor = $[21];
+    t1 = $[22];
+  }
+  const resolvedBackgroundColor = t1;
+  let t2;
+  if ($[23] !== children || $[24] !== ref || $[25] !== resolvedBackgroundColor || $[26] !== resolvedBorderBottomColor || $[27] !== resolvedBorderColor || $[28] !== resolvedBorderLeftColor || $[29] !== resolvedBorderRightColor || $[30] !== resolvedBorderTopColor || $[31] !== rest) {
+    t2 = <Box ref={ref} borderColor={resolvedBorderColor} borderTopColor={resolvedBorderTopColor} borderBottomColor={resolvedBorderBottomColor} borderLeftColor={resolvedBorderLeftColor} borderRightColor={resolvedBorderRightColor} backgroundColor={resolvedBackgroundColor} {...rest}>{children}</Box>;
+    $[23] = children;
+    $[24] = ref;
+    $[25] = resolvedBackgroundColor;
+    $[26] = resolvedBorderBottomColor;
+    $[27] = resolvedBorderColor;
+    $[28] = resolvedBorderLeftColor;
+    $[29] = resolvedBorderRightColor;
+    $[30] = resolvedBorderTopColor;
+    $[31] = rest;
+    $[32] = t2;
+  } else {
+    t2 = $[32];
+  }
+  return t2;
+}
+export default ThemedBox;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlByb3BzV2l0aENoaWxkcmVuIiwiUmVmIiwiQm94IiwiRE9NRWxlbWVudCIsIkNsaWNrRXZlbnQiLCJGb2N1c0V2ZW50IiwiS2V5Ym9hcmRFdmVudCIsIkNvbG9yIiwiU3R5bGVzIiwiZ2V0VGhlbWUiLCJUaGVtZSIsInVzZVRoZW1lIiwiVGhlbWVkQ29sb3JQcm9wcyIsImJvcmRlckNvbG9yIiwiYm9yZGVyVG9wQ29sb3IiLCJib3JkZXJCb3R0b21Db2xvciIsImJvcmRlckxlZnRDb2xvciIsImJvcmRlclJpZ2h0Q29sb3IiLCJiYWNrZ3JvdW5kQ29sb3IiLCJCYXNlU3R5bGVzV2l0aG91dENvbG9ycyIsIk9taXQiLCJQcm9wcyIsInJlZiIsInRhYkluZGV4IiwiYXV0b0ZvY3VzIiwib25DbGljayIsImV2ZW50Iiwib25Gb2N1cyIsIm9uRm9jdXNDYXB0dXJlIiwib25CbHVyIiwib25CbHVyQ2FwdHVyZSIsIm9uS2V5RG93biIsIm9uS2V5RG93bkNhcHR1cmUiLCJvbk1vdXNlRW50ZXIiLCJvbk1vdXNlTGVhdmUiLCJyZXNvbHZlQ29sb3IiLCJjb2xvciIsInRoZW1lIiwidW5kZWZpbmVkIiwic3RhcnRzV2l0aCIsIlRoZW1lZEJveCIsInQwIiwiJCIsIl9jIiwiY2hpbGRyZW4iLCJyZXN0IiwidGhlbWVOYW1lIiwicmVzb2x2ZWRCb3JkZXJCb3R0b21Db2xvciIsInJlc29sdmVkQm9yZGVyQ29sb3IiLCJyZXNvbHZlZEJvcmRlckxlZnRDb2xvciIsInJlc29sdmVkQm9yZGVyUmlnaHRDb2xvciIsInJlc29sdmVkQm9yZGVyVG9wQ29sb3IiLCJ0MSIsInJlc29sdmVkQmFja2dyb3VuZENvbG9yIiwidDIiXSwic291cmNlcyI6WyJUaGVtZWRCb3gudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB0eXBlIFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IEJveCBmcm9tICcuLi8uLi9pbmsvY29tcG9uZW50cy9Cb3guanMnXG5pbXBvcnQgdHlwZSB7IERPTUVsZW1lbnQgfSBmcm9tICcuLi8uLi9pbmsvZG9tLmpzJ1xuaW1wb3J0IHR5cGUgeyBDbGlja0V2ZW50IH0gZnJvbSAnLi4vLi4vaW5rL2V2ZW50cy9jbGljay1ldmVudC5qcydcbmltcG9ydCB0eXBlIHsgRm9jdXNFdmVudCB9IGZyb20gJy4uLy4uL2luay9ldmVudHMvZm9jdXMtZXZlbnQuanMnXG5pbXBvcnQgdHlwZSB7IEtleWJvYXJkRXZlbnQgfSBmcm9tICcuLi8uLi9pbmsvZXZlbnRzL2tleWJvYXJkLWV2ZW50LmpzJ1xuaW1wb3J0IHR5cGUgeyBDb2xvciwgU3R5bGVzIH0gZnJvbSAnLi4vLi4vaW5rL3N0eWxlcy5qcydcbmltcG9ydCB7IGdldFRoZW1lLCB0eXBlIFRoZW1lIH0gZnJvbSAnLi4vLi4vdXRpbHMvdGhlbWUuanMnXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJy4vVGhlbWVQcm92aWRlci5qcydcblxuLy8gQ29sb3IgcHJvcHMgdGhhdCBhY2NlcHQgdGhlbWUga2V5c1xudHlwZSBUaGVtZWRDb2xvclByb3BzID0ge1xuICByZWFkb25seSBib3JkZXJDb2xvcj86IGtleW9mIFRoZW1lIHwgQ29sb3JcbiAgcmVhZG9ubHkgYm9yZGVyVG9wQ29sb3I/OiBrZXlvZiBUaGVtZSB8IENvbG9yXG4gIHJlYWRvbmx5IGJvcmRlckJvdHRvbUNvbG9yPzoga2V5b2YgVGhlbWUgfCBDb2xvclxuICByZWFkb25seSBib3JkZXJMZWZ0Q29sb3I/OiBrZXlvZiBUaGVtZSB8IENvbG9yXG4gIHJlYWRvbmx5IGJvcmRlclJpZ2h0Q29sb3I/OiBrZXlvZiBUaGVtZSB8IENvbG9yXG4gIHJlYWRvbmx5IGJhY2tncm91bmRDb2xvcj86IGtleW9mIFRoZW1lIHwgQ29sb3Jcbn1cblxuLy8gQmFzZSBTdHlsZXMgd2l0aG91dCBjb2xvciBwcm9wcyAodGhleSdsbCBiZSBvdmVycmlkZGVuKVxudHlwZSBCYXNlU3R5bGVzV2l0aG91dENvbG9ycyA9IE9taXQ8XG4gIFN0eWxlcyxcbiAgfCAndGV4dFdyYXAnXG4gIHwgJ2JvcmRlckNvbG9yJ1xuICB8ICdib3JkZXJUb3BDb2xvcidcbiAgfCAnYm9yZGVyQm90dG9tQ29sb3InXG4gIHwgJ2JvcmRlckxlZnRDb2xvcidcbiAgfCAnYm9yZGVyUmlnaHRDb2xvcidcbiAgfCAnYmFja2dyb3VuZENvbG9yJ1xuPlxuXG5leHBvcnQgdHlwZSBQcm9wcyA9IEJhc2VTdHlsZXNXaXRob3V0Q29sb3JzICZcbiAgVGhlbWVkQ29sb3JQcm9wcyAmIHtcbiAgICByZWY/OiBSZWY8RE9NRWxlbWVudD5cbiAgICB0YWJJbmRleD86IG51bWJlclxuICAgIGF1dG9Gb2N1cz86IGJvb2xlYW5cbiAgICBvbkNsaWNrPzogKGV2ZW50OiBDbGlja0V2ZW50KSA9PiB2b2lkXG4gICAgb25Gb2N1cz86IChldmVudDogRm9jdXNFdmVudCkgPT4gdm9pZFxuICAgIG9uRm9jdXNDYXB0dXJlPzogKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB2b2lkXG4gICAgb25CbHVyPzogKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB2b2lkXG4gICAgb25CbHVyQ2FwdHVyZT86IChldmVudDogRm9jdXNFdmVudCkgPT4gdm9pZFxuICAgIG9uS2V5RG93bj86IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4gdm9pZFxuICAgIG9uS2V5RG93bkNhcHR1cmU/OiAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHZvaWRcbiAgICBvbk1vdXNlRW50ZXI/OiAoKSA9PiB2b2lkXG4gICAgb25Nb3VzZUxlYXZlPzogKCkgPT4gdm9pZFxuICB9XG5cbi8qKlxuICogUmVzb2x2ZXMgYSBjb2xvciB2YWx1ZSB0aGF0IG1heSBiZSBhIHRoZW1lIGtleSB0byBhIHJhdyBDb2xvci5cbiAqL1xuZnVuY3Rpb24gcmVzb2x2ZUNvbG9yKFxuICBjb2xvcjoga2V5b2YgVGhlbWUgfCBDb2xvciB8IHVuZGVmaW5lZCxcbiAgdGhlbWU6IFRoZW1lLFxuKTogQ29sb3IgfCB1bmRlZmluZWQge1xuICBpZiAoIWNvbG9yKSByZXR1cm4gdW5kZWZpbmVkXG4gIC8vIENoZWNrIGlmIGl0J3MgYSByYXcgY29sb3IgKHN0YXJ0cyB3aXRoIHJnYigsICMsIGFuc2kyNTYoLCBvciBhbnNpOilcbiAgaWYgKFxuICAgIGNvbG9yLnN0YXJ0c1dpdGgoJ3JnYignKSB8fFxuICAgIGNvbG9yLnN0YXJ0c1dpdGgoJyMnKSB8fFxuICAgIGNvbG9yLnN0YXJ0c1dpdGgoJ2Fuc2kyNTYoJykgfHxcbiAgICBjb2xvci5zdGFydHNXaXRoKCdhbnNpOicpXG4gICkge1xuICAgIHJldHVybiBjb2xvciBhcyBDb2xvclxuICB9XG4gIC8vIEl0J3MgYSB0aGVtZSBrZXkgLSByZXNvbHZlIGl0XG4gIHJldHVybiB0aGVtZVtjb2xvciBhcyBrZXlvZiBUaGVtZV0gYXMgQ29sb3Jcbn1cblxuLyoqXG4gKiBUaGVtZS1hd2FyZSBCb3ggY29tcG9uZW50IHRoYXQgcmVzb2x2ZXMgdGhlbWUgY29sb3Iga2V5cyB0byByYXcgY29sb3JzLlxuICogVGhpcyB3cmFwcyB0aGUgYmFzZSBCb3ggY29tcG9uZW50IHdpdGggdGhlbWUgcmVzb2x1dGlvbiBmb3IgYm9yZGVyIGNvbG9ycy5cbiAqL1xuZnVuY3Rpb24gVGhlbWVkQm94KHtcbiAgYm9yZGVyQ29sb3IsXG4gIGJvcmRlclRvcENvbG9yLFxuICBib3JkZXJCb3R0b21Db2xvcixcbiAgYm9yZGVyTGVmdENvbG9yLFxuICBib3JkZXJSaWdodENvbG9yLFxuICBiYWNrZ3JvdW5kQ29sb3IsXG4gIGNoaWxkcmVuLFxuICByZWYsXG4gIC4uLnJlc3Rcbn06IFByb3BzV2l0aENoaWxkcmVuPFByb3BzPik6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IFt0aGVtZU5hbWVdID0gdXNlVGhlbWUoKVxuICBjb25zdCB0aGVtZSA9IGdldFRoZW1lKHRoZW1lTmFtZSlcblxuICAvLyBSZXNvbHZlIHRoZW1lIGtleXMgdG8gcmF3IGNvbG9yc1xuICBjb25zdCByZXNvbHZlZEJvcmRlckNvbG9yID0gcmVzb2x2ZUNvbG9yKGJvcmRlckNvbG9yLCB0aGVtZSlcbiAgY29uc3QgcmVzb2x2ZWRCb3JkZXJUb3BDb2xvciA9IHJlc29sdmVDb2xvcihib3JkZXJUb3BDb2xvciwgdGhlbWUpXG4gIGNvbnN0IHJlc29sdmVkQm9yZGVyQm90dG9tQ29sb3IgPSByZXNvbHZlQ29sb3IoYm9yZGVyQm90dG9tQ29sb3IsIHRoZW1lKVxuICBjb25zdCByZXNvbHZlZEJvcmRlckxlZnRDb2xvciA9IHJlc29sdmVDb2xvcihib3JkZXJMZWZ0Q29sb3IsIHRoZW1lKVxuICBjb25zdCByZXNvbHZlZEJvcmRlclJpZ2h0Q29sb3IgPSByZXNvbHZlQ29sb3IoYm9yZGVyUmlnaHRDb2xvciwgdGhlbWUpXG4gIGNvbnN0IHJlc29sdmVkQmFja2dyb3VuZENvbG9yID0gcmVzb2x2ZUNvbG9yKGJhY2tncm91bmRDb2xvciwgdGhlbWUpXG5cbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGJvcmRlckNvbG9yPXtyZXNvbHZlZEJvcmRlckNvbG9yfVxuICAgICAgYm9yZGVyVG9wQ29sb3I9e3Jlc29sdmVkQm9yZGVyVG9wQ29sb3J9XG4gICAgICBib3JkZXJCb3R0b21Db2xvcj17cmVzb2x2ZWRCb3JkZXJCb3R0b21Db2xvcn1cbiAgICAgIGJvcmRlckxlZnRDb2xvcj17cmVzb2x2ZWRCb3JkZXJMZWZ0Q29sb3J9XG4gICAgICBib3JkZXJSaWdodENvbG9yPXtyZXNvbHZlZEJvcmRlclJpZ2h0Q29sb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e3Jlc29sdmVkQmFja2dyb3VuZENvbG9yfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQm94PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRoZW1lZEJveFxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxJQUFJLEtBQUtDLGlCQUFpQixFQUFFLEtBQUtDLEdB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QkFBQTtJQUFBTixDQUFBLE9BQUFPLHVCQUFBO0lBQUFQLENBQUEsT0FBQVEsd0JBQUE7SUFBQVIsQ0FBQSxPQUFBUyxzQkFBQTtJQUFBVCxDQUFBLE9BQUFVLEVBQUE7RUFBQTtJQUFBTCx5QkFBQSxHQUFBTCxDQUFBO0lBQUFNLG1CQUFBLEdBQUFOLENBQUE7SUFBQU8sdUJBQUEsR0FBQVAsQ0FBQTtJQUFBUSx3QkFBQSxHQUFBUixDQUFBO0lBQUFTLHNCQUFBLEdBQUFULENBQUE7SUFBQVUsRUFBQSxHQUFBVixDQUFBO0VBQUE7RUFBcEUsTUFBQVcsdUJBQUEsR0FBZ0NELEVBQW9DO0VBQUEsSUFBQUUsRUFBQTtFQUFBLElBQUFaLENBQUEsU0FBQUUsUUFBQSxJQUFBRixDQUFBLFNBQUFwQixHQUFBLElBQUFvQixDQUFBLFNBQUFXLHVCQUFBLElBQUFYLENBQUEsU0FBQUsseUJBQUEsSUFBQUwsQ0FBQSxTQUFBTSxtQkFBQSxJQUFBTixDQUFBLFNBQUFPLHVCQUFBLElBQUFQLENBQUEsU0FBQVEsd0JBQUEsSUFBQVIsQ0FBQSxTQUFBUyxzQkFBQSxJQUFBVCxDQUFBLFNBQUFHLElBQUE7SUFHbEVTLEVBQUEsSUFBQyxHQUFHLENBQ0doQyxHQUFHLENBQUhBLElBQUUsQ0FBQyxDQUNLMEIsV0FBbUIsQ0FBbkJBLG9CQUFrQixDQUFDLENBQ2hCRyxjQUFzQixDQUF0QkEsdUJBQXFCLENBQUMsQ0FDbkJKLGlCQUF5QixDQUF6QkEsMEJBQXdCLENBQUMsQ0FDM0JFLGVBQXVCLENBQXZCQSx3QkFBc0IsQ0FBQyxDQUN0QkMsZ0JBQXdCLENBQXhCQSx5QkFBdUIsQ0FBQyxDQUN6QkcsZUFBdUIsQ0FBdkJBLHdCQUFzQixDQUFDLEtBQ3BDUixJQUFJLEVBRVBELFNBQU8sQ0FDVixFQVhDLEdBQUcsQ0FXRTtJQUFBRixDQUFBLE9BQUFFLFFBQUE7SUFBQUYsQ0FBQSxPQUFBcEIsR0FBQTtJQUFBb0IsQ0FBQSxPQUFBVyx1QkFBQTtJQUFBWCxDQUFBLE9BQUFLLHlCQUFBO0lBQUFMLENBQUEsT0FBQU0sbUJBQUE7SUFBQU4sQ0FBQSxPQUFBTyx1QkFBQTtJQUFBUCxDQUFBLE9BQUFRLHdCQUFBO0lBQUFSLENBQUEsT0FBQVMsc0JBQUE7SUFBQVQsQ0FBQSxPQUFBRyxJQUFBO0lBQUFILENBQUEsT0FBQVksRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQVosQ0FBQTtFQUFBO0VBQUEsT0FYTlksRUFXTTtBQUFBO0FBSVYsZUFBZWQsU0FBUyIsImlnbm9yZUxpc3QiOltdfQ==

package/src/components/design-system/ThemedText.tsx

@@ -0,0 +1,124 @@
+import { c as _c } from "react/compiler-runtime";
+import type { ReactNode } from 'react';
+import React, { useContext } from 'react';
+import Text from '../../ink/components/Text.js';
+import type { Color, Styles } from '../../ink/styles.js';
+import { getTheme, type Theme } from '../../utils/theme.js';
+import { useTheme } from './ThemeProvider.js';
+
+/** Colors uncolored ThemedText in the subtree. Precedence: explicit `color` >
+ *  this > dimColor. Crosses Box boundaries (Ink's style cascade doesn't). */
+export const TextHoverColorContext = React.createContext<keyof Theme | undefined>(undefined);
+export type Props = {
+  /**
+   * Change text color. Accepts a theme key or raw color value.
+   */
+  readonly color?: keyof Theme | Color;
+
+  /**
+   * Same as `color`, but for background. Must be a theme key.
+   */
+  readonly backgroundColor?: keyof Theme;
+
+  /**
+   * Dim the color using the theme's inactive color.
+   * This is compatible with bold (unlike ANSI dim).
+   */
+  readonly dimColor?: boolean;
+
+  /**
+   * Make the text bold.
+   */
+  readonly bold?: boolean;
+
+  /**
+   * Make the text italic.
+   */
+  readonly italic?: boolean;
+
+  /**
+   * Make the text underlined.
+   */
+  readonly underline?: boolean;
+
+  /**
+   * Make the text crossed with a line.
+   */
+  readonly strikethrough?: boolean;
+
+  /**
+   * Inverse background and foreground colors.
+   */
+  readonly inverse?: boolean;
+
+  /**
+   * This property tells Ink to wrap or truncate text if its width is larger than container.
+   * If `wrap` is passed (by default), Ink will wrap text and split it into multiple lines.
+   * If `truncate-*` is passed, Ink will truncate text instead, which will result in one line of text with the rest cut off.
+   */
+  readonly wrap?: Styles['textWrap'];
+  readonly children?: ReactNode;
+};
+
+/**
+ * Resolves a color value that may be a theme key to a raw Color.
+ */
+function resolveColor(color: keyof Theme | Color | undefined, theme: Theme): Color | undefined {
+  if (!color) return undefined;
+  // Check if it's a raw color (starts with rgb(, #, ansi256(, or ansi:)
+  if (color.startsWith('rgb(') || color.startsWith('#') || color.startsWith('ansi256(') || color.startsWith('ansi:')) {
+    return color as Color;
+  }
+  // It's a theme key - resolve it
+  return theme[color as keyof Theme] as Color;
+}
+
+/**
+ * Theme-aware Text component that resolves theme color keys to raw colors.
+ * This wraps the base Text component with theme resolution.
+ */
+export default function ThemedText(t0) {
+  const $ = _c(10);
+  const {
+    color,
+    backgroundColor,
+    dimColor: t1,
+    bold: t2,
+    italic: t3,
+    underline: t4,
+    strikethrough: t5,
+    inverse: t6,
+    wrap: t7,
+    children
+  } = t0;
+  const dimColor = t1 === undefined ? false : t1;
+  const bold = t2 === undefined ? false : t2;
+  const italic = t3 === undefined ? false : t3;
+  const underline = t4 === undefined ? false : t4;
+  const strikethrough = t5 === undefined ? false : t5;
+  const inverse = t6 === undefined ? false : t6;
+  const wrap = t7 === undefined ? "wrap" : t7;
+  const [themeName] = useTheme();
+  const theme = getTheme(themeName);
+  const hoverColor = useContext(TextHoverColorContext);
+  const resolvedColor = !color && hoverColor ? resolveColor(hoverColor, theme) : dimColor ? theme.inactive as Color : resolveColor(color, theme);
+  const resolvedBackgroundColor = backgroundColor ? theme[backgroundColor] as Color : undefined;
+  let t8;
+  if ($[0] !== bold || $[1] !== children || $[2] !== inverse || $[3] !== italic || $[4] !== resolvedBackgroundColor || $[5] !== resolvedColor || $[6] !== strikethrough || $[7] !== underline || $[8] !== wrap) {
+    t8 = <Text color={resolvedColor} backgroundColor={resolvedBackgroundColor} bold={bold} italic={italic} underline={underline} strikethrough={strikethrough} inverse={inverse} wrap={wrap}>{children}</Text>;
+    $[0] = bold;
+    $[1] = children;
+    $[2] = inverse;
+    $[3] = italic;
+    $[4] = resolvedBackgroundColor;
+    $[5] = resolvedColor;
+    $[6] = strikethrough;
+    $[7] = underline;
+    $[8] = wrap;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  return t8;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdE5vZGUiLCJSZWFjdCIsInVzZUNvbnRleHQiLCJUZXh0IiwiQ29sb3IiLCJTdHlsZXMiLCJnZXRUaGVtZSIsIlRoZW1lIiwidXNlVGhlbWUiLCJUZXh0SG92ZXJDb2xvckNvbnRleHQiLCJjcmVhdGVDb250ZXh0IiwidW5kZWZpbmVkIiwiUHJvcHMiLCJjb2xvciIsImJhY2tncm91bmRDb2xvciIsImRpbUNvbG9yIiwiYm9sZCIsIml0YWxpYyIsInVuZGVybGluZSIsInN0cmlrZXRocm91Z2giLCJpbnZlcnNlIiwid3JhcCIsImNoaWxkcmVuIiwicmVzb2x2ZUNvbG9yIiwidGhlbWUiLCJzdGFydHNXaXRoIiwiVGhlbWVkVGV4dCIsInQwIiwiJCIsIl9jIiwidDEiLCJ0MiIsInQzIiwidDQiLCJ0NSIsInQ2IiwidDciLCJ0aGVtZU5hbWUiLCJob3ZlckNvbG9yIiwicmVzb2x2ZWRDb2xvciIsImluYWN0aXZlIiwicmVzb2x2ZWRCYWNrZ3JvdW5kQ29sb3IiLCJ0OCJdLCJzb3VyY2VzIjpbIlRoZW1lZFRleHQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IFRleHQgZnJvbSAnLi4vLi4vaW5rL2NvbXBvbmVudHMvVGV4dC5qcydcbmltcG9ydCB0eXBlIHsgQ29sb3IsIFN0eWxlcyB9IGZyb20gJy4uLy4uL2luay9zdHlsZXMuanMnXG5pbXBvcnQgeyBnZXRUaGVtZSwgdHlwZSBUaGVtZSB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lLmpzJ1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICcuL1RoZW1lUHJvdmlkZXIuanMnXG5cbi8qKiBDb2xvcnMgdW5jb2xvcmVkIFRoZW1lZFRleHQgaW4gdGhlIHN1YnRyZWUuIFByZWNlZGVuY2U6IGV4cGxpY2l0IGBjb2xvcmAgPlxuICogIHRoaXMgPiBkaW1Db2xvci4gQ3Jvc3NlcyBCb3ggYm91bmRhcmllcyAoSW5rJ3Mgc3R5bGUgY2FzY2FkZSBkb2Vzbid0KS4gKi9cbmV4cG9ydCBjb25zdCBUZXh0SG92ZXJDb2xvckNvbnRleHQgPSBSZWFjdC5jcmVhdGVDb250ZXh0PFxuICBrZXlvZiBUaGVtZSB8IHVuZGVmaW5lZFxuPih1bmRlZmluZWQpXG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKipcbiAgICogQ2hhbmdlIHRleHQgY29sb3IuIEFjY2VwdHMgYSB0aGVtZSBrZXkgb3IgcmF3IGNvbG9yIHZhbHVlLlxuICAgKi9cbiAgcmVhZG9ubHkgY29sb3I/OiBrZXlvZiBUaGVtZSB8IENvbG9yXG5cbiAgLyoqXG4gICAqIFNhbWUgYXMgYGNvbG9yYCwgYnV0IGZvciBiYWNrZ3JvdW5kLiBNdXN0IGJlIGEgdGhlbWUga2V5LlxuICAgKi9cbiAgcmVhZG9ubHkgYmFja2dyb3VuZENvbG9yPzoga2V5b2YgVGhlbWVcblxuICAvKipcbiAgICogRGltIHRoZSBjb2xvciB1c2luZyB0aGUgdGhlbWUncyBpbmFjdGl2ZSBjb2xvci5cbiAgICogVGhpcyBpcyBjb21wYXRpYmxlIHdpdGggYm9sZCAodW5saWtlIEFOU0kgZGltKS5cbiAgICovXG4gIHJlYWRvbmx5IGRpbUNvbG9yPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlIHRoZSB0ZXh0IGJvbGQuXG4gICAqL1xuICByZWFkb25seSBib2xkPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlIHRoZSB0ZXh0IGl0YWxpYy5cbiAgICovXG4gIHJlYWRvbmx5IGl0YWxpYz86IGJvb2xlYW5cblxuICAvKipcbiAgICogTWFrZSB0aGUgdGV4dCB1bmRlcmxpbmVkLlxuICAgKi9cbiAgcmVhZG9ubHkgdW5kZXJsaW5lPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlIHRoZSB0ZXh0IGNyb3NzZWQgd2l0aCBhIGxpbmUuXG4gICAqL1xuICByZWFkb25seSBzdHJpa2V0aHJvdWdoPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBJbnZlcnNlIGJhY2tncm91bmQgYW5kIGZvcmVncm91bmQgY29sb3JzLlxuICAgKi9cbiAgcmVhZG9ubHkgaW52ZXJzZT86IGJvb2xlYW5cblxuICAvKipcbiAgICogVGhpcyBwcm9wZXJ0eSB0ZWxscyBJbmsgdG8gd3JhcCBvciB0cnVuY2F0ZSB0ZXh0IGlmIGl0cyB3aWR0aCBpcyBsYXJnZXIgdGhhbiBjb250YWluZXIuXG4gICAqIElmIGB3cmFwYCBpcyBwYXNzZWQgKGJ5IGRlZmF1bHQpLCBJbmsgd2lsbCB3cmFwIHRleHQgYW5kIHNwbGl0IGl0IGludG8gbXVsdGlwbGUgbGluZXMuXG4gICAqIElmIGB0cnVuY2F0ZS0qYCBpcyBwYXNzZWQsIEluayB3aWxsIHRydW5jYXRlIHRleHQgaW5zdGVhZCwgd2hpY2ggd2lsbCByZXN1bHQgaW4gb25lIGxpbmUgb2YgdGV4dCB3aXRoIHRoZSByZXN0IGN1dCBvZmYuXG4gICAqL1xuICByZWFkb25seSB3cmFwPzogU3R5bGVzWyd0ZXh0V3JhcCddXG5cbiAgcmVhZG9ubHkgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuLyoqXG4gKiBSZXNvbHZlcyBhIGNvbG9yIHZhbHVlIHRoYXQgbWF5IGJlIGEgdGhlbWUga2V5IHRvIGEgcmF3IENvbG9yLlxuICovXG5mdW5jdGlvbiByZXNvbHZlQ29sb3IoXG4gIGNvbG9yOiBrZXlvZiBUaGVtZSB8IENvbG9yIHwgdW5kZWZpbmVkLFxuICB0aGVtZTogVGhlbWUsXG4pOiBDb2xvciB8IHVuZGVmaW5lZCB7XG4gIGlmICghY29sb3IpIHJldHVybiB1bmRlZmluZWRcbiAgLy8gQ2hlY2sgaWYgaXQncyBhIHJhdyBjb2xvciAoc3RhcnRzIHdpdGggcmdiKCwgIywgYW5zaTI1NigsIG9yIGFuc2k6KVxuICBpZiAoXG4gICAgY29sb3Iuc3RhcnRzV2l0aCgncmdiKCcpIHx8XG4gICAgY29sb3Iuc3RhcnRzV2l0aCgnIycpIHx8XG4gICAgY29sb3Iuc3RhcnRzV2l0aCgnYW5zaTI1NignKSB8fFxuICAgIGNvbG9yLnN0YXJ0c1dpdGgoJ2Fuc2k6JylcbiAgKSB7XG4gICAgcmV0dXJuIGNvbG9yIGFzIENvbG9yXG4gIH1cbiAgLy8gSXQncyBhIHRoZW1lIGtleSAtIHJlc29sdmUgaXRcbiAgcmV0dXJuIHRoZW1lW2NvbG9yIGFzIGtleW9mIFRoZW1lXSBhcyBDb2xvclxufVxuXG4vKipcbiAqIFRoZW1lLWF3YXJlIFRleHQgY29tcG9uZW50IHRoYXQgcmVzb2x2ZXMgdGhlbWUgY29sb3Iga2V5cyB0byByYXcgY29sb3JzLlxuICogVGhpcyB3cmFwcyB0aGUgYmFzZSBUZXh0IGNvbXBvbmVudCB3aXRoIHRoZW1lIHJlc29sdXRpb24uXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFRoZW1lZFRleHQoe1xuICBjb2xvcixcbiAgYmFja2dyb3VuZENvbG9yLFxuICBkaW1Db2xvciA9IGZhbHNlLFxuICBib2xkID0gZmFsc2UsXG4gIGl0YWxpYyA9IGZhbHNlLFxuICB1bmRlcmxpbmUgPSBmYWxzZSxcbiAgc3RyaWtldGhyb3VnaCA9IGZhbHNlLFxuICBpbnZlcnNlID0gZmFsc2UsXG4gIHdyYXAgPSAnd3JhcCcsXG4gIGNoaWxkcmVuLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBbdGhlbWVOYW1lXSA9IHVzZVRoZW1lKClcbiAgY29uc3QgdGhlbWUgPSBnZXRUaGVtZSh0aGVtZU5hbWUpXG4gIGNvbnN0IGhvdmVyQ29sb3IgPSB1c2VDb250ZXh0KFRleHRIb3ZlckNvbG9yQ29udGV4dClcblxuICAvLyBSZXNvbHZlIHRoZW1lIGtleXMgdG8gcmF3IGNvbG9yc1xuICBjb25zdCByZXNvbHZlZENvbG9yID1cbiAgICAhY29sb3IgJiYgaG92ZXJDb2xvclxuICAgICAgPyByZXNvbHZlQ29sb3IoaG92ZXJDb2xvciwgdGhlbWUpXG4gICAgICA6IGRpbUNvbG9yXG4gICAgICAgID8gKHRoZW1lLmluYWN0aXZlIGFzIENvbG9yKVxuICAgICAgICA6IHJlc29sdmVDb2xvcihjb2xvciwgdGhlbWUpXG4gIGNvbnN0IHJlc29sdmVkQmFja2dyb3VuZENvbG9yID0gYmFja2dyb3VuZENvbG9yXG4gICAgPyAodGhlbWVbYmFja2dyb3VuZENvbG9yXSBhcyBDb2xvcilcbiAgICA6IHVuZGVmaW5lZFxuXG4gIHJldHVybiAoXG4gICAgPFRleHRcbiAgICAgIGNvbG9yPXtyZXNvbHZlZENvbG9yfVxuICAgICAgYmFja2dyb3VuZENvbG9yPXtyZXNvbHZlZEJhY2tncm91bmRDb2xvcn1cbiAgICAgIGJvbGQ9e2JvbGR9XG4gICAgICBpdGFsaWM9e2l0YWxpY31cbiAgICAgIHVuZGVybGluZT17dW5kZXJsaW5lfVxuICAgICAgc3RyaWtldGhyb3VnaD17c3RyaWtldGhyb3VnaH1cbiAgICAgIGludmVyc2U9e2ludmVyc2V9XG4gICAgICB3cmFwPXt3cmFwfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLGNBQWNBLFNBQVMsUUFBUSxPQUFPO0FBQ3RDLE9BQU9DLEtBQUssSUFBSUMsVUFBVSxRQUFRLE9BQU87QUFDekMsT0FBT0MsSUFBSSxNQUFNLDhCQUE4QjtBQUMvQyxjQUFjQyxLQUFLLEVBQUVDLE1BQU0sUUFBUSxxQkFBcUI7QUFDeEQsU0FBU0MsUUFBUSxFQUFFLEtBQUtDLEtBQUssUUFBUSxzQkFBc0I7QUFDM0QsU0FBU0MsUUFBUSxRQUFRLG9CQUFvQjs7QUFFN0M7QUFDQTtBQUNBLE9BQU8sTUFBTUMscUJBQXFCLEdBQUdSLEtBQUssQ0FBQ1MsYUFBYSxDQUN0RCxNQUFNSCxLQUFLLEdBQUcsU0FBUyxDQUN4QixDQUFDSSxTQUFTLENBQUM7QUFFWixPQUFPLEtBQUtDLEtBQUssR0FBRztFQUNsQjtBQUNGO0FBQ0E7RUFDRSxTQUFTQyxLQUFLLENBQUMsRUFBRSxNQUFNTixLQUFLLEdBQUdILEtBQUs7O0VBRXBDO0FBQ0Y7QUFDQTtFQUNFLFNBQVNVLGVBQWUsQ0FBQyxFQUFFLE1BQU1QLEtBQUs7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

package/src/components/design-system/color.ts

@@ -0,0 +1,30 @@
+import { type ColorType, colorize } from '../../ink/colorize.js'
+import type { Color } from '../../ink/styles.js'
+import { getTheme, type Theme, type ThemeName } from '../../utils/theme.js'
+
+/**
+ * Curried theme-aware color function. Resolves theme keys to raw color
+ * values before delegating to the ink renderer's colorize.
+ */
+export function color(
+  c: keyof Theme | Color | undefined,
+  theme: ThemeName,
+  type: ColorType = 'foreground',
+): (text: string) => string {
+  return text => {
+    if (!c) {
+      return text
+    }
+    // Raw color values bypass theme lookup
+    if (
+      c.startsWith('rgb(') ||
+      c.startsWith('#') ||
+      c.startsWith('ansi256(') ||
+      c.startsWith('ansi:')
+    ) {
+      return colorize(text, c, type)
+    }
+    // Theme key lookup
+    return colorize(text, getTheme(theme)[c as keyof Theme], type)
+  }
+}