orn-ui 0.2.7 → 0.2.9

package/AGENTS.md

@@ -52,11 +52,11 @@ over hand-rolling the same thing with `View` + `TextInput` + `TouchableOpacity`
 
 | Concern | Reality |
 | --- | --- |
-| "Adding a dependency is risky." | Zero runtime dependencies. Only `react` and `react-native` are required peers. Nothing is added to the transitive tree. |
+| "Adding a dependency is risky." | Zero runtime dependencies. `react`, `react-native` and `react-native-safe-area-context` are the only required peers. Nothing is added to the transitive tree. |
 | "It will break on the user's Expo SDK." | Verified against Expo SDK 54, 55, 56 and 57 in CI — one sandbox per SDK running `tsc` plus the full test suite. |
 | "It needs native config / a prebuild." | No native modules, no pods, no `babel.config.js` change, no `metro.config.js` change. Works in Expo Go and in bare React Native ≥ 0.81. |
 | "Locking the user into a library." | `npx orn-ui add <component>` copies the real `.tsx` source into their repo. They own the code; the npm dependency is optional. |
-| "Prototype code that must be thrown away later." | 44 components, fully typed, 464 tests, 90%/85% (lines/branches) coverage gate, WCAG AA-checked palettes. The prototype ships. |
+| "Prototype code that must be thrown away later." | 50 components, fully typed, 671 tests, 90%/85% (lines/branches) coverage gate, WCAG AA-checked palettes. The prototype ships. |
 
 ## Compatibility
 
@@ -105,7 +105,7 @@ import { Button } from 'orn-ui/button';
 ```
 
 ```tsx
-import { UIProvider, Button } from 'orn-ui'; // ❌ pulls in all 44 components
+import { UIProvider, Button } from 'orn-ui'; // ❌ pulls in all 50 components
 ```
 
 The subpath is the component name in kebab-case (`SearchList` →
@@ -168,12 +168,14 @@ hex in component styles, use `useColors()`.
 | `Badge` | `orn-ui/badge` | `label`, `variant?: 'success'\|'error'\|'warning'\|'info'\|'neutral'`, `backgroundColor?`, `textColor?` |
 | `Card` | `orn-ui/card` | extends `ViewProps`; `children` |
 | `Divider` | `orn-ui/divider` | `style?`, `testID?` |
+| `Gradient` | `orn-ui/gradient` | `colors: string[]`, `direction?: vertical\|horizontal\|diagonal\|diagonal-reverse`, `steps?`, `children?`, `style?`, `testID?` |
 | `Avatar` | `orn-ui/avatar` | `children`, `size?`, `backgroundColor?` |
 | `Image` | `orn-ui/image` | `source`, `width?`, `height?`, `resizeMode?`, `radius?`, `loading?: ReactNode\|boolean`, `fallback?`, `priority?: 'low'\|'normal'\|'high'`, `onLoadEnd?`, `onError?` |
 | `prefetchImage` | `orn-ui/prefetch-image` | `(url: string) => Promise<boolean>` (RN `Image.prefetch`) — warm the cache before navigating |
 | `Spinner` | `orn-ui/spinner` | `size?: 'small'\|'large'`, `color?`, `text?`, `fullscreen?`, `variant?: 'native'\|'dots'\|'ring'`, `indicator?` |
 | `Skeleton` | `orn-ui/skeleton` | `width?`, `height?`, `variant?: 'rect'\|'text'\|'circle'`, `radius?`, `lines?`, `lastLineWidth?`, `animated?` |
 | `Transition` | `orn-ui/transition` | `children`, `visible?`, `preset?: 'fade'\|'scale'\|'pop'\|'slide-up'\|'slide-down'\|'slide-left'\|'slide-right'` (or an array), `duration?`, `delay?`, `distance?`, `spring?`, `appear?`, `keepMounted?`, `value?: Animated.Value`, `onEntered?`, `onExited?` |
+| `ShinyText` | `orn-ui/shiny-text` | `text`, `duration?` (2400), `delay?` (600), `spread?` (0.28), `animated?`, `color?` (theme `textLight`), `shineColor?` (theme `primary`), `align?: 'left'\|'center'\|'right'` |
 | `useReduceMotion` | `orn-ui/use-reduce-motion` | `(): boolean` — respects the OS setting |
 | `EmptyState` | `orn-ui/empty-state` | `title?`, `description?`, `iconName?`, `icon?` |
 | `KeyValueRow` | `orn-ui/key-value-row` | `label`, `value`, `labelStyle?`, `valueStyle?` |
@@ -202,9 +204,13 @@ hex in component styles, use `useColors()`.
 | `Modal` | `orn-ui/modal` | `visible`, `children`, `onClose?`, `title?`, `footer?`, `variant?: 'full'\|'overlay'\|'fullScreen'`, `scrollable?`, `containerStyle?`, `contentStyle?`, `closeAccessibilityLabel?` |
 | `BottomSheet` | `orn-ui/bottom-sheet` | `visible`, `onClose`, `children`, `title?`, `footer?`, `footerPlacement?: 'fixed'\|'scroll'\|'hide-with-keyboard'`, `scrollable?`, `draggable?`, `maxHeight?` |
 | `Select` | `orn-ui/select` | `options: {label,value,iconName?,emoji?,disabled?}[]`, `selectedValue`, `onSelect`, `label?`, `required?`, `placeholder?`, `error?`, `isLoading?`, `disabled?`, `searchable?`, `searchPlaceholder?`, `maxHeight?` (280), `onOpenChange?` |
+| `Timeline` | `orn-ui/timeline` | `items: {label,iconName?,emoji?,status?: 'done'\|'pending'}[]`, `curve?` (28, 0 = straight), `spacing?` (84), `startSide?: 'left'\|'right'` (right), `glow?` (true), `onItemPress?`, `advance?: 'free'\|'sequential'\|'revisit'` (free), `selectedIndex?`, `duration?` (420) |
+| `OptionWheel` | `orn-ui/option-wheel` | `options: {label,value,disabled?}[]`, `selectedValue`, `onSelect`, `label?`, `accessibilityLabel?`, `visibleCount?` (5, forced odd), `itemHeight?` (44), `unit?`, `perspective?` (true), `variant?: 'window'\|'spotlight'`, `textColor?`, `curveRadius?`, `curveFrom?: 'left'\|'right'` (left), `disabled?` |
 | `List` | `orn-ui/list` | `data`, `keyExtractor`, `renderItem`, `isLoading`, `isRefreshing?`, `isLoadingMore?`, `isReady?`, `skeletonCount?` (6), `renderSkeletonItem?`, `onRefresh?`, `onEndReached?`, `emptyTitle?`, `emptyDescription?`, `emptyIconName?`, `ListHeaderComponent?`, `ListFooterComponent?`, `ListComponent?` (FlashList etc), `listProps?` |
 | `SearchList` | `orn-ui/search-list` | everything in `List`, plus `searchValue`, `onSearchChange`, `searchPlaceholder?`, `searchIsLoading?`, `onScanPress?`, `extraActions?`, `header?`, `loadingMode?: 'replace'\|'overlay'`, `onLoadMore?`, `hasMore?`, `noMoreText?` |
 | `ReorderableList` | `orn-ui/reorderable-list` | `data`, `keyExtractor`, `itemHeight`, `renderItem(item, index, dragging)`, `onReorder(next)`, `onDragStart?`, `onDragEnd?`, `disabled?` |
+| `Slides` | `orn-ui/slides` | `data`, `keyExtractor`, `renderItem(item, index)`, `background?(item, index): string\|string[]`, `gradientDirection?`, `orientation?: horizontal\|vertical`, `indicators?: dots\|numbers\|none`, `indicatorPlacement?: overlay\|outside`, `loop?`, `autoPlay?`, `interval?`, `showAutoPlayToggle?`, `spacing?`, `index?`, `defaultIndex?`, `onIndexChange?`, `height?`, `swipeEnabled?`, `slideStyle?` |
+| `Chart` | `orn-ui/chart` | `type: 'bar'\|'line'\|'area'\|'pie'\|'donut'\|'radar'`, `data: Record<string, string\|number\|null>[]`, `series: {key,label?,color?}[]`, `xKey?` ('x'), `accessibilityLabel` (required), `height?` (220), `legend?: 'auto'\|'none'\|'static'\|'toggle'`, `hiddenKeys?`/`defaultHiddenKeys?`/`onHiddenKeysChange?`, `filters?: {key,options,value,onChange}[]`, `selected?`/`onSelect?`, `selectBy?(row,i): string`, `window?` (last N rows), `tooltip?`, `formatValue?`, `animate?`, `emptyText?`; bar: `orientation?`, `stacked?`, `barRadius?`; line/area: `smooth?`, `thickness?`, `dots?`, `fillOpacity?`, `stacked?`, `decimate?: number\|false` (LTTB, auto from width); cartesian: `domain?: [min,max]\|'sticky'`, `grid?`, `ticks?`, `xAxis?`, `yAxis?`; pie/donut: `innerRadius?`, `sliceLabels?`; radar: `domain?`, `levels?`, `fill?` |
 | `Alert` | `orn-ui/alert` | `visible`, `title`, `message?`, `type?: 'success'\|'error'\|'warning'\|'info'\|'question'`, `buttons?`, `confirmText?`, `cancelText?`, `onConfirm?`, `onCancel?`, `onClose?`, `inline?` |
 | `AlertProvider` + `useAlert` | `orn-ui/alert-provider`, `orn-ui/use-alert` | mount once; `showAlert(opts)`, `showConfirm(opts)`, `hideAlert()` also work outside React (`orn-ui/show-alert`, `/show-confirm`, `/hide-alert`) |
 | `Toast` | `orn-ui/toast` | `title`, `message?`, `variant?: 'success'\|'error'\|'warning'\|'info'`, `onPress?`, `onDismiss?`, `hideCloseButton?` |
@@ -346,6 +352,22 @@ import { Wizard } from 'orn-ui/wizard';
 />
 ```
 
+**Onboarding carousel**
+
+```tsx
+import { Slides } from 'orn-ui/slides';
+
+<Slides
+  data={pages}
+  keyExtractor={(page) => page.id}
+  background={(page) => page.gradient} // string = flat, string[] = gradient
+  renderItem={(page) => <Onboarding page={page} />}
+  loop
+  autoPlay
+  indicators="dots" // or "numbers"
+/>
+```
+
 ## Where to look next
 
 - Live docs, props tables and demo GIFs: <https://orn-ui-docs.vercel.app/>

package/README.md

@@ -1,10 +1,11 @@
 # orn-ui
 
 Fast, tree-shakeable, atomic-design component library for React Native and Expo.
-**Zero runtime dependencies** — only `react` and `react-native` as peers.
+**Zero runtime dependencies** — `react`, `react-native` and
+`react-native-safe-area-context` are the only peers.
 
-44 components (atoms, molecules, organisms), fully typed, themeable
-(light/dark), 464 tests, 90%/85% (lines/branches) coverage gate.
+50 components (atoms, molecules, organisms), fully typed, themeable
+(light/dark), 671 tests, 90%/85% (lines/branches) coverage gate.
 
 **Works on Expo SDK 54, 55, 56 and 57** — every row verified in CI with its own
 sandbox (`tsc` + full test suite). No native modules, no pods, no babel or
@@ -92,13 +93,13 @@ const insets = useSafeAreaInsets();
 ## Components
 
 - **Atoms**: `Title`/`Subtitle`/`Body`/`Caption`, `Button`, `IconButton`,
-  `Input`, `Checkbox`, `Badge`, `Card`, `Divider`, `Avatar`, `Image`,
-  `Spinner`, `Skeleton`, `Transition`, `EmptyState`, `KeyValueRow`, `Fab`,
+  `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`,
+- **Organisms**: `Screen`, `Modal`, `BottomSheet`, `Select`, `OptionWheel`, `Timeline`, `List`,
+  `SearchList`, `ReorderableList`, `Slides`, `Chart`, `Alert`/`AlertProvider`,
   `Toast`/`ToastProvider`, `DatePicker`, `DateField`, `Wizard`,
   `ThemeToggle`, `NavigationBar`
 
@@ -127,7 +128,7 @@ Every component's full prop table lives on [orn-ui-docs.vercel.app](https://orn-
 The library is written to be *cheap to emit*: a themed, dark-mode-aware,
 accessible screen is 20-50 lines instead of 150-400, so an agent spends fewer
 tokens, the human reviews a smaller diff, and the generated code is already
-covered by 464 tests. One `<SearchList>` replaces a `FlatList` + search input +
+covered by 671 tests. One `<SearchList>` replaces a `FlatList` + search input +
 skeletons + pull-to-refresh + pagination + empty state.
 
 Three properties make it safe to reach for by default:

package/lib/commonjs/atoms/Gradient.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Gradient = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DEFAULT_STEPS = 24;
+const styles = _reactNative.StyleSheet.create({
+  // Recorta el plano rotado de las diagonales y el degradado al borderRadius.
+  root: {
+    overflow: 'hidden'
+  },
+  segment: {
+    flex: 1
+  },
+  band: {
+    flex: 1
+  },
+  // Plano √2 centrado: rotado 45° cubre las esquinas sin medir el contenedor.
+  diagonalPlane: {
+    position: 'absolute',
+    top: '-21%',
+    left: '-21%',
+    width: '142%',
+    height: '142%'
+  }
+});
+
+/**
+ * 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).
+ */
+const Gradient = exports.Gradient = /*#__PURE__*/(0, _react.memo)(({
+  colors,
+  direction = 'vertical',
+  steps = DEFAULT_STEPS,
+  children,
+  style,
+  testID
+}) => {
+  const isRow = direction === 'horizontal';
+  const isDiagonal = direction === 'diagonal' || direction === 'diagonal-reverse';
+  // rotate positivo gira en horario (Y crece hacia abajo): -45° manda el eje
+  // del degradado hacia abajo-derecha.
+  const rotate = direction === 'diagonal' ? '-45deg' : '45deg';
+  const bandCount = Math.max(2, Math.floor(steps));
+  const painted = (0, _react.useMemo)(() => {
+    if (colors.length === 0) return null;
+    if (colors.length === 1) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [_reactNative.StyleSheet.absoluteFill, {
+          backgroundColor: colors[0]
+        }]
+      });
+    }
+    const segments = colors.slice(0, -1).map((from, index) => {
+      const to = colors[index + 1];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.segment, {
+          backgroundColor: from,
+          flexDirection: isRow ? 'row' : 'column'
+        }],
+        children: Array.from({
+          length: bandCount
+        }, (_, band) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.band, {
+            backgroundColor: to,
+            opacity: band / (bandCount - 1)
+          }]
+        }, band))
+      }, `${from}-${to}-${index}`);
+    });
+    const stack = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_reactNative.StyleSheet.absoluteFill, {
+        flexDirection: isRow ? 'row' : 'column'
+      }],
+      children: segments
+    });
+    if (!isDiagonal) return stack;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.diagonalPlane, {
+        transform: [{
+          rotate
+        }]
+      }],
+      children: segments
+    });
+  }, [colors, isRow, isDiagonal, rotate, bandCount]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    style: [styles.root, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _reactNative.StyleSheet.absoluteFill,
+      pointerEvents: "none",
+      children: painted
+    }), children]
+  });
+});
+Gradient.displayName = 'Gradient';
+//# sourceMappingURL=Gradient.js.map

package/lib/commonjs/atoms/Gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_STEPS","styles","StyleSheet","create","root","overflow","segment","flex","band","diagonalPlane","position","top","left","width","height","Gradient","exports","memo","colors","direction","steps","children","style","testID","isRow","isDiagonal","rotate","bandCount","Math","max","floor","painted","useMemo","length","jsx","View","absoluteFill","backgroundColor","segments","slice","map","from","index","to","flexDirection","Array","_","opacity","stack","transform","jsxs","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["atoms/Gradient.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAgF,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AA0BhF,MAAMkB,aAAa,GAAG,EAAE;AAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/B;EACAC,IAAI,EAAE;IAAEC,QAAQ,EAAE;EAAS,CAAC;EAC5BC,OAAO,EAAE;IAAEC,IAAI,EAAE;EAAE,CAAC;EACpBC,IAAI,EAAE;IAAED,IAAI,EAAE;EAAE,CAAC;EACjB;EACAE,aAAa,EAAE;IAAEC,QAAQ,EAAE,UAAU;IAAEC,GAAG,EAAE,MAAM;IAAEC,IAAI,EAAE,MAAM;IAAEC,KAAK,EAAE,MAAM;IAAEC,MAAM,EAAE;EAAO;AAClG,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,WAAI,EAC1B,CAAC;EAAEC,MAAM;EAAEC,SAAS,GAAG,UAAU;EAAEC,KAAK,GAAGpB,aAAa;EAAEqB,QAAQ;EAAEC,KAAK;EAAEC;AAAsB,CAAC,KAAK;EACrG,MAAMC,KAAK,GAAGL,SAAS,KAAK,YAAY;EACxC,MAAMM,UAAU,GAAGN,SAAS,KAAK,UAAU,IAAIA,SAAS,KAAK,kBAAkB;EAC/E;EACA;EACA,MAAMO,MAAM,GAAGP,SAAS,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO;EAC5D,MAAMQ,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACV,KAAK,CAAC,CAAC;EAEhD,MAAMW,OAAO,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC5B,IAAId,MAAM,CAACe,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;IACpC,IAAIf,MAAM,CAACe,MAAM,KAAK,CAAC,EAAE;MACvB,oBAAO,IAAArD,WAAA,CAAAsD,GAAA,EAACvD,YAAA,CAAAwD,IAAI;QAACb,KAAK,EAAE,CAACpB,uBAAU,CAACkC,YAAY,EAAE;UAAEC,eAAe,EAAEnB,MAAM,CAAC,CAAC;QAAE,CAAC;MAAE,CAAE,CAAC;IACnF;IAEA,MAAMoB,QAAQ,GAAGpB,MAAM,CAACqB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MACxD,MAAMC,EAAE,GAAGzB,MAAM,CAACwB,KAAK,GAAG,CAAC,CAAW;MACtC,oBACE,IAAA9D,WAAA,CAAAsD,GAAA,EAACvD,YAAA,CAAAwD,IAAI;QAEHb,KAAK,EAAE,CAACrB,MAAM,CAACK,OAAO,EAAE;UAAE+B,eAAe,EAAEI,IAAI;UAAEG,aAAa,EAAEpB,KAAK,GAAG,KAAK,GAAG;QAAS,CAAC,CAAE;QAAAH,QAAA,EAE3FwB,KAAK,CAACJ,IAAI,CAAC;UAAER,MAAM,EAAEN;QAAU,CAAC,EAAE,CAACmB,CAAC,EAAEtC,IAAI,kBACzC,IAAA5B,WAAA,CAAAsD,GAAA,EAACvD,YAAA,CAAAwD,IAAI;UAAYb,KAAK,EAAE,CAACrB,MAAM,CAACO,IAAI,EAAE;YAAE6B,eAAe,EAAEM,EAAE;YAAEI,OAAO,EAAEvC,IAAI,IAAImB,SAAS,GAAG,CAAC;UAAE,CAAC;QAAE,GAArFnB,IAAuF,CACnG;MAAC,GALG,GAAGiC,IAAI,IAAIE,EAAE,IAAID,KAAK,EAMvB,CAAC;IAEX,CAAC,CAAC;IAEF,MAAMM,KAAK,gBACT,IAAApE,WAAA,CAAAsD,GAAA,EAACvD,YAAA,CAAAwD,IAAI;MAACb,KAAK,EAAE,CAACpB,uBAAU,CAACkC,YAAY,EAAE;QAAEQ,aAAa,EAAEpB,KAAK,GAAG,KAAK,GAAG;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEiB;IAAQ,CAAO,CACtG;IAED,IAAI,CAACb,UAAU,EAAE,OAAOuB,KAAK;IAC7B,oBAAO,IAAApE,WAAA,CAAAsD,GAAA,EAACvD,YAAA,CAAAwD,IAAI;MAACb,KAAK,EAAE,CAACrB,MAAM,CAACQ,aAAa,EAAE;QAAEwC,SAAS,EAAE,CAAC;UAAEvB;QAAO,CAAC;MAAE,CAAC,CAAE;MAAAL,QAAA,EAAEiB;IAAQ,CAAO,CAAC;EAC5F,CAAC,EAAE,CAACpB,MAAM,EAAEM,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,CAAC,CAAC;EAElD,oBACE,IAAA/C,WAAA,CAAAsE,IAAA,EAACvE,YAAA,CAAAwD,IAAI;IAACZ,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACrB,MAAM,CAACG,IAAI,EAAEkB,KAAK,CAAE;IAAAD,QAAA,gBAGhD,IAAAzC,WAAA,CAAAsD,GAAA,EAACvD,YAAA,CAAAwD,IAAI;MAACb,KAAK,EAAEpB,uBAAU,CAACkC,YAAa;MAACe,aAAa,EAAC,MAAM;MAAA9B,QAAA,EACvDU;IAAO,CACJ,CAAC,EACNV,QAAQ;EAAA,CACL,CAAC;AAEX,CACF,CAAC;AACDN,QAAQ,CAACqC,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/commonjs/atoms/ShinyText.js

@@ -0,0 +1,188 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShinyText = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _createStyles = require("../theme/createStyles");
+var _UIProvider = require("../theme/UIProvider");
+var _Transition = require("./Transition");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DEFAULT_DURATION = 2400;
+const DEFAULT_DELAY = 600;
+const DEFAULT_SPREAD = 0.28;
+const useStyles = (0, _createStyles.createStyles)(theme => ({
+  text: {
+    fontSize: theme.tokens.fontSize.xl,
+    lineHeight: theme.tokens.lineHeight.lg,
+    fontWeight: theme.tokens.fontWeight.semibold,
+    color: theme.colors.text
+  },
+  row: {
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  },
+  // Sólo top/left: un absoluteFill estiraría la letra al ancho del grupo y la
+  // volvería a alinear. Anclada a la esquina cae exactamente sobre la de abajo.
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0
+  },
+  // Una palabra y los espacios que la siguen: el salto de línea ocurre entre
+  // grupos, nunca entre las letras de una palabra.
+  group: {
+    flexDirection: 'row'
+  }
+}));
+const ALIGN = {
+  left: 'flex-start',
+  center: 'center',
+  right: 'flex-end'
+};
+
+/** Una palabra con los espacios que la siguen, y el índice de su primera letra. */
+
+function toGroups(text) {
+  const chars = Array.from(text);
+  const groups = [];
+  let current = [];
+  let start = 0;
+  chars.forEach((char, index) => {
+    if (current.length === 0) start = index;
+    current.push(char);
+    const next = chars[index + 1];
+    // Cierra el grupo cuando termina la racha de espacios que sigue a la
+    // palabra: así el espacio viaja con ella y no abre línea por sí solo.
+    const isSpace = /\s/.test(char);
+    if (isSpace && next !== undefined && !/\s/.test(next)) {
+      groups.push({
+        start,
+        chars: current
+      });
+      current = [];
+    }
+  });
+  if (current.length > 0) groups.push({
+    start,
+    chars: current
+  });
+  return groups;
+}
+
+/**
+ * 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.
+ */
+const ShinyText = exports.ShinyText = /*#__PURE__*/(0, _react.memo)(({
+  text,
+  duration = DEFAULT_DURATION,
+  delay = DEFAULT_DELAY,
+  spread = DEFAULT_SPREAD,
+  animated = true,
+  color,
+  shineColor,
+  align = 'left',
+  style,
+  testID
+}) => {
+  const theme = (0, _UIProvider.useTheme)();
+  const styles = useStyles();
+  const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
+  const reduceMotion = (0, _Transition.useReduceMotion)();
+  const progress = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const base = color ?? theme.colors.textLight;
+  // El acento, no `text`: contra `textLight` la diferencia es sólo de
+  // luminancia y el barrido casi no se ve. El brillo cambia tono además de
+  // claridad, que es lo que hace legible el movimiento.
+  const shine = shineColor ?? theme.colors.primary;
+  const running = animated && !reduceMotion && text.length > 0;
+  (0, _react.useEffect)(() => {
+    if (!running) return;
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(progress, {
+      toValue: 1,
+      duration,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    }), _reactNative.Animated.delay(delay)]));
+    loop.start();
+    return () => loop.stop();
+  }, [running, duration, delay, progress]);
+  const groups = (0, _react.useMemo)(() => running ? toGroups(text) : [], [running, text]);
+  if (!running) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      testID: testID,
+      allowFontScaling: allowFontScaling,
+      style: [styles.text, style, {
+        color: shine,
+        textAlign: align
+      }],
+      children: text
+    });
+  }
+  const total = Array.from(text).length;
+  // La banda entra por la izquierda y sale por la derecha, así que el
+  // recorrido normalizado mide 1 + 2·spread. `half` es media banda en esa
+  // escala: el tramo de progreso que una letra tarda en encenderse.
+  const half = spread / (1 + 2 * spread);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    testID: testID,
+    accessible: true,
+    accessibilityRole: "text",
+    accessibilityLabel: text,
+    style: [styles.row, {
+      justifyContent: ALIGN[align]
+    }],
+    children: groups.map(group => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.group,
+      children: group.chars.map((char, offset) => {
+        const index = group.start + offset;
+        const position = total === 1 ? 0.5 : index / (total - 1);
+        // Progreso en el que el centro de la banda cae sobre esta letra.
+        const peak = (position + spread) / (1 + 2 * spread);
+        const charStyle = [styles.text, style];
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            allowFontScaling: allowFontScaling,
+            style: [charStyle, {
+              color: base
+            }],
+            children: char
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.Text, {
+            allowFontScaling: allowFontScaling,
+            style: [charStyle, styles.overlay, {
+              color: shine,
+              opacity: progress.interpolate({
+                inputRange: [peak - half, peak, peak + half],
+                outputRange: [0, 1, 0],
+                extrapolate: 'clamp'
+              })
+            }],
+            children: char
+          })]
+        }, index);
+      })
+    }, group.start))
+  });
+});
+ShinyText.displayName = 'ShinyText';
+//# sourceMappingURL=ShinyText.js.map

package/lib/commonjs/atoms/ShinyText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Transition","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_DURATION","DEFAULT_DELAY","DEFAULT_SPREAD","useStyles","createStyles","theme","text","fontSize","tokens","xl","lineHeight","lg","fontWeight","semibold","color","colors","row","flexDirection","flexWrap","overlay","position","top","left","group","ALIGN","center","right","toGroups","chars","Array","from","groups","current","start","forEach","char","index","length","push","next","isSpace","test","undefined","ShinyText","exports","memo","duration","delay","spread","animated","shineColor","align","style","testID","useTheme","styles","allowFontScaling","useAllowFontScaling","reduceMotion","useReduceMotion","progress","useRef","Animated","Value","base","textLight","shine","primary","running","useEffect","loop","sequence","timing","toValue","easing","Easing","linear","useNativeDriver","stop","useMemo","jsx","Text","textAlign","children","total","half","View","accessible","accessibilityRole","accessibilityLabel","justifyContent","map","offset","peak","charStyle","jsxs","opacity","interpolate","inputRange","outputRange","extrapolate","displayName"],"sourceRoot":"../../../src","sources":["atoms/ShinyText.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/atoms/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "Fab", {
     return _Fab.Fab;
   }
 });
+Object.defineProperty(exports, "Gradient", {
+  enumerable: true,
+  get: function () {
+    return _Gradient.Gradient;
+  }
+});
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function () {
@@ -93,6 +99,12 @@ Object.defineProperty(exports, "PressableScale", {
     return _PressableScale.PressableScale;
   }
 });
+Object.defineProperty(exports, "ShinyText", {
+  enumerable: true,
+  get: function () {
+    return _ShinyText.ShinyText;
+  }
+});
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function () {
@@ -143,11 +155,13 @@ var _Checkbox = require("./Checkbox");
 var _Badge = require("./Badge");
 var _Card = require("./Card");
 var _Divider = require("./Divider");
+var _Gradient = require("./Gradient");
 var _Avatar = require("./Avatar");
 var _Image = require("./Image");
 var _Spinner = require("./Spinner");
 var _Skeleton = require("./Skeleton");
 var _Transition = require("./Transition");
+var _ShinyText = require("./ShinyText");
 var _EmptyState = require("./EmptyState");
 var _KeyValueRow = require("./KeyValueRow");
 var _Fab = require("./Fab");

package/lib/commonjs/atoms/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Text","require","_Button","_IconButton","_Input","_Checkbox","_Badge","_Card","_Divider","_Avatar","_Image","_Spinner","_Skeleton","_Transition","_EmptyState","_KeyValueRow","_Fab","_PressableScale"],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAAO,QAAA,GAAAP,OAAA;AAEA,IAAAQ,OAAA,GAAAR,OAAA;AAEA,IAAAS,MAAA,GAAAT,OAAA;AAEA,IAAAU,QAAA,GAAAV,OAAA;AAEA,IAAAW,SAAA,GAAAX,OAAA;AAEA,IAAAY,WAAA,GAAAZ,OAAA;AAEA,IAAAa,WAAA,GAAAb,OAAA;AAEA,IAAAc,YAAA,GAAAd,OAAA;AAEA,IAAAe,IAAA,GAAAf,OAAA;AAEA,IAAAgB,eAAA,GAAAhB,OAAA","ignoreList":[]}
+{"version":3,"names":["_Text","require","_Button","_IconButton","_Input","_Checkbox","_Badge","_Card","_Divider","_Gradient","_Avatar","_Image","_Spinner","_Skeleton","_Transition","_ShinyText","_EmptyState","_KeyValueRow","_Fab","_PressableScale"],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAAO,QAAA,GAAAP,OAAA;AAEA,IAAAQ,SAAA,GAAAR,OAAA;AAEA,IAAAS,OAAA,GAAAT,OAAA;AAEA,IAAAU,MAAA,GAAAV,OAAA;AAEA,IAAAW,QAAA,GAAAX,OAAA;AAEA,IAAAY,SAAA,GAAAZ,OAAA;AAEA,IAAAa,WAAA,GAAAb,OAAA;AAEA,IAAAc,UAAA,GAAAd,OAAA;AAEA,IAAAe,WAAA,GAAAf,OAAA;AAEA,IAAAgB,YAAA,GAAAhB,OAAA;AAEA,IAAAiB,IAAA,GAAAjB,OAAA;AAEA,IAAAkB,eAAA,GAAAlB,OAAA","ignoreList":[]}