orn-ui 0.1.1 → 0.2.0

package/src/organisms/ToastProvider.tsx

@@ -3,6 +3,7 @@ import { View } from 'react-native';
 import { AnimatedToast, Toast, type ToastVariant } from './Toast';
 import { useInsets } from '../theme/UIProvider';
 import { createStyles } from '../theme/createStyles';
+import { createImperativeBridge } from './imperativeBridge';
 
 export interface ToastOptions {
   title: string;
@@ -26,6 +27,24 @@ interface ToastContextValue {
 }
 
 const ToastContext = createContext<ToastContextValue | undefined>(undefined);
+const bridge = createImperativeBridge<ToastContextValue>('ToastProvider');
+
+/**
+ * Muestra un toast desde fuera del árbol de React —un servicio, un
+ * interceptor— sin pasar por el hook. Devuelve el id, o '' si no hay
+ * <ToastProvider> montado.
+ */
+export function showToast(options: ToastOptions): string {
+  return bridge.get()?.show(options) ?? '';
+}
+
+export function hideToast(id: string): void {
+  bridge.get()?.hide(id);
+}
+
+export function hideAllToasts(): void {
+  bridge.get()?.hideAll();
+}
 
 const useStyles = createStyles((theme) => ({
   host: { position: 'absolute', left: 0, right: 0, paddingHorizontal: theme.tokens.spacing.lg, gap: theme.tokens.spacing.sm },
@@ -122,6 +141,11 @@ export function ToastProvider({
 
   const value = useMemo<ToastContextValue>(() => ({ show, hide, hideAll }), [show, hide, hideAll]);
 
+  useEffect(() => {
+    bridge.set(value);
+    return () => bridge.set(null);
+  }, [value]);
+
   const hostPosition =
     position === 'top'
       ? { top: insets.top + 8 }

package/src/organisms/Wizard.tsx

@@ -1,8 +1,9 @@
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { ScrollView, View, type StyleProp, type ViewStyle } from 'react-native';
 import { createStyles } from '../theme/createStyles';
 import { Steps, type StepItem } from '../molecules/Steps';
 import { Button } from '../atoms/Button';
+import { Transition } from '../atoms/Transition';
 
 export interface WizardStep extends StepItem {
   content: React.ReactNode;
@@ -31,6 +32,12 @@ export interface WizardProps {
    * @default true
    */
   scrollableContent?: boolean;
+  /**
+   * El contenido del paso entra deslizándose en el sentido de la navegación.
+   * Sólo opacity y transform, así que la animación corre en el hilo nativo.
+   * @default true
+   */
+  animated?: boolean;
   style?: StyleProp<ViewStyle>;
 }
 
@@ -61,6 +68,7 @@ export function Wizard({
   nextLabel = 'Next',
   finishLabel = 'Finish',
   scrollableContent = true,
+  animated = true,
   style,
 }: WizardProps) {
   const styles = useStyles();
@@ -82,6 +90,15 @@ export function Wizard({
     [steps]
   );
 
+  // El ref todavía guarda el paso anterior durante el render que trae el nuevo.
+  const previous = useRef(current);
+  const forward = current >= previous.current;
+  const entered = useRef(false);
+  useEffect(() => {
+    previous.current = current;
+    entered.current = true;
+  }, [current]);
+
   const activeStep = steps[current];
   const isFirst = current === 0;
   const isLast = current === steps.length - 1;
@@ -92,6 +109,22 @@ export function Wizard({
     else goTo(current + 1);
   };
 
+  // El paso saliente no se anima: mantener los dos montados a la vez duplicaría
+  // los formularios y su estado.
+  const renderContent = () =>
+    animated ? (
+      <Transition
+        key={current}
+        testID="wizard-step"
+        preset={['fade', forward ? 'slide-left' : 'slide-right']}
+        appear={entered.current}
+      >
+        {activeStep?.content}
+      </Transition>
+    ) : (
+      activeStep?.content
+    );
+
   return (
     <View style={[styles.container, style]}>
       <Steps
@@ -115,10 +148,10 @@ export function Wizard({
           automaticallyAdjustKeyboardInsets
           showsVerticalScrollIndicator={false}
         >
-          {activeStep?.content}
+          {renderContent()}
         </ScrollView>
       ) : (
-        <View style={styles.content}>{activeStep?.content}</View>
+        <View style={styles.content}>{renderContent()}</View>
       )}
 
       <View style={styles.footer}>

package/src/organisms/imperativeBridge.ts

@@ -0,0 +1,28 @@
+/**
+ * Puente entre el proveedor montado y el código que no es un componente
+ * (servicios, capa de API, interceptores). El proveedor se registra al montar y
+ * se borra al desmontar, así que fuera del árbol nunca queda una referencia
+ * viva a un contexto muerto.
+ */
+export interface ImperativeBridge<T> {
+  set: (value: T | null) => void;
+  get: () => T | null;
+}
+
+export function createImperativeBridge<T>(providerName: string): ImperativeBridge<T> {
+  let current: T | null = null;
+
+  return {
+    set: (value) => {
+      current = value;
+    },
+    get: () => {
+      if (!current && __DEV__) {
+        console.warn(
+          `orn-ui: se llamó a la API imperativa sin un <${providerName}> montado. La llamada se ignoró.`
+        );
+      }
+      return current;
+    },
+  };
+}

package/src/organisms/index.ts

@@ -1,12 +1,12 @@
 export { Modal } from './Modal';
 export type { ModalProps, ModalVariant } from './Modal';
 export { BottomSheet } from './BottomSheet';
-export type { BottomSheetProps } from './BottomSheet';
+export type { BottomSheetProps, FooterPlacement } from './BottomSheet';
 export { Select } from './Select';
 export type { SelectProps, SelectOption } from './Select';
 export { Alert } from './Alert';
 export type { AlertProps, AlertButton, AlertType } from './Alert';
-export { AlertProvider, useAlert } from './AlertProvider';
+export { AlertProvider, useAlert, showAlert, showConfirm, hideAlert } from './AlertProvider';
 export type { AlertOptions, ConfirmOptions } from './AlertProvider';
 export { Screen } from './Screen';
 export type { ScreenProps, ScreenEdge } from './Screen';
@@ -16,7 +16,7 @@ export { SearchList } from './SearchList';
 export type { SearchListProps } from './SearchList';
 export { Toast } from './Toast';
 export type { ToastProps, ToastVariant } from './Toast';
-export { ToastProvider, useToast } from './ToastProvider';
+export { ToastProvider, useToast, showToast, hideToast, hideAllToasts } from './ToastProvider';
 export type { ToastProviderProps, ToastOptions } from './ToastProvider';
 export { DatePicker, buildMonthGrid, DEFAULT_MONTH_NAMES, DEFAULT_WEEKDAY_NAMES } from './DatePicker';
 export type { DatePickerProps, DateRange } from './DatePicker';
@@ -24,3 +24,7 @@ export { DateField } from './DateField';
 export type { DateFieldProps } from './DateField';
 export { Wizard } from './Wizard';
 export type { WizardProps, WizardStep } from './Wizard';
+export { ThemeToggle } from './ThemeToggle';
+export type { ThemeToggleProps } from './ThemeToggle';
+export { NavigationBar } from './NavigationBar';
+export type { NavigationBarProps, NavigationBarItem } from './NavigationBar';

package/src/theme/colors.ts

@@ -0,0 +1,175 @@
+/**
+ * Utilidades de color sin dependencias, usadas para derivar una familia de
+ * roles (relleno / encima / tenue / legible) a partir de un solo hex de marca.
+ */
+
+/** Contraste mínimo AA para texto normal. */
+export const AA_CONTRAST = 4.5;
+
+export interface Rgb {
+  r: number;
+  g: number;
+  b: number;
+}
+
+export interface Hsl {
+  h: number;
+  s: number;
+  l: number;
+}
+
+/** Roles que necesita un acento del theme, en un esquema concreto. */
+export interface AccentRoles {
+  /** Relleno pleno: fondo de botón, círculo del paso actual. */
+  base: string;
+  /** Texto/ícono que va encima del relleno. */
+  on: string;
+  /** Fondo tenue: badges, pill del indicador activo. */
+  soft: string;
+  /** El acento legible sobre `surface`: labels, links. */
+  text: string;
+}
+
+const HEX = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;
+
+export function hexToRgb(hex: string): Rgb {
+  const match = HEX.exec(hex.trim());
+  if (!match) {
+    throw new Error(`orn-ui: se esperaba un color hex como "#7c3aed", se recibió "${hex}".`);
+  }
+  const digits = match[1]!;
+  const full = digits.length === 3 ? digits.replace(/./g, (c) => c + c) : digits;
+  return {
+    r: parseInt(full.slice(0, 2), 16),
+    g: parseInt(full.slice(2, 4), 16),
+    b: parseInt(full.slice(4, 6), 16),
+  };
+}
+
+const toHexPair = (value: number) => Math.round(clamp(value, 0, 255)).toString(16).padStart(2, '0');
+
+export function rgbToHex({ r, g, b }: Rgb): string {
+  return `#${toHexPair(r)}${toHexPair(g)}${toHexPair(b)}`;
+}
+
+function clamp(value: number, min: number, max: number) {
+  return Math.min(max, Math.max(min, value));
+}
+
+export function rgbToHsl({ r, g, b }: Rgb): Hsl {
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const delta = max - min;
+  const l = (max + min) / 2;
+
+  if (delta === 0) return { h: 0, s: 0, l };
+
+  const s = delta / (1 - Math.abs(2 * l - 1));
+  let h: number;
+  if (max === rn) h = ((gn - bn) / delta) % 6;
+  else if (max === gn) h = (bn - rn) / delta + 2;
+  else h = (rn - gn) / delta + 4;
+
+  h *= 60;
+  return { h: h < 0 ? h + 360 : h, s, l };
+}
+
+export function hslToRgb({ h, s, l }: Hsl): Rgb {
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const hp = (((h % 360) + 360) % 360) / 60;
+  const x = c * (1 - Math.abs((hp % 2) - 1));
+  const [r1, g1, b1] =
+    hp < 1 ? [c, x, 0] : hp < 2 ? [x, c, 0] : hp < 3 ? [0, c, x] : hp < 4 ? [0, x, c] : hp < 5 ? [x, 0, c] : [c, 0, x];
+  const m = l - c / 2;
+  return { r: (r1 + m) * 255, g: (g1 + m) * 255, b: (b1 + m) * 255 };
+}
+
+export function toHsl(hex: string): Hsl {
+  return rgbToHsl(hexToRgb(hex));
+}
+
+export function toHex(hsl: Hsl): string {
+  return rgbToHex(hslToRgb({ ...hsl, s: clamp(hsl.s, 0, 1), l: clamp(hsl.l, 0, 1) }));
+}
+
+function channelLuminance(value: number) {
+  const c = value / 255;
+  return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+}
+
+/** Luminancia relativa WCAG de un hex. */
+export function luminance(hex: string): number {
+  const { r, g, b } = hexToRgb(hex);
+  return 0.2126 * channelLuminance(r) + 0.7152 * channelLuminance(g) + 0.0722 * channelLuminance(b);
+}
+
+/** Ratio de contraste WCAG entre dos hex: 1 (igual) a 21 (blanco sobre negro). */
+export function contrast(a: string, b: string): number {
+  const la = luminance(a);
+  const lb = luminance(b);
+  return (Math.max(la, lb) + 0.05) / (Math.min(la, lb) + 0.05);
+}
+
+/**
+ * Blanco si alcanza el contraste AA —es lo que se espera encima de un relleno
+ * de color— y si no, el extremo que más contraste dé.
+ */
+function bestOnColor(background: string, light: string, dark: string): string {
+  if (contrast(background, light) >= AA_CONTRAST) return light;
+  return contrast(background, dark) >= contrast(background, light) ? dark : light;
+}
+
+/**
+ * Mueve la luminosidad del tono hasta alcanzar el contraste pedido contra
+ * `against`. Si ni el extremo llega —un amarillo puro sobre blanco, por
+ * ejemplo— devuelve el más contrastado que encontró en el camino.
+ */
+function reachContrast(hsl: Hsl, against: string, target: number, direction: 'darker' | 'lighter'): string {
+  const step = direction === 'darker' ? -0.02 : 0.02;
+  let best = toHex(hsl);
+  let bestRatio = contrast(best, against);
+
+  for (let l = hsl.l; l >= 0 && l <= 1; l += step) {
+    const candidate = toHex({ ...hsl, l });
+    const ratio = contrast(candidate, against);
+    if (ratio > bestRatio) {
+      best = candidate;
+      bestRatio = ratio;
+    }
+    if (ratio >= target) return candidate;
+  }
+
+  return best;
+}
+
+/**
+ * Deriva los cuatro roles de un acento a partir de un hex, para un esquema.
+ * `surface` es el fondo sobre el que tiene que leerse el rol `text`, así que
+ * cada esquema pasa el suyo.
+ */
+export function deriveAccent(hex: string, scheme: 'light' | 'dark', surface: string): AccentRoles {
+  const hsl = toHsl(hex);
+
+  if (scheme === 'light') {
+    const base = toHex(hsl);
+    return {
+      base,
+      on: bestOnColor(base, '#ffffff', '#1a1a1a'),
+      soft: toHex({ h: hsl.h, s: Math.min(hsl.s, 0.85), l: 0.94 }),
+      text: reachContrast({ ...hsl, l: Math.min(hsl.l, 0.38) }, surface, AA_CONTRAST, 'darker'),
+    };
+  }
+
+  // En oscuro el acento sube de luminosidad y lo que va encima baja: un
+  // #004cef sobre #1e1e1e no se distingue del fondo.
+  const base = toHex({ ...hsl, l: 0.72 });
+  return {
+    base,
+    on: bestOnColor(base, '#ffffff', toHex({ ...hsl, s: Math.min(hsl.s, 0.9), l: 0.16 })),
+    soft: toHex({ h: hsl.h, s: Math.min(hsl.s, 0.35), l: 0.18 }),
+    text: reachContrast({ ...hsl, l: Math.max(hsl.l, 0.74) }, surface, AA_CONTRAST, 'lighter'),
+  };
+}

package/src/theme/createTheme.ts

@@ -1,6 +1,7 @@
-import { lightPalette, darkPalette } from './palettes';
+import { lightPalette, darkPalette, type ThemeColors } from './palettes';
 import { tokens as defaultTokens } from './tokens';
-import type { Theme, ThemeOverrides, ThemePair } from './types';
+import { deriveAccent } from './colors';
+import type { BrandAccent, Theme, ThemeOverrides, ThemePair } from './types';
 
 function mergeDeep<T extends Record<string, any>>(base: T, patch?: Partial<T>): T {
   if (!patch) return base;
@@ -23,22 +24,55 @@ function mergeDeep<T extends Record<string, any>>(base: T, patch?: Partial<T>):
   return out as T;
 }
 
+const capitalize = <T extends string>(name: T) => (name.charAt(0).toUpperCase() + name.slice(1)) as Capitalize<T>;
+
+/** Expande cada hex de `brand` a los cuatro roles del acento en un esquema. */
+function brandColors(
+  brand: ThemeOverrides['brand'],
+  scheme: 'light' | 'dark',
+  palette: ThemeColors
+): Partial<ThemeColors> {
+  if (!brand) return {};
+  const accents = typeof brand === 'string' ? { primary: brand } : brand;
+  const out: Partial<ThemeColors> = {};
+
+  for (const [name, hex] of Object.entries(accents) as [BrandAccent, string | undefined][]) {
+    if (!hex) continue;
+    const roles = deriveAccent(hex, scheme, palette.surface);
+    out[name] = roles.base;
+    out[`on${capitalize(name)}`] = roles.on;
+    out[`${name}Soft`] = roles.soft;
+    out[`${name}Text`] = roles.text;
+  }
+
+  return out;
+}
+
 /**
  * Construye el par de themes light/dark que consume <UIProvider theme={...}>.
  * Nunca muta los defaults: cada llamada produce objetos nuevos, seguros de
  * compartir entre providers distintos (tests, multi-brand en el mismo árbol).
+ *
+ * `brand` se aplica antes que `colors`, así que un rol escrito a mano siempre
+ * gana sobre el derivado.
  */
 export function createTheme(overrides?: ThemeOverrides): ThemePair {
   const tokens = mergeDeep(defaultTokens, overrides?.tokens as any);
 
   const light: Theme = {
-    colors: mergeDeep(lightPalette, overrides?.colors?.light),
+    colors: mergeDeep(
+      mergeDeep(lightPalette, brandColors(overrides?.brand, 'light', lightPalette)),
+      overrides?.colors?.light
+    ),
     tokens,
     scheme: 'light',
   };
 
   const dark: Theme = {
-    colors: mergeDeep(darkPalette, overrides?.colors?.dark),
+    colors: mergeDeep(
+      mergeDeep(darkPalette, brandColors(overrides?.brand, 'dark', darkPalette)),
+      overrides?.colors?.dark
+    ),
     tokens,
     scheme: 'dark',
   };

package/src/theme/index.ts

@@ -3,7 +3,9 @@ export type { Tokens } from './tokens';
 export { lightPalette, darkPalette } from './palettes';
 export type { ThemeColors } from './palettes';
 export { createTheme, defaultTheme } from './createTheme';
-export type { Theme, ThemePair, ThemeOverrides, DeepPartial } from './types';
+export type { Theme, ThemePair, ThemeOverrides, BrandAccent, DeepPartial } from './types';
+export { deriveAccent, contrast, luminance, AA_CONTRAST } from './colors';
+export type { AccentRoles } from './colors';
 export { defaultLabels } from './labels';
 export type { Labels } from './labels';
 export { zeroInsets } from './insets';

package/src/theme/palettes.ts

@@ -81,8 +81,11 @@ export const lightPalette: ThemeColors = {
   successSoft: '#e3f6e9',
   successText: '#116a30',
 
-  error: '#ff3b30',
-  onError: '#3d0300',
+  // El rojo va con texto blanco, que es lo que la gente espera de un botón
+  // destructivo. #ff3b30 no llega a 4.5:1 con blanco y obligaba a texto casi
+  // negro sobre rojo; este tono sí, y sigue leyéndose como rojo de alerta.
+  error: '#dc2626',
+  onError: '#ffffff',
   errorSoft: '#fdeaea',
   errorText: '#c62222',
 

package/src/theme/types.ts

@@ -18,7 +18,17 @@ export type DeepPartial<T> = {
   [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
 };
 
+/** Acentos que se pueden definir con un solo hex vía `brand`. */
+export type BrandAccent = 'primary' | 'secondary' | 'success' | 'error' | 'warning';
+
 export interface ThemeOverrides {
+  /**
+   * Un hex por acento; de cada uno se derivan sus cuatro roles (relleno, lo
+   * que va encima, el fondo tenue y la variante legible sobre `surface`) para
+   * light y para dark, con el contraste ya resuelto. Un string suelto define
+   * `primary`. Lo que se pase en `colors` gana sobre lo derivado.
+   */
+  brand?: string | Partial<Record<BrandAccent, string>>;
   colors?: {
     light?: Partial<ThemeColors>;
     dark?: Partial<ThemeColors>;

package/lib/commonjs/molecules/ThemeToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MODES","DEFAULT_LABELS","system","light","dark","useStyles","createStyles","theme","track","flexDirection","backgroundColor","colors","inputBackground","borderRadius","tokens","radius","md","padding","segment","flex","paddingVertical","spacing","sm","alignItems","segmentActive","surface","shadow","label","fontSize","fontWeight","medium","color","textLight","labelActive","primaryText","semibold","ThemeToggle","exports","memo","style","labels","labelOverrides","mode","setMode","useThemeMode","useColors","styles","allowFontScaling","useAllowFontScaling","jsx","View","accessibilityRole","children","map","m","active","TouchableOpacity","onPress","accessibilityState","selected","accessibilityLabel","Text","displayName"],"sourceRoot":"../../../src","sources":["molecules/ThemeToggle.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/molecules/ThemeToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","memo","Text","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","useThemeMode","jsx","_jsx","MODES","DEFAULT_LABELS","system","light","dark","useStyles","theme","track","flexDirection","backgroundColor","colors","inputBackground","borderRadius","tokens","radius","md","padding","segment","flex","paddingVertical","spacing","sm","alignItems","segmentActive","surface","shadow","label","fontSize","fontWeight","medium","color","textLight","labelActive","primaryText","semibold","ThemeToggle","style","labels","labelOverrides","mode","setMode","styles","allowFontScaling","accessibilityRole","children","map","m","active","onPress","accessibilityState","selected","accessibilityLabel","displayName"],"sourceRoot":"../../../src","sources":["molecules/ThemeToggle.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/molecules/ThemeToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/molecules/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE5F,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEnG,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;CAC7C;AAuBD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,gEAA4C,gBAAgB,uBA4BlF,CAAC"}

package/src/molecules/ThemeToggle.tsx

@@ -1,67 +0,0 @@
-import React, { memo } from 'react';
-import { Text, TouchableOpacity, View, type StyleProp, type ViewStyle } from 'react-native';
-import { createStyles } from '../theme/createStyles';
-import { useAllowFontScaling, useColors, useThemeMode, type ThemeMode } from '../theme/UIProvider';
-
-export interface ThemeToggleProps {
-  style?: StyleProp<ViewStyle>;
-  labels?: Partial<Record<ThemeMode, string>>;
-}
-
-const MODES: ThemeMode[] = ['system', 'light', 'dark'];
-const DEFAULT_LABELS: Record<ThemeMode, string> = { system: 'Auto', light: 'Light', dark: 'Dark' };
-
-const useStyles = createStyles((theme) => ({
-  track: {
-    flexDirection: 'row',
-    backgroundColor: theme.colors.inputBackground,
-    borderRadius: theme.tokens.radius.md,
-    padding: 3,
-  },
-  segment: {
-    flex: 1,
-    paddingVertical: theme.tokens.spacing.sm,
-    borderRadius: theme.tokens.radius.sm,
-    alignItems: 'center',
-  },
-  segmentActive: { backgroundColor: theme.colors.surface, ...theme.tokens.shadow.sm },
-  label: { fontSize: theme.tokens.fontSize.sm, fontWeight: theme.tokens.fontWeight.medium, color: theme.colors.textLight },
-  labelActive: { color: theme.colors.primaryText, fontWeight: theme.tokens.fontWeight.semibold },
-}));
-
-/**
- * ThemeToggle
- * Segmented control de 3 estados (system/light/dark) conectado a
- * UIProvider.setMode. Sin persistencia — el consumidor la resuelve vía
- * onModeChange en <UIProvider>.
- */
-export const ThemeToggle = memo(({ style, labels: labelOverrides }: ThemeToggleProps) => {
-  const { mode, setMode } = useThemeMode();
-  const colors = useColors();
-  const styles = useStyles();
-  const allowFontScaling = useAllowFontScaling();
-  const labels = { ...DEFAULT_LABELS, ...labelOverrides };
-
-  return (
-    <View style={[styles.track, style]} accessibilityRole="tablist">
-      {MODES.map((m) => {
-        const active = mode === m;
-        return (
-          <TouchableOpacity
-            key={m}
-            style={[styles.segment, active && styles.segmentActive]}
-            onPress={() => setMode(m)}
-            accessibilityRole="tab"
-            accessibilityState={{ selected: active }}
-            accessibilityLabel={labels[m]}
-          >
-            <Text allowFontScaling={allowFontScaling} style={[styles.label, active && styles.labelActive]}>
-              {labels[m]}
-            </Text>
-          </TouchableOpacity>
-        );
-      })}
-    </View>
-  );
-});
-ThemeToggle.displayName = 'ThemeToggle';