orn-ui 0.2.7 → 0.2.9

package/lib/module/organisms/useSlides.js

@@ -0,0 +1,182 @@
+"use strict";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useReduceMotion } from '../atoms/Transition';
+
+/** Una página del scroll. Los clones del modo infinito repiten el `real` de un vecino. */
+
+export function clampIndex(value, total) {
+  if (total === 0) return 0;
+  if (value < 0) return 0;
+  if (value > total - 1) return total - 1;
+  return value;
+}
+
+/**
+ * useSlides
+ * Todo lo que en `Slides` no se ve: qué página está encuadrada, cuándo mover el
+ * scroll, cómo se mapean los clones del modo infinito a índices reales, y el
+ * reloj del avance automático.
+ *
+ * Trabaja sólo con índices, nunca con los ítems: así no necesita el genérico
+ * `T` del componente, y el UI resuelve `pages[i].real` contra su propio `data`.
+ */
+export function useSlides({
+  total,
+  orientation,
+  loop,
+  autoPlay,
+  interval,
+  index,
+  defaultIndex,
+  onIndexChange
+}) {
+  const motionReduced = useReduceMotion();
+  const isHorizontal = orientation === 'horizontal';
+  // Un solo elemento no tiene a dónde ciclar: quedaría deslizable entre tres
+  // copias de lo mismo.
+  const isLoop = loop && total > 1;
+  const [uncontrolled, setUncontrolled] = useState(() => clampIndex(defaultIndex, total));
+  const active = clampIndex(index ?? uncontrolled, total);
+  const activeRef = useRef(active);
+  activeRef.current = active;
+  const [autoPlayPaused, setAutoPlayPaused] = useState(false);
+  const [size, setSize] = useState({
+    width: 0,
+    height: 0
+  });
+  const pageSize = isHorizontal ? size.width : size.height;
+  const scrollRef = useRef(null);
+  /** Página realmente visible (índice dentro de `pages`, clones incluidos). */
+  const offsetPageRef = useRef(isLoop ? 1 : 0);
+  const didInitRef = useRef(false);
+  const lastPageSizeRef = useRef(0);
+  const draggingRef = useRef(false);
+  const pages = useMemo(() => {
+    const real = Array.from({
+      length: total
+    }, (_, i) => ({
+      real: i,
+      clone: null
+    }));
+    if (!isLoop) return real;
+    return [{
+      real: total - 1,
+      clone: 'head'
+    }, ...real, {
+      real: 0,
+      clone: 'tail'
+    }];
+  }, [isLoop, total]);
+  const scrollToPage = useCallback((page, animated) => {
+    const offset = page * pageSize;
+    scrollRef.current?.scrollTo({
+      x: isHorizontal ? offset : 0,
+      y: isHorizontal ? 0 : offset,
+      animated
+    });
+  }, [isHorizontal, pageSize]);
+  const goTo = useCallback(next => {
+    if (next === activeRef.current) return;
+    activeRef.current = next;
+    if (index == null) setUncontrolled(next);
+    onIndexChange?.(next);
+  }, [index, onIndexChange]);
+
+  // Sólo actúa cuando el índice y la página visible discrepan: un cambio que
+  // vino del propio gesto no dispara un segundo scroll encima del que frenó.
+  useEffect(() => {
+    if (pageSize === 0 || total === 0) return;
+    const target = isLoop ? active + 1 : active;
+    const resized = lastPageSizeRef.current !== pageSize;
+    if (offsetPageRef.current === target && didInitRef.current && !resized) return;
+    // Ni el primer posicionamiento ni el reacomodo por rotación son un cambio
+    // de slide: animarlos sería un deslizamiento que nadie pidió.
+    const animated = didInitRef.current && !resized;
+    didInitRef.current = true;
+    lastPageSizeRef.current = pageSize;
+    offsetPageRef.current = target;
+    scrollToPage(target, animated);
+  }, [active, isLoop, pageSize, scrollToPage, total]);
+  const onLayout = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setSize(prev => prev.width === width && prev.height === height ? prev : {
+      width,
+      height
+    });
+  }, []);
+  const onMomentumScrollEnd = useCallback(event => {
+    draggingRef.current = false;
+    if (pageSize === 0) return;
+    const {
+      contentOffset
+    } = event.nativeEvent;
+    const page = Math.round((isHorizontal ? contentOffset.x : contentOffset.y) / pageSize);
+    if (isLoop) {
+      if (page === 0) {
+        offsetPageRef.current = total;
+        scrollToPage(total, false);
+        goTo(total - 1);
+        return;
+      }
+      if (page === total + 1) {
+        offsetPageRef.current = 1;
+        scrollToPage(1, false);
+        goTo(0);
+        return;
+      }
+      offsetPageRef.current = page;
+      goTo(page - 1);
+      return;
+    }
+    offsetPageRef.current = page;
+    goTo(clampIndex(page, total));
+  }, [goTo, isHorizontal, isLoop, pageSize, scrollToPage, total]);
+  const onScrollBeginDrag = useCallback(() => {
+    draggingRef.current = true;
+  }, []);
+  const onScrollEndDrag = useCallback(() => {
+    // Un arrastre corto puede soltarse sin inercia y no emitir
+    // momentumScrollEnd: sin esto el autoPlay quedaría pausado para siempre.
+    draggingRef.current = false;
+  }, []);
+  const toggleAutoPlay = useCallback(() => setAutoPlayPaused(paused => !paused), []);
+  useEffect(() => {
+    if (!autoPlay || autoPlayPaused || motionReduced || total < 2 || pageSize === 0) return;
+    const timer = setInterval(() => {
+      if (draggingRef.current) return;
+      const from = activeRef.current;
+      if (from < total - 1) {
+        goTo(from + 1);
+        return;
+      }
+      if (!isLoop) return;
+      // Última en modo infinito: avanza al clon de la primera en vez de
+      // rebobinar; el salto al original lo cierra momentumScrollEnd.
+      offsetPageRef.current = total + 1;
+      scrollToPage(total + 1, true);
+    }, interval);
+    return () => clearInterval(timer);
+  }, [autoPlay, autoPlayPaused, goTo, interval, isLoop, motionReduced, pageSize, scrollToPage, total]);
+  return {
+    active,
+    pages,
+    isHorizontal,
+    isLoop,
+    size,
+    pageSize,
+    scrollRef,
+    autoPlayPaused,
+    motionReduced,
+    goTo,
+    toggleAutoPlay,
+    onLayout,
+    onMomentumScrollEnd,
+    onScrollBeginDrag,
+    onScrollEndDrag
+  };
+}
+//# sourceMappingURL=useSlides.js.map

package/lib/module/organisms/useSlides.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useReduceMotion","clampIndex","value","total","useSlides","orientation","loop","autoPlay","interval","index","defaultIndex","onIndexChange","motionReduced","isHorizontal","isLoop","uncontrolled","setUncontrolled","active","activeRef","current","autoPlayPaused","setAutoPlayPaused","size","setSize","width","height","pageSize","scrollRef","offsetPageRef","didInitRef","lastPageSizeRef","draggingRef","pages","real","Array","from","length","_","i","clone","scrollToPage","page","animated","offset","scrollTo","x","y","goTo","next","target","resized","onLayout","event","nativeEvent","layout","prev","onMomentumScrollEnd","contentOffset","Math","round","onScrollBeginDrag","onScrollEndDrag","toggleAutoPlay","paused","timer","setInterval","clearInterval"],"sourceRoot":"../../../src","sources":["organisms/useSlides.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/atoms/Gradient.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type GradientDirection = 'vertical' | 'horizontal' | 'diagonal' | 'diagonal-reverse';
+export interface GradientProps {
+    /** Paradas del degradado. Uno solo pinta plano; ninguno no pinta nada. */
+    colors: string[];
+    /**
+     * 'vertical' va de arriba a abajo, 'horizontal' de izquierda a derecha,
+     * 'diagonal' de arriba-izquierda a abajo-derecha y 'diagonal-reverse' de
+     * arriba-derecha a abajo-izquierda.
+     * @default 'vertical'
+     */
+    direction?: GradientDirection;
+    /**
+     * Bandas por tramo (un tramo = un par de colores consecutivos). Más bandas
+     * = transición más suave y más vistas en el árbol.
+     * @default 24
+     */
+    steps?: number;
+    /** Contenido por encima del degradado. */
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * Gradient
+ * Degradado lineal sin dependencias: React Native no trae uno en el rango
+ * soportado (Expo SDK 54–57) y `experimental_backgroundImage` no está en toda
+ * esa ventana, así que se compone con bandas.
+ *
+ * Cada tramo pinta el color inicial y encima N bandas del final con opacidad
+ * de 0 a 1. El compositor mezcla alpha linealmente: el resultado es la
+ * interpolación sRGB entre paradas sin parsear el color, y por eso vale
+ * cualquier formato que acepte RN (hex, `rgba()`, nombre).
+ */
+export declare const Gradient: React.MemoExoticComponent<({ colors, direction, steps, children, style, testID }: GradientProps) => React.JSX.Element>;
+//# sourceMappingURL=Gradient.d.ts.map

package/lib/typescript/atoms/Gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../src/atoms/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,kBAAkB,CAAC;AAE5F,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAaD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,oFACkE,aAAa,uBA+CnG,CAAC"}

package/lib/typescript/atoms/ShinyText.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { type StyleProp, type TextStyle } from 'react-native';
+export interface ShinyTextProps {
+    /** The text to animate. Only a string: the effect needs the characters. */
+    text: string;
+    /** Milliseconds a single sweep takes end to end. @default 2400 */
+    duration?: number;
+    /** Pause between sweeps, in ms. @default 600 */
+    delay?: number;
+    /**
+     * Width of the bright band as a fraction of the text, from 0 to 1. Small
+     * values give a narrow glint, large ones a soft wave. @default 0.28
+     */
+    spread?: number;
+    /** When false it renders plain text in `shineColor`. @default true */
+    animated?: boolean;
+    /** Resting color of the characters. @default theme.colors.textLight */
+    color?: string;
+    /** Color of the band that travels across. @default theme.colors.primary */
+    shineColor?: string;
+    /** @default 'left' */
+    align?: 'left' | 'center' | 'right';
+    /** Typography only: `color` and `shineColor` win over any color set here. */
+    style?: StyleProp<TextStyle>;
+    testID?: string;
+}
+/**
+ * ShinyText
+ * Una banda de luz recorre el texto de izquierda a derecha. Sin
+ * `background-clip: text` ni máscaras —que React Native no tiene en el rango
+ * soportado— el brillo se compone letra por letra: cada una lleva su color de
+ * reposo y encima, superpuesta, la misma letra en el color del brillo con la
+ * opacidad animada. La banda es una ventana de interpolación que se desplaza:
+ * lo que cambia por frame es sólo `opacity`, o sea que la animación entera
+ * corre en el hilo nativo y JS no participa de ningún frame.
+ *
+ * Gestalt, destino común: las letras se encienden en secuencia y con el mismo
+ * ritmo, así que se leen como una sola cosa que se mueve —una palabra
+ * iluminándose— y no como N letras parpadeando por su cuenta. Por eso el ancho
+ * de banda es relativo al texto y no una cantidad fija de píxeles: un título
+ * largo y uno corto tardan lo mismo y se perciben igual.
+ *
+ * Con "reducir movimiento" activo, o con `animated={false}`, el texto se
+ * renderiza plano en `shineColor` —legible, un solo nodo y seleccionable—
+ * porque el efecto es decorativo y nada de lo que comunica está en el brillo.
+ */
+export declare const ShinyText: React.MemoExoticComponent<({ text, duration, delay, spread, animated, color, shineColor, align, style, testID, }: ShinyTextProps) => React.JSX.Element>;
+//# sourceMappingURL=ShinyText.d.ts.map

package/lib/typescript/atoms/ShinyText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShinyText.d.ts","sourceRoot":"","sources":["../../../src/atoms/ShinyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyDD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,SAAS,oHAYjB,cAAc,uBAkGlB,CAAC"}

package/lib/typescript/atoms/index.d.ts

@@ -14,6 +14,8 @@ export { Card } from './Card';
 export type { CardProps } from './Card';
 export { Divider } from './Divider';
 export type { DividerProps } from './Divider';
+export { Gradient } from './Gradient';
+export type { GradientProps, GradientDirection } from './Gradient';
 export { Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar';
 export { Image, prefetchImage } from './Image';
@@ -24,6 +26,8 @@ export { Skeleton } from './Skeleton';
 export type { SkeletonProps, SkeletonVariant } from './Skeleton';
 export { Transition, useReduceMotion } from './Transition';
 export type { TransitionProps, TransitionPreset } from './Transition';
+export { ShinyText } from './ShinyText';
+export type { ShinyTextProps } from './ShinyText';
 export { EmptyState } from './EmptyState';
 export type { EmptyStateProps } from './EmptyState';
 export { KeyValueRow } from './KeyValueRow';

package/lib/typescript/atoms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACxD,YAAY,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACxD,YAAY,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/typescript/organisms/Chart.d.ts

@@ -0,0 +1,208 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type ChartRow } from './chart/math';
+export type { ChartRow } from './chart/math';
+export type ChartType = 'bar' | 'line' | 'area' | 'pie' | 'donut' | 'radar';
+export interface ChartSeries {
+    /** Columna de `data` que lee esta serie. */
+    key: string;
+    /** Lo que dicen la leyenda y el tooltip. Por defecto, `key`. */
+    label?: string;
+    /** Pisa el color derivado del theme. */
+    color?: string;
+}
+export interface ChartFilterOption {
+    value: string;
+    label: string;
+}
+/**
+ * Un filtro de la barra superior. Chart no filtra nada por su cuenta: muestra
+ * el control y avisa. Quien tiene los datos decide qué significa "últimos 7
+ * días", y eso no se puede adivinar desde acá.
+ */
+export interface ChartFilter {
+    key: string;
+    options: ChartFilterOption[];
+    value: string;
+    onChange: (value: string) => void;
+}
+export interface ChartSelection {
+    /**
+     * Identidad de la fila, estable a través de un `window` o un diezmado.
+     * Sale de `selectBy`; sin él es el índice, y entonces no sobrevive a que
+     * los datos corran.
+     */
+    id: string;
+    /**
+     * Índice adentro de las filas **dibujadas**, no de `data`: con `window` o
+     * con diezmado no son la misma lista. Para volver al dato está `row`.
+     */
+    index: number;
+    /** La fila entera, sin tener que resolver el índice contra nada. */
+    row: ChartRow;
+    /** Valor de `xKey` en esa fila. */
+    label: string;
+    /** Serie tocada. En torta es la fila, que ahí es la categoría. */
+    seriesKey: string;
+    value: number;
+}
+interface ChartBaseProps {
+    data: ChartRow[];
+    /**
+     * Series a dibujar. En 'pie'/'donut' sólo se usa la primera: las categorías
+     * de una torta son las filas, no las columnas.
+     */
+    series: ChartSeries[];
+    /** Columna con la etiqueta de cada fila. @default 'x' */
+    xKey?: string;
+    /**
+     * Identidad estable de una fila. Sin esto la selección se guarda por índice,
+     * y en una ventana deslizante el índice corre: el punto resaltado pasa a
+     * señalar otro dato sin que nadie lo toque. Con esto el resaltado sigue al
+     * dato, y desaparece solo cuando el dato sale de la ventana.
+     */
+    selectBy?: (row: ChartRow, index: number) => string;
+    /**
+     * Dibuja sólo las últimas N filas. Es la ventana deslizante de un chart en
+     * vivo: quien empuja los datos no tiene que recortarlos en cada tick.
+     */
+    window?: number;
+    /** Alto del área de dibujo, sin contar filtros ni leyenda. @default 220 */
+    height?: number;
+    /**
+     * 'toggle' convierte la leyenda en el filtro más barato que tiene un chart:
+     * tocar una serie la apaga. @default 'auto' (toggle con 2+ series, none con una)
+     */
+    legend?: 'auto' | 'none' | 'static' | 'toggle';
+    /** Series apagadas, controlado. Sin esto, Chart se las acuerda solo. */
+    hiddenKeys?: string[];
+    /** @default [] */
+    defaultHiddenKeys?: string[];
+    onHiddenKeysChange?: (keys: string[]) => void;
+    /** Controles arriba del chart, uno por filtro. */
+    filters?: ChartFilter[];
+    /** Punto resaltado, controlado. `null` es "ninguno". */
+    selected?: ChartSelection | null;
+    onSelect?: (selection: ChartSelection | null) => void;
+    /** Globo con los valores de la categoría tocada. @default true */
+    tooltip?: boolean;
+    /** @default formato compacto: 1.2k, 3.4M */
+    formatValue?: (value: number) => string;
+    /** @default true */
+    animate?: boolean;
+    /** ms de la animación de las marcas. @default tokens.duration.slow * 2 */
+    duration?: number;
+    /** Texto cuando no queda nada que dibujar. */
+    emptyText?: string;
+    /** Obligatorio: un chart no tiene texto que lo describa. */
+    accessibilityLabel: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+interface CartesianProps {
+    /**
+     * Fija el eje de valores. Por defecto se recalcula con cada dato, que es lo
+     * correcto para un chart estático y lo peor para uno en vivo: llega un valor
+     * más alto, la escala entera se reacomoda y la línea salta aunque el dato no
+     * se haya movido.
+     *
+     * - `[min, max]` — exacto, sin redondear a números lindos.
+     * - `'sticky'` — arranca del dato y crece cuando algo no entra, pero no se
+     *   vuelve a achicar.
+     */
+    domain?: [number, number] | 'sticky';
+    /** Líneas de referencia del eje de valores. @default true */
+    grid?: boolean;
+    /** Ticks buscados en el eje de valores; el redondeo puede dar uno más o uno menos. @default 4 */
+    ticks?: number;
+    /** Etiquetas del eje horizontal. @default true */
+    xAxis?: boolean;
+    /** Etiquetas del eje vertical. @default true */
+    yAxis?: boolean;
+}
+interface BarChartProps extends CartesianProps {
+    type: 'bar';
+    /** 'horizontal' pone las categorías en el eje vertical. @default 'vertical' */
+    orientation?: 'vertical' | 'horizontal';
+    /** Apila las series en vez de ponerlas lado a lado. @default false */
+    stacked?: boolean;
+    /** Radio del extremo libre de cada barra. @default radius.xs */
+    barRadius?: number;
+}
+interface LineChartProps extends CartesianProps {
+    type: 'line';
+    /**
+     * Cuántos puntos dibujar como mucho, eligiéndolos con LTTB. Por defecto sale
+     * del ancho medido: más de un punto cada dos píxeles no se ve y sí se paga.
+     * `false` los dibuja todos.
+     */
+    decimate?: number | false;
+    /** Catmull-Rom en vez de tramos rectos. @default false */
+    smooth?: boolean;
+    /** @default 2 */
+    thickness?: number;
+    /** Punto en cada dato. @default true */
+    dots?: boolean;
+}
+interface AreaChartProps extends CartesianProps {
+    type: 'area';
+    /** Igual que en 'line'. */
+    decimate?: number | false;
+    smooth?: boolean;
+    thickness?: number;
+    /** @default false */
+    dots?: boolean;
+    /** @default false */
+    stacked?: boolean;
+    /** Opacidad del relleno bajo la línea. @default 0.22 */
+    fillOpacity?: number;
+}
+interface PieBaseProps {
+    /** Agujero como fracción del radio, 0–0.9. @default 0 en 'pie', 0.6 en 'donut' */
+    innerRadius?: number;
+    /** Qué escribir sobre cada porción. @default 'percent' */
+    sliceLabels?: 'none' | 'percent' | 'value';
+}
+interface PieChartProps extends PieBaseProps {
+    type: 'pie';
+}
+interface DonutChartProps extends PieBaseProps {
+    type: 'donut';
+}
+interface RadarChartProps {
+    type: 'radar';
+    /**
+     * Fija el alcance de los ejes. El radar mide desde el centro, así que el
+     * mínimo es siempre 0 y de `[min, max]` sólo se usa `max`.
+     */
+    domain?: [number, number] | 'sticky';
+    /** Anillos de la telaraña. @default 4 */
+    levels?: number;
+    /** Rellena el polígono además de dibujar su contorno. @default true */
+    fill?: boolean;
+    thickness?: number;
+    /** @default true */
+    dots?: boolean;
+}
+export type ChartProps = ChartBaseProps & (BarChartProps | LineChartProps | AreaChartProps | PieChartProps | DonutChartProps | RadarChartProps);
+/**
+ * Chart
+ * Barras (verticales, horizontales, agrupadas, apiladas), línea, área, torta,
+ * dona y radar en un solo componente, porque lo que cambia entre ellos es la
+ * marca que se dibuja y no el resto: datos, escala, ejes, leyenda, tooltip,
+ * selección y filtros son los mismos seis mecanismos en todos.
+ *
+ * Se dibuja con `View`: React Native no trae lienzo vectorial y la librería no
+ * puede agregar uno. Las tres primitivas están en `chart/marks.tsx` y la
+ * geometría entera, sin React, en `chart/math.ts`.
+ *
+ * Gestalt: destino común — al tocar una categoría, todo lo que no es ella baja
+ * a {@link DIM_OPACITY} a la vez, así que lo resaltado se lee como un grupo y
+ * no como una marca suelta. La leyenda usa similitud: el mismo color que la
+ * serie, y por eso puede apagarla sin que haga falta explicar qué apaga.
+ */
+export declare function Chart(props: ChartProps): React.JSX.Element;
+export declare namespace Chart {
+    var displayName: string;
+}
+//# sourceMappingURL=Chart.d.ts.map

package/lib/typescript/organisms/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/organisms/Chart.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/organisms/OptionWheel.d.ts

@@ -0,0 +1,78 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface OptionWheelOption<T> {
+    label: string;
+    value: T;
+    /** The wheel refuses to settle here and slides to the nearest enabled row. */
+    disabled?: boolean;
+}
+export type OptionWheelVariant = 'window' | 'spotlight';
+export interface OptionWheelProps<T> {
+    options: OptionWheelOption<T>[];
+    selectedValue: T | undefined;
+    onSelect: (value: T) => void;
+    /** Title above the wheel. */
+    label?: string;
+    /** Required when there's no `label`: the wheel as a whole needs a name. */
+    accessibilityLabel?: string;
+    /**
+     * Rows on screen. Forced to the next odd number so one of them is the
+     * centre. @default 5
+     */
+    visibleCount?: number;
+    /** Height of each row. @default 44 */
+    itemHeight?: number;
+    /** Fixed text to the right of the centre row ('kg', 'min'). */
+    unit?: string;
+    /** Tilts the far rows to suggest a cylinder. @default true */
+    perspective?: boolean;
+    /**
+     * 'window' marks the pick with a band behind the centre row. 'spotlight'
+     * drops the band and lets the far rows fall away and blur instead, which
+     * needs a quiet surface under it to read.
+     * @default 'window'
+     */
+    variant?: OptionWheelVariant;
+    /**
+     * Colour of the option labels. The surface the wheel sits on is whoever
+     * composes it to paint — this is how the text keeps contrast against it.
+     * @default theme.colors.text
+     */
+    textColor?: string;
+    /**
+     * Radius, in pixels, of the wheel the rows sit on. Its centre is off to the
+     * side, so the rows bow inwards as they get further from the middle and tilt
+     * with the tangent — the wheel reads as a rim seen edge-on instead of a flat
+     * list. Smaller radius, rounder arc. Undefined leaves the rows flat.
+     */
+    curveRadius?: number;
+    /** Which side the wheel's centre is on. @default 'left' */
+    curveFrom?: 'left' | 'right';
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * OptionWheel
+ * Selector de rueda: las opciones pasan por una ventana fija y la que queda en
+ * el centro es la elegida. El scroll hace snap a la altura de fila, así que
+ * soltar el dedo en cualquier lado siempre deja una opción centrada y no media.
+ *
+ * Gestalt, figura y fondo: lo que marca la selección no es un estilo sobre la
+ * fila —que viajaría con ella— sino una ventana quieta encima de la lista. La
+ * figura se queda, el fondo se mueve, y por eso la rueda se lee sin leer: el
+ * lugar señala, no el color. Y destino común: todas las filas se achican y se
+ * inclinan con la misma ley respecto del centro, de modo que se perciben como
+ * una superficie rígida que gira y no como N filas animándose por su cuenta.
+ *
+ * La escala, la opacidad y la inclinación salen de interpolar el
+ * `contentOffset` del scroll, no del estado de React: se calculan en el hilo
+ * nativo (`useNativeDriver`) y el hilo de JS sólo participa cuando la rueda ya
+ * frenó, para avisar qué quedó elegido. Con "reducir movimiento" activo se
+ * apaga la inclinación y queda el tamaño, que es información, no decoración.
+ *
+ * `disabled` en una opción no puede impedir que el snap la centre, así que la
+ * rueda la centra y se corre sola a la habilitada más cercana.
+ */
+export declare function OptionWheel<T extends string | number>({ options, selectedValue, onSelect, label, accessibilityLabel, visibleCount, itemHeight, unit, perspective, variant, textColor, curveRadius, curveFrom, disabled, style, testID, }: OptionWheelProps<T>): React.JSX.Element;
+//# sourceMappingURL=OptionWheel.d.ts.map

package/lib/typescript/organisms/OptionWheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionWheel.d.ts","sourceRoot":"","sources":["../../../src/organisms/OptionWheel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAExD,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAChC,aAAa,EAAE,CAAC,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA+GD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACrD,OAAO,EACP,aAAa,EACb,QAAQ,EACR,KAAK,EACL,kBAAkB,EAClB,YAAoC,EACpC,UAAgC,EAChC,IAAI,EACJ,WAAkB,EAClB,OAAkB,EAClB,SAAS,EACT,WAAW,EACX,SAAkB,EAClB,QAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,gBAAgB,CAAC,CAAC,CAAC,qBAgQrB"}