orn-ui 0.2.10 → 0.3.0

package/lib/module/atoms/Badge.js

@@ -7,23 +7,31 @@ import { useAllowFontScaling, useTheme } from '../theme/UIProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 const useStyles = createStyles(theme => ({
   badge: {
-    paddingHorizontal: theme.tokens.spacing.md - 2,
-    paddingVertical: theme.tokens.spacing.xs + 1,
+    paddingHorizontal: theme.tokens.spacing.md,
+    paddingVertical: theme.tokens.spacing.xs,
     borderRadius: theme.tokens.radius.full,
     alignSelf: 'flex-start'
   },
   text: {
     fontSize: theme.tokens.fontSize.xs,
     fontWeight: theme.tokens.fontWeight.bold,
-    letterSpacing: 0.3
+    letterSpacing: theme.tokens.letterSpacing.wide
   }
 }));
 
 /**
  * Badge
- * Pill de estado. `variant` cubre los casos comunes (éxito/error/advertencia/
- * info/neutral); `backgroundColor`/`textColor` quedan para casos que no
- * encajan en el set semántico.
+ * Status pill. `variant` covers the common cases (success/error/warning/
+ * info/neutral); `backgroundColor`/`textColor` are for cases that don't
+ * fit the semantic set.
+ *
+ * Gestalt, similarity: all badges share shape, size and typography; only
+ * the color changes, and it changes by meaning (green = ok, red = error…),
+ * so a column of statuses scans at a glance. The meaning also goes in the
+ * text: never rely on color alone (color blindness).
+ * Every `*Soft`/`*Text` pair in the theme meets WCAG AA in light and dark;
+ * with custom colors, contrast is up to whoever passes them.
+ * A single line: a long label is truncated with "…" instead of deforming the pill.
  */
 export const Badge = /*#__PURE__*/memo(({
   label,
@@ -39,8 +47,8 @@ export const Badge = /*#__PURE__*/memo(({
     colors
   } = theme;
   const palette = {
-    // fg es el rol `*Text`, no el acento pleno: el acento sobre su propio
-    // tinte da ~2.2:1 en light — el label quedaba ilegible.
+    // fg is the `*Text` role, not the full accent: the accent over its own
+    // tint gives ~2.2:1 in light — the label was unreadable.
     success: {
       bg: colors.successSoft,
       fg: colors.successText
@@ -68,6 +76,7 @@ export const Badge = /*#__PURE__*/memo(({
     }, style],
     children: /*#__PURE__*/_jsx(Text, {
       allowFontScaling: allowFontScaling,
+      numberOfLines: 1,
       style: [styles.text, {
         color: textColor ?? palette[variant].fg
       }],

package/lib/module/atoms/Badge.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","Text","View","createStyles","useAllowFontScaling","useTheme","jsx","_jsx","useStyles","theme","badge","paddingHorizontal","tokens","spacing","md","paddingVertical","xs","borderRadius","radius","full","alignSelf","text","fontSize","fontWeight","bold","letterSpacing","Badge","label","variant","backgroundColor","textColor","style","styles","allowFontScaling","colors","palette","success","bg","successSoft","fg","successText","error","errorSoft","errorText","warning","warningSoft","warningText","info","secondarySoft","secondaryText","neutral","inputBackground","textLight","children","color","displayName"],"sourceRoot":"../../../src","sources":["atoms/Badge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,IAAI,QAAwC,cAAc;AACzE,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,mBAAmB,EAAEC,QAAQ,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAapE,MAAMC,SAAS,GAAGL,YAAY,CAAEM,KAAK,KAAM;EACzCC,KAAK,EAAE;IACLC,iBAAiB,EAAEF,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,EAAE,GAAG,CAAC;IAC9CC,eAAe,EAAEN,KAAK,CAACG,MAAM,CAACC,OAAO,CAACG,EAAE,GAAG,CAAC;IAC5CC,YAAY,EAAER,KAAK,CAACG,MAAM,CAACM,MAAM,CAACC,IAAI;IACtCC,SAAS,EAAE;EACb,CAAC;EACDC,IAAI,EAAE;IAAEC,QAAQ,EAAEb,KAAK,CAACG,MAAM,CAACU,QAAQ,CAACN,EAAE;IAAEO,UAAU,EAAEd,KAAK,CAACG,MAAM,CAACW,UAAU,CAACC,IAAI;IAAEC,aAAa,EAAE;EAAI;AAC3G,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAG1B,IAAI,CAAC,CAAC;EAAE2B,KAAK;EAAEC,OAAO,GAAG,SAAS;EAAEC,eAAe;EAAEC,SAAS;EAAEC;AAAkB,CAAC,KAAK;EAC3G,MAAMtB,KAAK,GAAGJ,QAAQ,CAAC,CAAC;EACxB,MAAM2B,MAAM,GAAGxB,SAAS,CAAC,CAAC;EAC1B,MAAMyB,gBAAgB,GAAG7B,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAE8B;EAAO,CAAC,GAAGzB,KAAK;EAExB,MAAM0B,OAAyD,GAAG;IAChE;IACA;IACAC,OAAO,EAAE;MAAEC,EAAE,EAAEH,MAAM,CAACI,WAAW;MAAEC,EAAE,EAAEL,MAAM,CAACM;IAAY,CAAC;IAC3DC,KAAK,EAAE;MAAEJ,EAAE,EAAEH,MAAM,CAACQ,SAAS;MAAEH,EAAE,EAAEL,MAAM,CAACS;IAAU,CAAC;IACrDC,OAAO,EAAE;MAAEP,EAAE,EAAEH,MAAM,CAACW,WAAW;MAAEN,EAAE,EAAEL,MAAM,CAACY;IAAY,CAAC;IAC3DC,IAAI,EAAE;MAAEV,EAAE,EAAEH,MAAM,CAACc,aAAa;MAAET,EAAE,EAAEL,MAAM,CAACe;IAAc,CAAC;IAC5DC,OAAO,EAAE;MAAEb,EAAE,EAAEH,MAAM,CAACiB,eAAe;MAAEZ,EAAE,EAAEL,MAAM,CAACkB;IAAU;EAC9D,CAAC;EAED,oBACE7C,IAAA,CAACL,IAAI;IAAC6B,KAAK,EAAE,CAACC,MAAM,CAACtB,KAAK,EAAE;MAAEmB,eAAe,EAAEA,eAAe,IAAIM,OAAO,CAACP,OAAO,CAAC,CAACS;IAAG,CAAC,EAAEN,KAAK,CAAE;IAAAsB,QAAA,eAC9F9C,IAAA,CAACN,IAAI;MAACgC,gBAAgB,EAAEA,gBAAiB;MAACF,KAAK,EAAE,CAACC,MAAM,CAACX,IAAI,EAAE;QAAEiC,KAAK,EAAExB,SAAS,IAAIK,OAAO,CAACP,OAAO,CAAC,CAACW;MAAG,CAAC,CAAE;MAAAc,QAAA,EACzG1B;IAAK,CACF;EAAC,CACH,CAAC;AAEX,CAAC,CAAC;AACFD,KAAK,CAAC6B,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"names":["React","memo","Text","View","createStyles","useAllowFontScaling","useTheme","jsx","_jsx","useStyles","theme","badge","paddingHorizontal","tokens","spacing","md","paddingVertical","xs","borderRadius","radius","full","alignSelf","text","fontSize","fontWeight","bold","letterSpacing","wide","Badge","label","variant","backgroundColor","textColor","style","styles","allowFontScaling","colors","palette","success","bg","successSoft","fg","successText","error","errorSoft","errorText","warning","warningSoft","warningText","info","secondarySoft","secondaryText","neutral","inputBackground","textLight","children","numberOfLines","color","displayName"],"sourceRoot":"../../../src","sources":["atoms/Badge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,IAAI,QAAwC,cAAc;AACzE,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,mBAAmB,EAAEC,QAAQ,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBpE,MAAMC,SAAS,GAAGL,YAAY,CAAEM,KAAK,KAAM;EACzCC,KAAK,EAAE;IACLC,iBAAiB,EAAEF,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,EAAE;IAC1CC,eAAe,EAAEN,KAAK,CAACG,MAAM,CAACC,OAAO,CAACG,EAAE;IACxCC,YAAY,EAAER,KAAK,CAACG,MAAM,CAACM,MAAM,CAACC,IAAI;IACtCC,SAAS,EAAE;EACb,CAAC;EACDC,IAAI,EAAE;IAAEC,QAAQ,EAAEb,KAAK,CAACG,MAAM,CAACU,QAAQ,CAACN,EAAE;IAAEO,UAAU,EAAEd,KAAK,CAACG,MAAM,CAACW,UAAU,CAACC,IAAI;IAAEC,aAAa,EAAEhB,KAAK,CAACG,MAAM,CAACa,aAAa,CAACC;EAAK;AACvI,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAG3B,IAAI,CAAC,CAAC;EAAE4B,KAAK;EAAEC,OAAO,GAAG,SAAS;EAAEC,eAAe;EAAEC,SAAS;EAAEC;AAAkB,CAAC,KAAK;EAC3G,MAAMvB,KAAK,GAAGJ,QAAQ,CAAC,CAAC;EACxB,MAAM4B,MAAM,GAAGzB,SAAS,CAAC,CAAC;EAC1B,MAAM0B,gBAAgB,GAAG9B,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAE+B;EAAO,CAAC,GAAG1B,KAAK;EAExB,MAAM2B,OAAyD,GAAG;IAChE;IACA;IACAC,OAAO,EAAE;MAAEC,EAAE,EAAEH,MAAM,CAACI,WAAW;MAAEC,EAAE,EAAEL,MAAM,CAACM;IAAY,CAAC;IAC3DC,KAAK,EAAE;MAAEJ,EAAE,EAAEH,MAAM,CAACQ,SAAS;MAAEH,EAAE,EAAEL,MAAM,CAACS;IAAU,CAAC;IACrDC,OAAO,EAAE;MAAEP,EAAE,EAAEH,MAAM,CAACW,WAAW;MAAEN,EAAE,EAAEL,MAAM,CAACY;IAAY,CAAC;IAC3DC,IAAI,EAAE;MAAEV,EAAE,EAAEH,MAAM,CAACc,aAAa;MAAET,EAAE,EAAEL,MAAM,CAACe;IAAc,CAAC;IAC5DC,OAAO,EAAE;MAAEb,EAAE,EAAEH,MAAM,CAACiB,eAAe;MAAEZ,EAAE,EAAEL,MAAM,CAACkB;IAAU;EAC9D,CAAC;EAED,oBACE9C,IAAA,CAACL,IAAI;IAAC8B,KAAK,EAAE,CAACC,MAAM,CAACvB,KAAK,EAAE;MAAEoB,eAAe,EAAEA,eAAe,IAAIM,OAAO,CAACP,OAAO,CAAC,CAACS;IAAG,CAAC,EAAEN,KAAK,CAAE;IAAAsB,QAAA,eAC9F/C,IAAA,CAACN,IAAI;MAACiC,gBAAgB,EAAEA,gBAAiB;MAACqB,aAAa,EAAE,CAAE;MAACvB,KAAK,EAAE,CAACC,MAAM,CAACZ,IAAI,EAAE;QAAEmC,KAAK,EAAEzB,SAAS,IAAIK,OAAO,CAACP,OAAO,CAAC,CAACW;MAAG,CAAC,CAAE;MAAAc,QAAA,EAC3H1B;IAAK,CACF;EAAC,CACH,CAAC;AAEX,CAAC,CAAC;AACFD,KAAK,CAAC8B,WAAW,GAAG,OAAO","ignoreList":[]}

package/lib/module/atoms/Button.js

@@ -1,11 +1,12 @@
 "use strict";
 
 import React, { memo, useRef } from 'react';
-import { ActivityIndicator, Animated, Pressable, Text } from 'react-native';
+import { ActivityIndicator, Animated, Pressable, Text, View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
 import { useAllowFontScaling, useColors, useTheme } from '../theme/UIProvider';
 import { Icon } from '../icons/Icon';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useReduceMotion } from './Transition';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 const useStyles = createStyles(theme => ({
   base: {
@@ -20,11 +21,11 @@ const useStyles = createStyles(theme => ({
     paddingHorizontal: theme.tokens.spacing.md
   },
   md: {
-    paddingVertical: theme.tokens.spacing.lg - 1,
+    paddingVertical: theme.tokens.spacing.lg,
     paddingHorizontal: theme.tokens.spacing.xl
   },
   lg: {
-    paddingVertical: theme.tokens.spacing.lg + 2,
+    paddingVertical: theme.tokens.spacing.xl,
     paddingHorizontal: theme.tokens.spacing.xxl
   },
   link: {
@@ -35,10 +36,7 @@ const useStyles = createStyles(theme => ({
   outline: {
     borderWidth: 1
   },
-  filledShadow: {
-    ...theme.tokens.shadow.md,
-    shadowColor: '#000'
-  },
+  filledShadow: theme.tokens.shadow.md,
   text: {
     fontWeight: theme.tokens.fontWeight.semibold,
     textAlign: 'center'
@@ -60,8 +58,48 @@ const useStyles = createStyles(theme => ({
   },
   iconRight: {
     marginLeft: theme.tokens.spacing.sm
+  },
+  // The label keeps taking its space (invisible) while loading: the button
+  // doesn't change width and the spinner is centered on top.
+  hidden: {
+    opacity: 0
+  },
+  spinner: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
   }
 }));
+
+/**
+ * Extra touch area for the sizes that fall below 44pt in height
+ * (Fitts): `sm` measures ~30pt and `link` ~27pt. hitSlop enlarges the area
+ * that receives the touch without changing how it looks.
+ */
+function useHitSlop(size, variant) {
+  const theme = useTheme();
+  if (variant === 'link') {
+    const v = theme.tokens.spacing.md;
+    return {
+      top: v,
+      bottom: v,
+      left: theme.tokens.spacing.sm,
+      right: theme.tokens.spacing.sm
+    };
+  }
+  if (size === 'sm') {
+    const v = theme.tokens.spacing.sm;
+    return {
+      top: v,
+      bottom: v
+    };
+  }
+  return undefined;
+}
 function resolveColors(variant, disabled, colors) {
   if (disabled) {
     return {
@@ -71,8 +109,8 @@ function resolveColors(variant, disabled, colors) {
     };
   }
   switch (variant) {
-    // Las variantes sin relleno pintan texto sobre el fondo de la pantalla:
-    // van con el rol `*Text`. Las rellenas van con `on*` sobre el acento.
+    // The unfilled variants paint text over the screen background: they
+    // use the `*Text` role. The filled ones use `on*` over the accent.
     case 'outline':
       return {
         background: 'transparent',
@@ -115,9 +153,24 @@ function resolveColors(variant, disabled, colors) {
 
 /**
  * Button
- * Único componente de botón de la librería. `variant` decide el estilo
- * semántico, `size` la densidad. El feedback de "presionado" anima solo
- * `transform` (Animated.spring, useNativeDriver) — nunca opacity ni layout.
+ * The library's only button component. `variant` sets the semantic style,
+ * `size` the density. The "pressed" feedback animates only `transform`
+ * (Animated.spring, useNativeDriver) — never opacity or layout — and is
+ * skipped when Reduce Motion is on.
+ *
+ * Gestalt:
+ * - Focal point (Von Restorff): `primary` is the only one filled with the
+ *   accent and a shadow; there should be one per screen or group. The other
+ *   variants step the visual weight down (secondary → outline → ghost → link).
+ * - Similarity: all variants share shape, radius and typography, so a row of
+ *   buttons reads as a single group of actions; only what conveys the
+ *   hierarchy changes (fill, border, color).
+ * - Proximity: icon and label sit `spacing.sm` apart, much less than the
+ *   padding, so they read as a single label.
+ *
+ * Fitts: `sm` and `link` are less than 44pt tall and make up for it with `hitSlop`.
+ * While `loading`, the label is invisible but keeps its space: the button
+ * doesn't change width (no layout jumps).
  */
 export const Button = /*#__PURE__*/memo(({
   title,
@@ -141,11 +194,14 @@ export const Button = /*#__PURE__*/memo(({
   const theme = useTheme();
   const allowFontScaling = useAllowFontScaling();
   const scale = useRef(new Animated.Value(1)).current;
+  const reduceMotion = useReduceMotion();
+  const hitSlop = useHitSlop(size, variant);
   const isDisabled = disabled || loading;
   const isFilled = variant === 'primary' || variant === 'secondary' || variant === 'destructive';
   const resolved = resolveColors(variant, disabled, colors);
   const effectiveIconColor = iconColor ?? resolved.text;
   const animateTo = value => {
+    if (reduceMotion) return;
     Animated.spring(scale, {
       toValue: value,
       useNativeDriver: true,
@@ -157,8 +213,12 @@ export const Button = /*#__PURE__*/memo(({
     borderColor: resolved.border
   }], {
     backgroundColor: resolved.background
-  }, isFilled && !disabled && styles.filledShadow, {
-    opacity: isDisabled ? 0.7 : 1
+  }, isFilled && !disabled && styles.filledShadow,
+  // Disabled is already marked by its colors (resolveColors); lowering the
+  // opacity on top of that left it almost invisible (figure and ground).
+  // Only `loading` dims it, to signal that the button is busy.
+  {
+    opacity: loading && !disabled ? 0.7 : 1
   }, style];
   const labelStyle = [styles.text, size === 'sm' ? styles.textSm : size === 'lg' ? styles.textLg : styles.textMd, {
     color: resolved.text
@@ -166,12 +226,12 @@ export const Button = /*#__PURE__*/memo(({
   const iconSize = size === 'sm' ? 16 : size === 'lg' ? 22 : 20;
   return (
     /*#__PURE__*/
-    // El Pressable ES el contenedor animado, no un wrapper alrededor de uno.
-    // Con un Animated.View interno, un `style` de layout (flex, width,
-    // margin) caía en el hijo mientras el Pressable — que es quien ocupa
-    // lugar en el layout del padre — quedaba sin él: el ancho colapsaba y
-    // el label desaparecía (visible en los botones en fila del Alert).
-    _jsx(AnimatedPressable, {
+    // The Pressable IS the animated container, not a wrapper around one.
+    // With an inner Animated.View, a layout `style` (flex, width, margin)
+    // landed on the child while the Pressable — which is what takes up
+    // space in the parent's layout — was left without it: the width
+    // collapsed and the label disappeared (visible in the Alert's row of buttons).
+    _jsxs(AnimatedPressable, {
       onPress: onPress,
       onPressIn: () => {
         if (!isDisabled) animateTo(0.95);
@@ -180,6 +240,7 @@ export const Button = /*#__PURE__*/memo(({
         if (!isDisabled) animateTo(1);
       },
       disabled: isDisabled,
+      hitSlop: hitSlop,
       testID: testID,
       accessibilityRole: "button",
       accessibilityLabel: accessibilityLabel ?? title,
@@ -192,26 +253,34 @@ export const Button = /*#__PURE__*/memo(({
           scale
         }]
       }],
-      children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
-        size: "small",
-        color: resolved.text
-      }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [leftIcon, !leftIcon && leftIconName && /*#__PURE__*/_jsx(Icon, {
-          name: leftIconName,
-          size: iconSize,
-          color: effectiveIconColor,
-          style: styles.iconLeft
-        }), /*#__PURE__*/_jsx(Text, {
-          allowFontScaling: allowFontScaling,
-          style: labelStyle,
-          children: title
-        }), rightIcon, !rightIcon && rightIconName && /*#__PURE__*/_jsx(Icon, {
-          name: rightIconName,
-          size: iconSize,
-          color: effectiveIconColor,
-          style: styles.iconRight
-        })]
-      })
+      children: [leftIcon ? /*#__PURE__*/_jsx(View, {
+        style: [styles.iconLeft, loading && styles.hidden],
+        children: leftIcon
+      }) : null, !leftIcon && leftIconName && /*#__PURE__*/_jsx(Icon, {
+        name: leftIconName,
+        size: iconSize,
+        color: effectiveIconColor,
+        style: [styles.iconLeft, loading && styles.hidden]
+      }), /*#__PURE__*/_jsx(Text, {
+        allowFontScaling: allowFontScaling,
+        style: [labelStyle, loading && styles.hidden],
+        children: title
+      }), rightIcon ? /*#__PURE__*/_jsx(View, {
+        style: [styles.iconRight, loading && styles.hidden],
+        children: rightIcon
+      }) : null, !rightIcon && rightIconName && /*#__PURE__*/_jsx(Icon, {
+        name: rightIconName,
+        size: iconSize,
+        color: effectiveIconColor,
+        style: [styles.iconRight, loading && styles.hidden]
+      }), loading && /*#__PURE__*/_jsx(View, {
+        style: styles.spinner,
+        pointerEvents: "none",
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "small",
+          color: resolved.text
+        })
+      })]
     })
   );
 });

package/lib/module/atoms/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useRef","ActivityIndicator","Animated","Pressable","Text","createStyles","useAllowFontScaling","useColors","useTheme","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","useStyles","theme","base","flexDirection","alignItems","justifyContent","borderRadius","tokens","radius","lg","borderWidth","sm","paddingVertical","spacing","paddingHorizontal","md","xl","xxl","link","xs","outline","filledShadow","shadow","shadowColor","text","fontWeight","semibold","textAlign","textSm","fontSize","textMd","textLg","underline","textDecorationLine","iconLeft","marginRight","iconRight","marginLeft","resolveColors","variant","disabled","colors","background","inputBackground","textLight","border","primaryText","primary","secondary","onSecondary","error","onError","onPrimary","Button","title","onPress","size","loading","style","textStyle","leftIcon","rightIcon","leftIconName","rightIconName","iconColor","testID","accessibilityLabel","styles","allowFontScaling","scale","Value","current","isDisabled","isFilled","resolved","effectiveIconColor","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","containerStyle","borderColor","backgroundColor","opacity","labelStyle","color","iconSize","onPressIn","onPressOut","accessibilityRole","accessibilityState","busy","transform","children","name","displayName"],"sourceRoot":"../../../src","sources":["atoms/Button.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useRef","ActivityIndicator","Animated","Pressable","Text","View","createStyles","useAllowFontScaling","useColors","useTheme","Icon","useReduceMotion","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","useStyles","theme","base","flexDirection","alignItems","justifyContent","borderRadius","tokens","radius","lg","borderWidth","sm","paddingVertical","spacing","paddingHorizontal","md","xl","xxl","link","xs","outline","filledShadow","shadow","text","fontWeight","semibold","textAlign","textSm","fontSize","textMd","textLg","underline","textDecorationLine","iconLeft","marginRight","iconRight","marginLeft","hidden","opacity","spinner","position","top","bottom","left","right","useHitSlop","size","variant","v","undefined","resolveColors","disabled","colors","background","inputBackground","textLight","border","primaryText","primary","secondary","onSecondary","error","onError","onPrimary","Button","title","onPress","loading","style","textStyle","leftIcon","rightIcon","leftIconName","rightIconName","iconColor","testID","accessibilityLabel","styles","allowFontScaling","scale","Value","current","reduceMotion","hitSlop","isDisabled","isFilled","resolved","effectiveIconColor","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","containerStyle","borderColor","backgroundColor","labelStyle","color","iconSize","onPressIn","onPressOut","accessibilityRole","accessibilityState","busy","transform","children","name","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["atoms/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/Card.js

@@ -4,14 +4,36 @@ import React, { memo } from 'react';
 import { View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
 import { jsx as _jsx } from "react/jsx-runtime";
+const CARD_BORDER_DARK = 1;
 const useStyles = createStyles(theme => ({
   card: {
-    backgroundColor: theme.colors.surface,
+    // surfaceRaised: lighter than surface in dark, so a card on a sheet or
+    // on another card still reads as a separate tile (figure and ground).
+    backgroundColor: theme.colors.surfaceRaised,
     borderRadius: theme.tokens.radius.xl,
     padding: theme.tokens.spacing.lg,
-    ...theme.tokens.shadow.sm
+    ...theme.tokens.shadow.sm,
+    // In dark the shadow isn't visible and surface barely stands out from the
+    // background (or not at all, on another surface): a 1pt border restores
+    // the outline (figure and ground). A hairline was invisible.
+    ...(theme.scheme === 'dark' && {
+      borderWidth: CARD_BORDER_DARK,
+      borderColor: theme.colors.border
+    })
   }
 }));
+
+/**
+ * Card
+ * Surface container: groups related content.
+ *
+ * Gestalt, common region: everything inside the same background and border
+ * reads as a group, even when other elements are nearby. Figure and ground:
+ * in light the shadow sets it apart; in dark (where the shadow isn't visible)
+ * a thin border does. The inner padding (`spacing.lg`) must be larger than the
+ * spacing between the elements inside, so the content reads as one block.
+ */
+
 export const Card = /*#__PURE__*/memo(({
   children,
   style,

package/lib/module/atoms/Card.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","View","createStyles","jsx","_jsx","useStyles","theme","card","backgroundColor","colors","surface","borderRadius","tokens","radius","xl","padding","spacing","lg","shadow","sm","Card","children","style","props","styles","displayName"],"sourceRoot":"../../../src","sources":["atoms/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,YAAY,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOrD,MAAMC,SAAS,GAAGH,YAAY,CAAEI,KAAK,KAAM;EACzCC,IAAI,EAAE;IACJC,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACC,OAAO;IACrCC,YAAY,EAAEL,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,EAAE;IACpCC,OAAO,EAAET,KAAK,CAACM,MAAM,CAACI,OAAO,CAACC,EAAE;IAChC,GAAGX,KAAK,CAACM,MAAM,CAACM,MAAM,CAACC;EACzB;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,MAAMC,IAAI,gBAAGpB,IAAI,CAAC,CAAC;EAAEqB,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACrE,MAAMC,MAAM,GAAGnB,SAAS,CAAC,CAAC;EAC1B,oBACED,IAAA,CAACH,IAAI;IAACqB,KAAK,EAAE,CAACE,MAAM,CAACjB,IAAI,EAAEe,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AACFD,IAAI,CAACK,WAAW,GAAG,MAAM","ignoreList":[]}
+{"version":3,"names":["React","memo","View","createStyles","jsx","_jsx","CARD_BORDER_DARK","useStyles","theme","card","backgroundColor","colors","surfaceRaised","borderRadius","tokens","radius","xl","padding","spacing","lg","shadow","sm","scheme","borderWidth","borderColor","border","Card","children","style","props","styles","displayName"],"sourceRoot":"../../../src","sources":["atoms/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,YAAY,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrD,MAAMC,gBAAgB,GAAG,CAAC;AAE1B,MAAMC,SAAS,GAAGJ,YAAY,CAAEK,KAAK,KAAM;EACzCC,IAAI,EAAE;IACJ;IACA;IACAC,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACC,aAAa;IAC3CC,YAAY,EAAEL,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,EAAE;IACpCC,OAAO,EAAET,KAAK,CAACM,MAAM,CAACI,OAAO,CAACC,EAAE;IAChC,GAAGX,KAAK,CAACM,MAAM,CAACM,MAAM,CAACC,EAAE;IACzB;IACA;IACA;IACA,IAAIb,KAAK,CAACc,MAAM,KAAK,MAAM,IAAI;MAAEC,WAAW,EAAEjB,gBAAgB;MAAEkB,WAAW,EAAEhB,KAAK,CAACG,MAAM,CAACc;IAAO,CAAC;EACpG;AACF,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,IAAI,gBAAGzB,IAAI,CAAC,CAAC;EAAE0B,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACrE,MAAMC,MAAM,GAAGvB,SAAS,CAAC,CAAC;EAC1B,oBACEF,IAAA,CAACH,IAAI;IAAC0B,KAAK,EAAE,CAACE,MAAM,CAACrB,IAAI,EAAEmB,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AACFD,IAAI,CAACK,WAAW,GAAG,MAAM","ignoreList":[]}

package/lib/module/atoms/Checkbox.js

@@ -3,14 +3,18 @@
 import React, { memo, useEffect, useRef } from 'react';
 import { Animated, Text, TouchableOpacity } from 'react-native';
 import { createStyles } from '../theme/createStyles';
-import { useAllowFontScaling, useColors } from '../theme/UIProvider';
+import { useAllowFontScaling, useColors, useTheme } from '../theme/UIProvider';
 import { Icon } from '../icons/Icon';
+import { onColor } from '../icons/defaultIcons';
+import { useReduceMotion } from './Transition';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyles = createStyles(theme => ({
+  // 44pt tall: the whole row is the touch area (Fitts). Replaces the
+  // marginBottom that separated stacked checkboxes; now the row provides the room.
   container: {
     flexDirection: 'row',
     alignItems: 'center',
-    marginBottom: theme.tokens.spacing.sm
+    minHeight: 44
   },
   box: {
     width: 24,
@@ -19,34 +23,61 @@ const useStyles = createStyles(theme => ({
     borderWidth: 2,
     justifyContent: 'center',
     alignItems: 'center',
-    marginRight: theme.tokens.spacing.sm + 2
+    marginRight: theme.tokens.spacing.md
   },
   label: {
     fontSize: theme.tokens.fontSize.md,
     color: theme.colors.text
+  },
+  labelDisabled: {
+    color: theme.colors.textLight
   }
 }));
+
+/**
+ * Checkbox
+ * Box + optional label; the whole row is touchable.
+ *
+ * Gestalt:
+ * - Proximity: the box and its label sit `spacing.md` apart, less than the
+ *   spacing between rows, so each label reads with its box.
+ * - Common region: the whole row is the touch area, not just the box, and it
+ *   is at least 44pt tall (Fitts).
+ * - Figure and ground: when checked, the box fills with the accent and the
+ *   check turns black or white depending on that fill (also with a custom `color`).
+ *
+ * `disabled` dims the box and the label (not just the box). The check
+ * animation is skipped with Reduce Motion.
+ */
 export const Checkbox = /*#__PURE__*/memo(({
   value,
   onValueChange,
   label,
   color,
   disabled,
+  accessibilityLabel,
   testID
 }) => {
   const colors = useColors();
   const styles = useStyles();
   const allowFontScaling = useAllowFontScaling();
   const activeColor = color || colors.primary;
-  // El check va encima del relleno: con `color` propio no sabemos qué tono
-  // contrasta, así que ahí seguimos con blanco (decisión del consumidor).
-  const checkColor = color ? colors.white : colors.onPrimary;
+  // The check sits on top of the fill: with a custom `color`, black or white is
+  // picked by luminance (a fixed white disappeared over light colors).
+  const checkColor = color ? onColor(color) : colors.onPrimary;
+  const theme = useTheme();
+  const reduceMotion = useReduceMotion();
   const progress = useRef(new Animated.Value(value ? 1 : 0)).current;
   const checkScale = useRef(new Animated.Value(value ? 1 : 0)).current;
   useEffect(() => {
+    if (reduceMotion) {
+      progress.setValue(value ? 1 : 0);
+      checkScale.setValue(value ? 1 : 0);
+      return;
+    }
     Animated.timing(progress, {
       toValue: value ? 1 : 0,
-      duration: 150,
+      duration: theme.tokens.duration.fast,
       useNativeDriver: false
     }).start();
     Animated.spring(checkScale, {
@@ -55,7 +86,7 @@ export const Checkbox = /*#__PURE__*/memo(({
       speed: 40,
       bounciness: 10
     }).start();
-  }, [value]);
+  }, [value, reduceMotion]);
   const backgroundColor = progress.interpolate({
     inputRange: [0, 1],
     outputRange: [colors.surface, activeColor]
@@ -74,7 +105,7 @@ export const Checkbox = /*#__PURE__*/memo(({
       checked: value,
       disabled: !!disabled
     },
-    accessibilityLabel: label,
+    accessibilityLabel: accessibilityLabel ?? label,
     testID: testID,
     children: [/*#__PURE__*/_jsx(Animated.View, {
       style: [styles.box, {
@@ -94,9 +125,9 @@ export const Checkbox = /*#__PURE__*/memo(({
           color: checkColor
         })
       })
-    }), label && /*#__PURE__*/_jsx(Text, {
+    }), !!label && /*#__PURE__*/_jsx(Text, {
       allowFontScaling: allowFontScaling,
-      style: styles.label,
+      style: [styles.label, disabled && styles.labelDisabled],
       children: label
     })]
   });

package/lib/module/atoms/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useEffect","useRef","Animated","Text","TouchableOpacity","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","flexDirection","alignItems","marginBottom","tokens","spacing","sm","box","width","height","borderRadius","radius","borderWidth","justifyContent","marginRight","label","fontSize","md","color","colors","text","Checkbox","value","onValueChange","disabled","testID","styles","allowFontScaling","activeColor","primary","checkColor","white","onPrimary","progress","Value","current","checkScale","timing","toValue","duration","useNativeDriver","start","spring","speed","bounciness","backgroundColor","interpolate","inputRange","outputRange","surface","borderColor","border","style","activeOpacity","onPress","accessibilityRole","accessibilityState","checked","accessibilityLabel","children","View","opacity","transform","scale","name","size","displayName"],"sourceRoot":"../../../src","sources":["atoms/Checkbox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,SAASC,QAAQ,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAC/D,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,mBAAmB,EAAEC,SAAS,QAAQ,qBAAqB;AACpE,SAASC,IAAI,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWrC,MAAMC,SAAS,GAAGR,YAAY,CAAES,KAAK,KAAM;EACzCC,SAAS,EAAE;IAAEC,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEC,YAAY,EAAEJ,KAAK,CAACK,MAAM,CAACC,OAAO,CAACC;EAAG,CAAC;EAChGC,GAAG,EAAE;IACHC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAEX,KAAK,CAACK,MAAM,CAACO,MAAM,CAACL,EAAE;IACpCM,WAAW,EAAE,CAAC;IACdC,cAAc,EAAE,QAAQ;IACxBX,UAAU,EAAE,QAAQ;IACpBY,WAAW,EAAEf,KAAK,CAACK,MAAM,CAACC,OAAO,CAACC,EAAE,GAAG;EACzC,CAAC;EACDS,KAAK,EAAE;IAAEC,QAAQ,EAAEjB,KAAK,CAACK,MAAM,CAACY,QAAQ,CAACC,EAAE;IAAEC,KAAK,EAAEnB,KAAK,CAACoB,MAAM,CAACC;EAAK;AACxE,CAAC,CAAC,CAAC;AAEH,OAAO,MAAMC,QAAQ,gBAAGrC,IAAI,CAAC,CAAC;EAAEsC,KAAK;EAAEC,aAAa;EAAER,KAAK;EAAEG,KAAK;EAAEM,QAAQ;EAAEC;AAAsB,CAAC,KAAK;EACxG,MAAMN,MAAM,GAAG3B,SAAS,CAAC,CAAC;EAC1B,MAAMkC,MAAM,GAAG5B,SAAS,CAAC,CAAC;EAC1B,MAAM6B,gBAAgB,GAAGpC,mBAAmB,CAAC,CAAC;EAC9C,MAAMqC,WAAW,GAAGV,KAAK,IAAIC,MAAM,CAACU,OAAO;EAC3C;EACA;EACA,MAAMC,UAAU,GAAGZ,KAAK,GAAGC,MAAM,CAACY,KAAK,GAAGZ,MAAM,CAACa,SAAS;EAC1D,MAAMC,QAAQ,GAAG/C,MAAM,CAAC,IAAIC,QAAQ,CAAC+C,KAAK,CAACZ,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAACa,OAAO;EAClE,MAAMC,UAAU,GAAGlD,MAAM,CAAC,IAAIC,QAAQ,CAAC+C,KAAK,CAACZ,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAACa,OAAO;EAEpElD,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACkD,MAAM,CAACJ,QAAQ,EAAE;MAAEK,OAAO,EAAEhB,KAAK,GAAG,CAAC,GAAG,CAAC;MAAEiB,QAAQ,EAAE,GAAG;MAAEC,eAAe,EAAE;IAAM,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACpGtD,QAAQ,CAACuD,MAAM,CAACN,UAAU,EAAE;MAC1BE,OAAO,EAAEhB,KAAK,GAAG,CAAC,GAAG,CAAC;MACtBkB,eAAe,EAAE,IAAI;MACrBG,KAAK,EAAE,EAAE;MACTC,UAAU,EAAE;IACd,CAAC,CAAC,CAACH,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACnB,KAAK,CAAC,CAAC;EAEX,MAAMuB,eAAe,GAAGZ,QAAQ,CAACa,WAAW,CAAC;IAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAAEC,WAAW,EAAE,CAAC7B,MAAM,CAAC8B,OAAO,EAAErB,WAAW;EAAE,CAAC,CAAC;EAChH,MAAMsB,WAAW,GAAGjB,QAAQ,CAACa,WAAW,CAAC;IAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAAEC,WAAW,EAAE,CAAC7B,MAAM,CAACgC,MAAM,EAAEvB,WAAW;EAAE,CAAC,CAAC;EAE3G,oBACE/B,KAAA,CAACR,gBAAgB;IACf+D,KAAK,EAAE1B,MAAM,CAAC1B,SAAU;IACxBqD,aAAa,EAAE,GAAI;IACnB7B,QAAQ,EAAEA,QAAS;IACnB8B,OAAO,EAAEA,CAAA,KAAM/B,aAAa,CAAC,CAACD,KAAK,CAAE;IACrCiC,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEC,OAAO,EAAEnC,KAAK;MAAEE,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IAC7DkC,kBAAkB,EAAE3C,KAAM;IAC1BU,MAAM,EAAEA,MAAO;IAAAkC,QAAA,gBAEfhE,IAAA,CAACR,QAAQ,CAACyE,IAAI;MAACR,KAAK,EAAE,CAAC1B,MAAM,CAACnB,GAAG,EAAE;QAAEsC,eAAe;QAAEK,WAAW;QAAEW,OAAO,EAAErC,QAAQ,GAAG,GAAG,GAAG;MAAE,CAAC,CAAE;MAAAmC,QAAA,eAChGhE,IAAA,CAACR,QAAQ,CAACyE,IAAI;QAACR,KAAK,EAAE;UAAEU,SAAS,EAAE,CAAC;YAAEC,KAAK,EAAE3B;UAAW,CAAC;QAAE,CAAE;QAAAuB,QAAA,eAC3DhE,IAAA,CAACF,IAAI;UAACuE,IAAI,EAAC,OAAO;UAACC,IAAI,EAAE,EAAG;UAAC/C,KAAK,EAAEY;QAAW,CAAE;MAAC,CACrC;IAAC,CACH,CAAC,EACff,KAAK,iBACJpB,IAAA,CAACP,IAAI;MAACuC,gBAAgB,EAAEA,gBAAiB;MAACyB,KAAK,EAAE1B,MAAM,CAACX,KAAM;MAAA4C,QAAA,EAC3D5C;IAAK,CACF,CACP;EAAA,CACe,CAAC;AAEvB,CAAC,CAAC;AACFM,QAAQ,CAAC6C,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"names":["React","memo","useEffect","useRef","Animated","Text","TouchableOpacity","createStyles","useAllowFontScaling","useColors","useTheme","Icon","onColor","useReduceMotion","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","flexDirection","alignItems","minHeight","box","width","height","borderRadius","tokens","radius","sm","borderWidth","justifyContent","marginRight","spacing","md","label","fontSize","color","colors","text","labelDisabled","textLight","Checkbox","value","onValueChange","disabled","accessibilityLabel","testID","styles","allowFontScaling","activeColor","primary","checkColor","onPrimary","reduceMotion","progress","Value","current","checkScale","setValue","timing","toValue","duration","fast","useNativeDriver","start","spring","speed","bounciness","backgroundColor","interpolate","inputRange","outputRange","surface","borderColor","border","style","activeOpacity","onPress","accessibilityRole","accessibilityState","checked","children","View","opacity","transform","scale","name","size","displayName"],"sourceRoot":"../../../src","sources":["atoms/Checkbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/Divider.js

@@ -2,19 +2,44 @@
 
 import React, { memo } from 'react';
 import { View } from 'react-native';
-import { useColors } from '../theme/UIProvider';
+import { useTheme } from '../theme/UIProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Divider
+ * 1pt line in `colors.border`.
+ *
+ * Gestalt: separates groups when proximity alone isn't enough (dense lists,
+ * rows spanning the whole screen). If spacing already separates the groups,
+ * prefer spacing: one line too many fragments what should read together.
+ * `spacing` takes its room from the token scale so the separation is the
+ * same across the whole app, instead of a different margin on each screen.
+ *
+ * It is decorative: it doesn't enter the accessibility tree.
+ */
 export const Divider = /*#__PURE__*/memo(({
+  orientation = 'horizontal',
+  spacing,
   style,
   testID
 }) => {
-  const colors = useColors();
+  const theme = useTheme();
+  const gap = spacing ? theme.tokens.spacing[spacing] : 0;
+  const line = orientation === 'vertical' ? {
+    width: 1,
+    alignSelf: 'stretch',
+    marginHorizontal: gap
+  } : {
+    height: 1,
+    width: '100%',
+    marginVertical: gap
+  };
   return /*#__PURE__*/_jsx(View, {
     testID: testID,
-    style: [{
-      height: 1,
-      backgroundColor: colors.border,
-      width: '100%'
+    accessible: false,
+    importantForAccessibility: "no-hide-descendants",
+    accessibilityElementsHidden: true,
+    style: [line, {
+      backgroundColor: theme.colors.border
     }, style]
   });
 });

package/lib/module/atoms/Divider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","View","useColors","jsx","_jsx","Divider","style","testID","colors","height","backgroundColor","border","width","displayName"],"sourceRoot":"../../../src","sources":["atoms/Divider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhD,OAAO,MAAMC,OAAO,gBAAGL,IAAI,CAAC,CAAC;EAAEM,KAAK;EAAEC;AAAqB,CAAC,KAAK;EAC/D,MAAMC,MAAM,GAAGN,SAAS,CAAC,CAAC;EAC1B,oBAAOE,IAAA,CAACH,IAAI;IAACM,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAAC;MAAEG,MAAM,EAAE,CAAC;MAAEC,eAAe,EAAEF,MAAM,CAACG,MAAM;MAAEC,KAAK,EAAE;IAAO,CAAC,EAAEN,KAAK;EAAE,CAAE,CAAC;AAC/G,CAAC,CAAC;AACFD,OAAO,CAACQ,WAAW,GAAG,SAAS","ignoreList":[]}
+{"version":3,"names":["React","memo","View","useTheme","jsx","_jsx","Divider","orientation","spacing","style","testID","theme","gap","tokens","line","width","alignSelf","marginHorizontal","height","marginVertical","accessible","importantForAccessibility","accessibilityElementsHidden","backgroundColor","colors","border","displayName"],"sourceRoot":"../../../src","sources":["atoms/Divider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,QAAQ,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,OAAO,gBAAGL,IAAI,CAAC,CAAC;EAAEM,WAAW,GAAG,YAAY;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAqB,CAAC,KAAK;EACpG,MAAMC,KAAK,GAAGR,QAAQ,CAAC,CAAC;EACxB,MAAMS,GAAG,GAAGJ,OAAO,GAAGG,KAAK,CAACE,MAAM,CAACL,OAAO,CAACA,OAAO,CAAC,GAAG,CAAC;EACvD,MAAMM,IAAe,GACnBP,WAAW,KAAK,UAAU,GACtB;IAAEQ,KAAK,EAAE,CAAC;IAAEC,SAAS,EAAE,SAAS;IAAEC,gBAAgB,EAAEL;EAAI,CAAC,GACzD;IAAEM,MAAM,EAAE,CAAC;IAAEH,KAAK,EAAE,MAAM;IAAEI,cAAc,EAAEP;EAAI,CAAC;EACvD,oBACEP,IAAA,CAACH,IAAI;IACHQ,MAAM,EAAEA,MAAO;IACfU,UAAU,EAAE,KAAM;IAClBC,yBAAyB,EAAC,qBAAqB;IAC/CC,2BAA2B;IAC3Bb,KAAK,EAAE,CAACK,IAAI,EAAE;MAAES,eAAe,EAAEZ,KAAK,CAACa,MAAM,CAACC;IAAO,CAAC,EAAEhB,KAAK;EAAE,CAChE,CAAC;AAEN,CAAC,CAAC;AACFH,OAAO,CAACoB,WAAW,GAAG,SAAS","ignoreList":[]}