orn-ui 0.2.7 → 0.2.9

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

@@ -0,0 +1,69 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type GradientDirection } from '../atoms/Gradient';
+import { type SlidesOrientation } from './useSlides';
+export type { SlidesOrientation } from './useSlides';
+export type SlidesIndicators = 'dots' | 'numbers' | 'none';
+export type SlidesIndicatorPlacement = 'overlay' | 'outside';
+/** Un color sólido, o dos o más para un degradado (ver `Gradient`). */
+export type SlideBackground = string | string[];
+export interface SlidesProps<T> {
+    data: T[];
+    keyExtractor: (item: T, index: number) => string;
+    /** Contenido de la slide: imágenes, botones, lo que sea. Se dibuja sobre `background`. */
+    renderItem: (item: T, index: number) => React.ReactNode;
+    /** Fondo por slide: `'#101014'` pinta plano, `['#004cef', '#00cae1']` degrada. */
+    background?: (item: T, index: number) => SlideBackground | undefined;
+    /** Dirección del degradado cuando `background` devuelve varios colores. @default 'vertical' */
+    gradientDirection?: GradientDirection;
+    /** @default 'horizontal' */
+    orientation?: SlidesOrientation;
+    /** Círculos, círculos numerados, o ninguno. @default 'dots' */
+    indicators?: SlidesIndicators;
+    /**
+     * 'overlay' los apoya sobre la slide, en blanco; 'outside' los saca fuera
+     * del área deslizable, con los colores del tema.
+     * @default 'overlay'
+     */
+    indicatorPlacement?: SlidesIndicatorPlacement;
+    /** Después de la última vuelve a la primera (y al revés). @default false */
+    loop?: boolean;
+    /** Avanza solo. Se pausa mientras el dedo arrastra. @default false */
+    autoPlay?: boolean;
+    /** ms entre avances de `autoPlay`. @default 4000 */
+    interval?: number;
+    /**
+     * Botón para frenar el avance automático. Sólo aparece con `autoPlay`, y va
+     * en `true` porque contenido que se mueve solo necesita una forma de
+     * pausarlo (WCAG 2.2.2).
+     * @default true
+     */
+    showAutoPlayToggle?: boolean;
+    /** Hueco entre slides, en px. En 0 quedan pegadas. @default 0 */
+    spacing?: number;
+    /** Índice controlado. Sin él, el componente maneja el suyo desde `defaultIndex`. */
+    index?: number;
+    /** @default 0 */
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    /** Alto del área deslizable. @default 240 */
+    height?: number;
+    /** @default true */
+    swipeEnabled?: boolean;
+    /** Estilos de la caja visible de cada slide — padding, alineación, radio. */
+    slideStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * Slides
+ * Carrusel con fondo propio (color plano o degradado) y contenido libre:
+ * `renderItem` decide si adentro va una imagen, texto o botones. El estado
+ * vive en `useSlides`; acá sólo está el árbol.
+ *
+ * El deslizamiento es un `ScrollView` con `pagingEnabled` en vez de gestos a
+ * mano: es lo único que da snap nativo en iOS y Android sin
+ * `react-native-gesture-handler`, en todo el rango soportado (Expo SDK 54–57).
+ */
+export declare function Slides<T>({ data, keyExtractor, renderItem, background, gradientDirection, orientation, indicators, indicatorPlacement, loop, autoPlay, interval, showAutoPlayToggle, spacing, index, defaultIndex, onIndexChange, height, swipeEnabled, slideStyle, style, testID, }: SlidesProps<T>): React.JSX.Element;
+//# sourceMappingURL=Slides.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slides.d.ts","sourceRoot":"","sources":["../../../src/organisms/Slides.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,uEAAuE;AACvE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAEhD,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,0FAA0F;IAC1F,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,kFAAkF;IAClF,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,eAAe,GAAG,SAAS,CAAC;IACrE,+FAA+F;IAC/F,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,4BAA4B;IAC5B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,wBAAwB,CAAC;IAC9C,4EAA4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAuHD;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACxB,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,UAAU,EACV,iBAA8B,EAC9B,WAA0B,EAC1B,UAAmB,EACnB,kBAA8B,EAC9B,IAAY,EACZ,QAAgB,EAChB,QAA2B,EAC3B,kBAAyB,EACzB,OAAW,EACX,KAAK,EACL,YAAgB,EAChB,aAAa,EACb,MAAuB,EACvB,YAAmB,EACnB,UAAU,EACV,KAAK,EACL,MAAM,GACP,EAAE,WAAW,CAAC,CAAC,CAAC,qBA6LhB"}

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

@@ -0,0 +1,61 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../icons/types';
+export type TimelineStatus = 'done' | 'pending';
+/**
+ * Qué puede hacer un toque.
+ * - 'free': cualquier hito responde y la línea sigue a `items` para donde
+ *   vaya, adelante o atrás. Es el que sirve cuando el recorrido no es un
+ *   progreso, o cuando lo maneja otra cosa.
+ * - 'sequential': sólo responde el que sigue al alcanzado, y la línea no
+ *   retrocede nunca. Avance estricto.
+ * - 'revisit': responden el que sigue y todos los ya alcanzados, y la línea
+ *   tampoco retrocede. Es el caso de "puedo volver a mirar lo anterior sin
+ *   perder lo que llevo".
+ */
+export type TimelineAdvance = 'free' | 'sequential' | 'revisit';
+export interface TimelineItem {
+    label: string;
+    /** Glyph from the library's set, to the left of the label. */
+    iconName?: IconName;
+    /** Emoji to the left of the label. Wins over `iconName`. */
+    emoji?: string;
+    /** @default 'done' */
+    status?: TimelineStatus;
+}
+export interface TimelineProps {
+    items: TimelineItem[];
+    /** Pixels the line bows away from the straight path. 0 draws it straight. @default 28 */
+    curve?: number;
+    /** Vertical distance between one node and the next. @default 84 */
+    spacing?: number;
+    /** Side the first pill goes to; the rest alternate. @default 'right' */
+    startSide?: 'left' | 'right';
+    /** Halo behind each pill. @default true */
+    glow?: boolean;
+    /** Makes each pill tappable and reports its index. */
+    onItemPress?: (index: number) => void;
+    /**
+     * Which taps are allowed, and whether the line may go back. @default 'free'
+     *
+     * In 'sequential' and 'revisit' the line keeps the furthest point it has
+     * been asked to draw, so a parent that hands back a shorter `items` does not
+     * undo the progress. Swapping in a different list keeps it too — reset it by
+     * remounting (a `key`).
+     */
+    advance?: TimelineAdvance;
+    /**
+     * The milestone being looked at right now, highlighted. It is not the
+     * progress: it can sit behind the line without pulling it back.
+     */
+    selectedIndex?: number;
+    /**
+     * Milliseconds the line takes to travel one gap when a milestone is
+     * reached. @default 420
+     */
+    duration?: number;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export declare const Timeline: React.MemoExoticComponent<({ items, curve, spacing, startSide, glow, onItemPress, advance, selectedIndex, duration, style, testID, }: TimelineProps) => React.JSX.Element | null>;
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/organisms/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM5F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;AAEhE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA+FD,eAAO,MAAM,QAAQ,wIAahB,aAAa,8BAkSjB,CAAC"}

package/lib/typescript/organisms/chart/frame.d.ts

@@ -0,0 +1,85 @@
+/**
+ * El marco de Chart: todo lo que rodea a las marcas — grilla, ejes, leyenda y
+ * tooltip. Nada de acá conoce el tipo de chart; recibe números y textos ya
+ * resueltos.
+ *
+ * Gestalt: la grilla usa `border`, dos escalones por debajo del color de las
+ * series, para que el dato quede como figura y la referencia como fondo. La
+ * leyenda repite el color exacto de cada serie (similitud) y por eso puede
+ * hacer de control de filtro sin explicar qué apaga: se apaga lo que tiene ese
+ * color.
+ */
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type Point } from './math';
+export interface CartesianGridProps {
+    width: number;
+    height: number;
+    /** Posición en píxeles de cada línea, sobre el eje perpendicular a ella. */
+    lines: number[];
+    /** 'horizontal' dibuja líneas que cruzan a lo ancho (eje y con ticks). */
+    orientation: 'horizontal' | 'vertical';
+    /** Índice de la línea del cero, más marcada que el resto. */
+    zeroIndex?: number;
+    testID?: string;
+}
+export declare const CartesianGrid: React.MemoExoticComponent<({ width, height, lines, orientation, zeroIndex, testID }: CartesianGridProps) => React.JSX.Element>;
+export interface AxisLabelsProps {
+    labels: {
+        text: string;
+        position: number;
+    }[];
+    /** 'x' las reparte a lo ancho debajo del plot; 'y' las apila a la izquierda. */
+    axis: 'x' | 'y';
+    /** Ancho del canal reservado para las etiquetas. */
+    gutter: number;
+    /** Tamaño del plot sobre el eje de las etiquetas. */
+    span: number;
+    testID?: string;
+}
+export declare const AxisLabels: React.MemoExoticComponent<({ labels, axis, gutter, span, testID }: AxisLabelsProps) => React.JSX.Element>;
+export interface RadarGridProps {
+    center: Point;
+    radius: number;
+    angles: number[];
+    /** Anillos concéntricos, incluido el borde. */
+    levels: number;
+    testID?: string;
+}
+/**
+ * Anillos y radios del radar. Los anillos son polígonos, no círculos: un
+ * círculo sugiere que entre eje y eje hay valores, y no los hay — sólo hay
+ * los ejes que se pasaron.
+ */
+export declare const RadarGrid: React.MemoExoticComponent<({ center, radius, angles, levels, testID }: RadarGridProps) => React.JSX.Element | null>;
+export interface LegendItem {
+    key: string;
+    label: string;
+    color: string;
+}
+export interface LegendProps {
+    items: LegendItem[];
+    hidden: string[];
+    /** Sin esto la leyenda es sólo referencia; con esto es el filtro. */
+    onToggle?: (key: string) => void;
+    testID?: string;
+}
+export declare const Legend: React.MemoExoticComponent<({ items, hidden, onToggle, testID }: LegendProps) => React.JSX.Element>;
+export interface TooltipRow {
+    key: string;
+    label: string;
+    value: string;
+    color: string;
+}
+export interface TooltipProps {
+    title: string;
+    rows: TooltipRow[];
+    /** Punto que describe, en coordenadas del contenedor. */
+    anchor: Point;
+    /** Ancho disponible: el globo se corre para no salirse. */
+    containerWidth: number;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export declare const Tooltip: React.MemoExoticComponent<({ title, rows, anchor, containerWidth, style, testID }: TooltipProps) => React.JSX.Element>;
+//# sourceMappingURL=frame.d.ts.map

package/lib/typescript/organisms/chart/frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../../../src/organisms/chart/frame.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG5F,OAAO,EAAS,KAAK,KAAK,EAAE,MAAM,QAAQ,CAAC;AAyD3C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,0EAA0E;IAC1E,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,uFAAmE,kBAAkB,uBAyB7G,CAAC;AAGH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,gFAAgF;IAChF,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,oDAAoD;IACpD,MAAM,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,UAAU,qEAAiD,eAAe,uBA0BrF,CAAC;AAKH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,+CAA+C;IAC/C,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,yEAAqD,cAAc,8BAoDvF,CAAC;AAKH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,kEAA8C,WAAW,uBAyC1E,CAAC;AAKH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,yDAAyD;IACzD,MAAM,EAAE,KAAK,CAAC;IACd,2DAA2D;IAC3D,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AASD,eAAO,MAAM,OAAO,qFAAiE,YAAY,uBAmC/F,CAAC"}

package/lib/typescript/organisms/chart/marks.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Las marcas de Chart: lo único que sabe dibujar el componente.
+ *
+ * React Native no trae un lienzo vectorial y la librería no puede agregar uno
+ * (cero dependencias), así que las tres primitivas de acá se componen con
+ * `View` y bastan para los seis tipos de chart:
+ *
+ * | primitiva  | la usan                                             |
+ * |------------|-----------------------------------------------------|
+ * | `Bar`      | barras verticales y horizontales, agrupadas o apiladas |
+ * | `Polyline` | línea, contorno del radar, grilla del radar, ejes    |
+ * | `Wedge`    | torta, dona y el relleno del radar                   |
+ *
+ * Son puras: no escuchan toques ni conocen la escala. Quien toca es la capa de
+ * hit-test de Chart.tsx, que cubre columnas enteras en vez de la marca —
+ * una línea de 2px no es un blanco táctil.
+ */
+import React from 'react';
+import { Animated } from 'react-native';
+import { type Point } from './math';
+/**
+ * Valor que persigue a `target` en vez de saltar. Un filtro que cambia los
+ * datos mueve la barra desde donde estaba, y ese movimiento es lo que dice
+ * "es la misma barra con otro número" en lugar de "es otro chart".
+ */
+export declare function useAnimatedNumber(target: number, animate: boolean, duration: number): Animated.Value;
+export interface BarProps {
+    /** Caja final de la barra dentro del plot, ya en píxeles. */
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    color: string;
+    /** Lado por donde nace: la barra crece desde su base, no desde el centro. */
+    from: 'bottom' | 'top' | 'left' | 'right';
+    /** Radio de las dos esquinas del extremo libre. */
+    radius?: number;
+    /** Atenúa las barras que no son la seleccionada. */
+    dim?: boolean;
+    animate?: boolean;
+    duration?: number;
+    testID?: string;
+}
+export declare const Bar: React.MemoExoticComponent<({ x, y, width, height, color, from, radius, dim, animate, duration, testID }: BarProps) => React.JSX.Element>;
+export interface PolylineProps {
+    points: Point[];
+    color: string;
+    thickness?: number;
+    /** Une el último punto con el primero (radar, grilla poligonal). */
+    closed?: boolean;
+    opacity?: number;
+    testID?: string;
+}
+/**
+ * Una línea es un rectángulo fino rotado sobre su centro, uno por tramo. Con
+ * `smoothPoints` los tramos son tantos que la poligonal se lee como curva.
+ *
+ * Los extremos quedan a tope, no redondeados: un `borderRadius` por tramo
+ * multiplicaría las vistas y a 2px de grosor nadie ve la diferencia.
+ */
+export declare const Polyline: React.MemoExoticComponent<({ points, color, thickness, closed, opacity, testID }: PolylineProps) => React.JSX.Element | null>;
+export interface DotProps {
+    point: Point;
+    color: string;
+    size?: number;
+    /** Aro del color del fondo: despega el punto de la línea que lo cruza. */
+    ringColor?: string;
+    ringWidth?: number;
+    testID?: string;
+}
+export declare const Dot: React.MemoExoticComponent<({ point, color, size, ringColor, ringWidth, testID }: DotProps) => React.JSX.Element>;
+export interface WedgeProps {
+    /** Diámetro: la porción se dibuja centrada en una caja `size` × `size`. */
+    size: number;
+    /** Ángulo donde empieza, 0° arriba y creciendo en horario. */
+    start: number;
+    /** Apertura, 0–360. */
+    sweep: number;
+    color: string;
+    opacity?: number;
+    /** Desplaza la porción hacia afuera por su bisectriz (la seleccionada). */
+    explode?: number;
+    /** Centro dentro del contenedor. Sin él la porción se apoya en (0, 0). */
+    center?: Point;
+    testID?: string;
+}
+export declare const Wedge: React.MemoExoticComponent<({ size, start, sweep, color, opacity, explode, center, testID }: WedgeProps) => React.JSX.Element | null>;
+//# sourceMappingURL=marks.d.ts.map

package/lib/typescript/organisms/chart/marks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.d.ts","sourceRoot":"","sources":["../../../../src/organisms/chart/marks.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAgC,MAAM,cAAc,CAAC;AACtE,OAAO,EAAc,KAAK,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEhD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC,KAAK,CAsBpG;AAID,MAAM,WAAW,QAAQ;IACvB,6DAA6D;IAC7D,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,IAAI,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAC1C,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oDAAoD;IACpD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,GAAG,2GAC0F,QAAQ,uBA6BjH,CAAC;AAKF,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,oFAAgF,aAAa,8BAyBhH,CAAC;AAGH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,GAAG,mFAAuE,QAAQ,uBAmB7F,CAAC;AA2DH,MAAM,WAAW,UAAU;IACzB,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,KAAK,8FAAkF,UAAU,8BAmC5G,CAAC"}

package/lib/typescript/organisms/chart/math.d.ts

@@ -0,0 +1,161 @@
+/**
+ * Geometría y escalas de Chart: todo lo que se puede probar sin montar un
+ * árbol vive acá, sin React y sin dependencias. marks.tsx sólo traduce estos
+ * números a estilos, y Chart.tsx sólo decide qué marca dibujar.
+ *
+ * Convenciones:
+ * - Coordenadas de React Native: origen arriba-izquierda, `y` crece hacia abajo.
+ * - Ángulos en grados, 0° a las 12 en punto, creciendo en sentido horario —
+ *   que es como se lee una torta y como gira `transform: rotate` en RN.
+ */
+export interface Point {
+    x: number;
+    y: number;
+}
+/** Fila de datos: una categoría del eje x y un número por serie. */
+export type ChartRow = Record<string, string | number | null | undefined>;
+/** Lee una celda como número, o null si no lo es (hueco en la serie). */
+export declare function toNumber(value: unknown): number | null;
+export declare function clamp(value: number, min: number, max: number): number;
+/**
+ * El 1, 2, 5 o 10 (por su potencia de diez) más cercano por encima de `rough`.
+ * Es lo que hace que los ticks caigan en números que alguien diría en voz
+ * alta — 0, 250, 500 — y no en 0, 237, 474.
+ */
+export declare function niceStep(rough: number): number;
+export interface Ticks {
+    /** Extremo inferior redondeado hacia afuera. */
+    min: number;
+    /** Extremo superior redondeado hacia afuera. */
+    max: number;
+    step: number;
+    values: number[];
+}
+/**
+ * Dominio redondeado a valores legibles más la lista de ticks. `count` es una
+ * intención, no una promesa: redondear hacia afuera puede dar uno más o uno
+ * menos, y eso es preferible a un eje con números arbitrarios.
+ */
+export declare function niceScale(min: number, max: number, count?: number): Ticks;
+/**
+ * Ticks de un dominio que el consumidor fijó a mano. No redondea nada: si
+ * alguien pide 0–100, el eje dice 0–100. Es lo contrario de `niceScale`, y es
+ * lo que necesita un chart en vivo — un eje que se reacomoda en cada tick hace
+ * saltar la línea aunque el dato no se haya movido.
+ */
+export declare function exactTicks(min: number, max: number, count?: number): Ticks;
+/**
+ * Une dos dominios quedándose con el más ancho. Es el modo 'sticky': el eje
+ * crece cuando llega un valor que no entraba y no se vuelve a achicar, así
+ * que lo que se ve moverse es el dato y no la escala.
+ */
+export declare function growExtent(previous: [number, number] | null, next: [number, number]): [number, number];
+/** Interpolador lineal dominio → rango. Dominio degenerado cae al medio del rango. */
+export declare function linearScale(domain: [number, number], range: [number, number]): (value: number) => number;
+export interface ExtentOptions {
+    /** Las series se suman en vez de compararse (barras/áreas apiladas). */
+    stacked?: boolean;
+    /** Fuerza el 0 adentro del dominio: sin él, una barra corta miente. */
+    includeZero?: boolean;
+}
+/** Mínimo y máximo de las series pedidas. Sin datos devuelve [0, 1]. */
+export declare function extent(rows: ChartRow[], keys: string[], options?: ExtentOptions): [number, number];
+export interface StackBand {
+    key: string;
+    /** Borde de la banda más cerca del cero. */
+    from: number;
+    /** Borde más lejos del cero. */
+    to: number;
+    value: number;
+}
+/**
+ * Bandas apiladas de una fila. Los positivos crecen desde 0 hacia arriba y
+ * los negativos desde 0 hacia abajo: una serie negativa no le come el alto a
+ * las positivas, que es lo que pasa si se apila todo en un solo acumulador.
+ */
+export declare function stackRow(row: ChartRow, keys: string[]): StackBand[];
+/** Punto a `radius` del centro en el ángulo dado (0° arriba, horario). */
+export declare function polar(center: Point, radius: number, angle: number): Point;
+/** Ángulo de un punto respecto del centro, normalizado a [0, 360). */
+export declare function angleOf(center: Point, point: Point): number;
+export interface Arc {
+    /** Índice de la fila que representa. */
+    index: number;
+    start: number;
+    sweep: number;
+    value: number;
+    /** Proporción sobre el total, 0–1. */
+    ratio: number;
+}
+/**
+ * Arcos de una torta. Los negativos no existen en una torta (no hay "menos
+ * porción"): se descartan en vez de invertirse. Total 0 ⇒ nada que dibujar.
+ */
+export declare function arcsFor(values: number[]): Arc[];
+/** El arco que contiene ese ángulo, o -1. */
+export declare function arcAt(arcs: Arc[], angle: number): number;
+/** Ángulos de los ejes de un radar: el primero arriba, el resto en reparto parejo. */
+export declare function radarAngles(count: number): number[];
+export interface SegmentBox {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    /** Grados para `transform: [{ rotate }]`. */
+    rotate: number;
+}
+/**
+ * Caja de un segmento a→b: sin SVG, una línea es un rectángulo fino rotado
+ * sobre su centro. Ancho = distancia, alto = grosor, rotación = la pendiente.
+ */
+export declare function segmentBox(a: Point, b: Point, thickness: number): SegmentBox;
+/**
+ * Suaviza una polilínea con Catmull-Rom muestreada en `steps` tramos por vano.
+ * La curva pasa por todos los puntos originales (a diferencia de un Bézier de
+ * control libre), así que el dato sigue siendo el dato; sólo se agrega camino
+ * entre medio, y el resultado se dibuja con los mismos segmentos rectos.
+ */
+export declare function smoothPoints(points: Point[], steps?: number): Point[];
+/**
+ * `y` de la polilínea en esa `x`, o null si cae fuera. Es lo que convierte una
+ * línea en área: cada tira vertical pregunta su alto acá.
+ */
+export declare function sampleY(points: Point[], x: number): number | null;
+/**
+ * Formato por defecto de ejes y tooltip: compacto, porque un eje de un chart
+ * de 320px no tiene lugar para "1250000". El consumidor lo reemplaza entero
+ * con `formatValue`.
+ */
+export declare function formatNumber(value: number): string;
+export interface FanStrip {
+    start: number;
+    sweep: number;
+    radius: number;
+}
+/**
+ * Descompone un polígono alrededor de un centro en porciones angulares: es lo
+ * que permite rellenar un radar con la misma primitiva que dibuja una torta.
+ *
+ * El corte va por el lado del polígono (parámetro `t`), no por el ángulo: el
+ * radio de una cuerda no es lineal en el ángulo, y cortando por ángulo los
+ * vértices quedarían redondeados justo donde el dato manda que haya una punta.
+ */
+export declare function fanStrips(center: Point, points: Point[], steps?: number): FanStrip[];
+/**
+ * LTTB (Largest-Triangle-Three-Buckets): elige `threshold` puntos de `values`
+ * quedándose con la forma de la curva. Devuelve índices, no puntos, para que
+ * quien llama pueda conservar la fila entera —todas sus series— y no sólo la
+ * que se usó para decidir.
+ *
+ * Por qué no un muestreo cada N: cada N se come los picos, que son justo lo
+ * que alguien mira en una serie temporal. LTTB parte el recorrido en baldes y
+ * de cada uno se queda con el punto que forma el triángulo más grande con el
+ * ya elegido y con el promedio del balde siguiente — o sea, con el que más
+ * cambia la silueta. Primero y último se conservan siempre.
+ *
+ * `x` es el índice: las categorías de un chart están repartidas parejo sobre
+ * el eje, así que la distancia horizontal entre dos puntos es su distancia de
+ * índice.
+ */
+export declare function lttbIndices(values: (number | null)[], threshold: number): number[];
+//# sourceMappingURL=math.d.ts.map

package/lib/typescript/organisms/chart/math.d.ts.map

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

package/lib/typescript/organisms/chart/palette.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from '../../theme/types';
+/** Contraste mínimo de un objeto gráfico contra su fondo (WCAG 1.4.11). */
+export declare const GRAPHIC_CONTRAST = 3;
+/** `count` colores estables para las series: el mismo índice da siempre el mismo color. */
+export declare function seriesPalette(theme: Theme, count: number): string[];
+//# sourceMappingURL=palette.d.ts.map

package/lib/typescript/organisms/chart/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../../../src/organisms/chart/palette.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAqFlC,2FAA2F;AAC3F,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAMnE"}

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

@@ -1,7 +1,11 @@
+export { Timeline } from './Timeline';
+export type { TimelineProps, TimelineItem, TimelineStatus, TimelineAdvance } from './Timeline';
 export { Modal } from './Modal';
 export type { ModalProps, ModalVariant } from './Modal';
 export { BottomSheet } from './BottomSheet';
 export type { BottomSheetProps, FooterPlacement } from './BottomSheet';
+export { OptionWheel } from './OptionWheel';
+export type { OptionWheelProps, OptionWheelOption, OptionWheelVariant } from './OptionWheel';
 export { Select } from './Select';
 export type { SelectProps, SelectOption } from './Select';
 export { Alert } from './Alert';
@@ -30,4 +34,8 @@ export { NavigationBar } from './NavigationBar';
 export type { NavigationBarProps, NavigationBarItem } from './NavigationBar';
 export { ReorderableList } from './ReorderableList';
 export type { ReorderableListProps } from './ReorderableList';
+export { Slides } from './Slides';
+export type { SlidesProps, SlidesOrientation, SlidesIndicators, SlidesIndicatorPlacement, SlideBackground, } from './Slides';
+export { Chart } from './Chart';
+export type { ChartProps, ChartType, ChartSeries, ChartRow, ChartFilter, ChartFilterOption, ChartSelection, } from './Chart';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC7F,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,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,YAAY,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/F,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACtG,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,52 @@
+import type { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent, ScrollView } from 'react-native';
+export type SlidesOrientation = 'horizontal' | 'vertical';
+export interface UseSlidesOptions {
+    total: number;
+    orientation: SlidesOrientation;
+    loop: boolean;
+    autoPlay: boolean;
+    interval: number;
+    /** Índice controlado; sin él manda el estado interno. */
+    index?: number;
+    defaultIndex: number;
+    onIndexChange?: (index: number) => void;
+}
+/** Una página del scroll. Los clones del modo infinito repiten el `real` de un vecino. */
+export interface SlidesPage {
+    real: number;
+    clone: 'head' | 'tail' | null;
+}
+export interface UseSlidesResult {
+    active: number;
+    pages: SlidesPage[];
+    isHorizontal: boolean;
+    isLoop: boolean;
+    size: {
+        width: number;
+        height: number;
+    };
+    /** Largo de una página sobre el eje del scroll. En 0 todavía no se midió. */
+    pageSize: number;
+    scrollRef: React.RefObject<ScrollView | null>;
+    autoPlayPaused: boolean;
+    /** El sistema pidió reducir movimiento: no hay autoPlay ni transiciones. */
+    motionReduced: boolean;
+    goTo: (index: number) => void;
+    toggleAutoPlay: () => void;
+    onLayout: (event: LayoutChangeEvent) => void;
+    onMomentumScrollEnd: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    onScrollBeginDrag: () => void;
+    onScrollEndDrag: () => void;
+}
+export declare function clampIndex(value: number, total: number): number;
+/**
+ * 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 declare function useSlides({ total, orientation, loop, autoPlay, interval, index, defaultIndex, onIndexChange, }: UseSlidesOptions): UseSlidesResult;
+//# sourceMappingURL=useSlides.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSlides.d.ts","sourceRoot":"","sources":["../../../src/organisms/useSlides.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG3G,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,iBAAiB,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,0FAA0F;AAC1F,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,4EAA4E;IAC5E,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9E,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAK/D;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,aAAa,GACd,EAAE,gBAAgB,GAAG,eAAe,CAsJpC"}

package/llms.txt

@@ -1,8 +1,9 @@
 # orn-ui
 
-> React Native / Expo component library: 44 typed components (atoms, molecules,
-> organisms), light/dark theming, zero runtime dependencies (only `react` and
-> `react-native` as peers). Verified in CI against Expo SDK 54, 55, 56 and 57.
+> React Native / Expo component library: 50 typed components (atoms, molecules,
+> organisms), light/dark theming, zero runtime dependencies (`react`,
+> `react-native` and `react-native-safe-area-context` are the only peers).
+> Verified in CI against Expo SDK 54, 55, 56 and 57.
 > Built to be used by AI coding agents: one component replaces dozens of lines
 > of hand-written `View`/`Text`/`StyleSheet`, so a screen costs a fraction of
 > the tokens and ships production-ready instead of prototype-only.
@@ -27,7 +28,7 @@ Wrap the app once: `<SafeAreaUIProvider defaultMode="system">` from `orn-ui/safe
 
 ## Components
 
-- Atoms: Title, Subtitle, Body, Caption, Button, IconButton, Input, Checkbox, Badge, Card, Divider, Avatar, Image, Spinner, Skeleton, Transition, EmptyState, KeyValueRow, Fab, PressableScale
+- Atoms: Title, Subtitle, Body, Caption, Button, IconButton, Input, Checkbox, Badge, Card, Divider, Gradient, Avatar, Image, Spinner, Skeleton, Transition, ShinyText, EmptyState, KeyValueRow, Fab, PressableScale
 - Molecules: Stepper, OptionCard, InfoRow, FormActions, AvatarHeader, SegmentedControl, Steps, SymmetricGrid
-- Organisms: Screen, Modal, BottomSheet, Select, List, SearchList, ReorderableList, Alert, AlertProvider, Toast, ToastProvider, DatePicker, DateField, Wizard, ThemeToggle, NavigationBar
+- Organisms: Screen, Modal, BottomSheet, Select, OptionWheel, Timeline, List, SearchList, ReorderableList, Slides, Chart, Alert, AlertProvider, Toast, ToastProvider, DatePicker, DateField, Wizard, ThemeToggle, NavigationBar
 - Theme: UIProvider, SafeAreaUIProvider, createTheme, createStyles, useTheme, useColors, useThemeMode, useIcons, useInsets, useLabels