orn-ui 0.2.8 → 0.2.9

package/AGENTS.md

@@ -56,7 +56,7 @@ over hand-rolling the same thing with `View` + `TextInput` + `TouchableOpacity`
 | "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." | 46 components, fully typed, 501 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 46 components
+import { UIProvider, Button } from 'orn-ui'; // ❌ pulls in all 50 components
 ```
 
 The subpath is the component name in kebab-case (`SearchList` →
@@ -175,6 +175,7 @@ hex in component styles, use `useColors()`.
 | `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?` |
@@ -203,10 +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?` |

package/README.md

@@ -4,8 +4,8 @@ Fast, tree-shakeable, atomic-design component library for React Native and Expo.
 **Zero runtime dependencies** — `react`, `react-native` and
 `react-native-safe-area-context` are the only peers.
 
-46 components (atoms, molecules, organisms), fully typed, themeable
-(light/dark), 501 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
@@ -94,12 +94,12 @@ const insets = useSafeAreaInsets();
 
 - **Atoms**: `Title`/`Subtitle`/`Body`/`Caption`, `Button`, `IconButton`,
   `Input`, `Checkbox`, `Badge`, `Card`, `Divider`, `Gradient`, `Avatar`, `Image`,
-  `Spinner`, `Skeleton`, `Transition`, `EmptyState`, `KeyValueRow`, `Fab`,
+  `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`, `Slides`, `Alert`/`AlertProvider`,
+- **Organisms**: `Screen`, `Modal`, `BottomSheet`, `Select`, `OptionWheel`, `Timeline`, `List`,
+  `SearchList`, `ReorderableList`, `Slides`, `Chart`, `Alert`/`AlertProvider`,
   `Toast`/`ToastProvider`, `DatePicker`, `DateField`, `Wizard`,
   `ThemeToggle`, `NavigationBar`
 
@@ -128,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 501 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/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

@@ -99,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 () {
@@ -155,6 +161,7 @@ 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","_Gradient","_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,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,WAAA,GAAAd,OAAA;AAEA,IAAAe,YAAA,GAAAf,OAAA;AAEA,IAAAgB,IAAA,GAAAhB,OAAA;AAEA,IAAAiB,eAAA,GAAAjB,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":[]}