@hzblj/kara-components 0.10.0 → 0.12.0

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

@@ -1 +1 @@
-{"version":3,"names":["FadeInDown","FadeOutDown","ABox","Pressable","RnText","jsx","_jsx","jsxs","_jsxs","Snackbar","actionLabel","message","onAction","visible","align","bg","borderRadius","bottom","entering","exiting","flexDirection","gap","left","position","px","py","right","shadow","children","color","variant","onPress"],"sourceRoot":"../../../../src","sources":["organisms/snackbar/snackbar.tsx"],"mappings":";;AAAA,SAAQA,UAAU,EAAEC,WAAW,QAAO,yBAAyB;AAE/D,SAAQC,IAAI,QAAO,0BAAiB;AACpC,SAAQC,SAAS,QAAO,gCAAuB;AAC/C,SAAQC,MAAM,QAAO,8BAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAACC,WAAW;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAsB,CAAC,KAAK;EACvG,IAAI,CAACA,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEL,KAAA,CAACN,IAAI;IACHY,KAAK,EAAC,QAAQ;IACdC,EAAE,EAAC,uBAAuB;IAC1BC,YAAY,EAAC,QAAQ;IACrBC,MAAM,EAAE,EAAG;IACXC,QAAQ,EAAElB,UAAW;IACrBmB,OAAO,EAAElB,WAAY;IACrBmB,aAAa,EAAC,KAAK;IACnBC,GAAG,EAAC,KAAK;IACTC,IAAI,EAAE,EAAG;IACTC,QAAQ,EAAC,UAAU;IACnBC,EAAE,EAAC,KAAK;IACRC,EAAE,EAAC,KAAK;IACRC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAC,UAAU;IAAAC,QAAA,gBAEjBtB,IAAA,CAACF,MAAM;MAACyB,KAAK,EAAC,0BAA0B;MAACC,OAAO,EAAC,UAAU;MAAAF,QAAA,EACxDjB;IAAO,CACF,CAAC,EACRD,WAAW,gBACVJ,IAAA,CAACH,SAAS;MAAC4B,OAAO,EAAEnB,QAAS;MAAAgB,QAAA,eAC3BtB,IAAA,CAACF,MAAM;QAACyB,KAAK,EAAC,gBAAgB;QAACC,OAAO,EAAC,gBAAgB;QAAAF,QAAA,EACpDlB;MAAW,CACN;IAAC,CACA,CAAC,GACV,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["timing","spacing","useReducedMotion","useEffect","useRef","AccessibilityInfo","Platform","withTiming","Box","Pressable","RnText","RnGlyph","jsx","_jsx","jsxs","_jsxs","DURATIONS","long","short","PLATFORM_ANIMATION","OS","CLOSE_SIZE","GROW","scaleIn","animations","opacity","transform","scale","initialValues","TRANSITIONS","fade","entering","exiting","duration","preset","slideBottom","distance","slideTop","transitionsFor","animation","position","millisecondsOf","undefined","Snackbar","actionLabel","actionOnNewLine","dismissible","message","offset","onAction","onDismiss","visible","reduced","dismiss","current","milliseconds","timer","setTimeout","clearTimeout","announceForAccessibility","edge","top","bottom","hasTrailing","Boolean","align","bg","borderRadius","flexDirection","gap","left","s16","px","py","right","shadow","children","color","flex","variant","alignSelf","onPress","pressEffect","ripple","accessibilityLabel","name","size"],"sourceRoot":"../../../../src","sources":["organisms/snackbar/snackbar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/swipe-actions/swipe-actions.android.js

@@ -42,7 +42,7 @@ const ActionButton = ({
 }) => {
   const theme = useAppTheme();
   const fill = action.tint ?? (action.destructive ? 'fill.destructive.primary' : 'fill.accent.primary');
-  const content = !action.tint && action.destructive ? 'content.on.destructive' : 'content.on.bg';
+  const content = !action.tint && action.destructive ? 'content.on.destructive' : 'content.on.accent';
   const onClick = useCallback(() => {
     onDone();
     action.onPress();

package/lib/module/organisms/swipe-actions/swipe-actions.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["FilledIconButton","size","SwipeActionsBox","spacing","useAppTheme","useCallback","useEffect","useId","useState","useSyncExternalStore","HStack","Icon","Text","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","BUTTON","openRow","listeners","Set","setOpenRow","row","listener","subscribe","add","delete","getOpenRow","ActionButton","action","onDone","theme","fill","tint","destructive","content","onClick","onPress","align","children","colors","containerColor","color","contentColor","modifiers","accessibilityLabel","label","name","icon","variant","Actions","actions","map","close","SwipeActions","leading","trailing","isOpenRow","edge","setEdge","onOpenChange","next","actionsSpacing","s12","openEdge","length","Leading","Trailing","reverse"],"sourceRoot":"../../../../src","sources":["organisms/swipe-actions/swipe-actions.android.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["FilledIconButton","size","SwipeActionsBox","spacing","useAppTheme","useCallback","useEffect","useId","useState","useSyncExternalStore","HStack","Icon","Text","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","BUTTON","openRow","listeners","Set","setOpenRow","row","listener","subscribe","add","delete","getOpenRow","ActionButton","action","onDone","theme","fill","tint","destructive","content","onClick","onPress","align","children","colors","containerColor","color","contentColor","modifiers","accessibilityLabel","label","name","icon","variant","Actions","actions","map","close","SwipeActions","leading","trailing","isOpenRow","edge","setEdge","onOpenChange","next","actionsSpacing","s12","openEdge","length","Leading","Trailing","reverse"],"sourceRoot":"../../../../src","sources":["organisms/swipe-actions/swipe-actions.android.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/use-stack-modifiers.js

@@ -1,16 +1,17 @@
 "use strict";
 
 import { clickable, testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
-import { useSxModifiers } from '@hzblj/kara-sx';
+import { splitAccessibility, useAccessibilityModifiers, useSxModifiers } from '@hzblj/kara-sx';
 import { useMemo } from 'react';
 
 /**
- * A Compose stack's modifiers in the order a pressable one needs: its frame, shape and background, then the press,
- * then its padding. Compose clips a `clickable` to what comes after it, so with the padding first the ripple would stop
- * at the padding and a row pressed by its edge would light up only in the middle.
+ * A Compose stack's modifiers in the order a pressable one needs: its frame, shape and background, then the press, its
+ * semantics, then its padding. Compose clips a `clickable` to what comes after it, so with the padding first the ripple
+ * would stop at the padding and a row pressed by its edge would light up only in the middle. The semantics come after
+ * the click, because a label that replaces the children's clears whatever semantics are inside it.
  */
-export const useStackModifiers = (sx, onPress, testID) => {
-  const {
+export const useStackModifiers = (props, onPress, testID) => {
+  const [accessibility, {
     p,
     pb,
     pl,
@@ -19,7 +20,7 @@ export const useStackModifiers = (sx, onPress, testID) => {
     px,
     py,
     ...frame
-  } = sx;
+  }] = splitAccessibility(props);
   const frameModifiers = useSxModifiers(frame);
   const paddingModifiers = useSxModifiers({
     p,
@@ -30,6 +31,7 @@ export const useStackModifiers = (sx, onPress, testID) => {
     px,
     py
   });
-  return useMemo(() => [...frameModifiers, ...(testID ? [testIdModifier(testID)] : []), ...(onPress ? [clickable(onPress)] : []), ...paddingModifiers], [frameModifiers, onPress, paddingModifiers, testID]);
+  const accessibilityModifiers = useAccessibilityModifiers(accessibility, onPress !== undefined);
+  return useMemo(() => [...frameModifiers, ...(testID ? [testIdModifier(testID)] : []), ...(onPress ? [clickable(onPress)] : []), ...accessibilityModifiers, ...paddingModifiers], [accessibilityModifiers, frameModifiers, onPress, paddingModifiers, testID]);
 };
 //# sourceMappingURL=use-stack-modifiers.js.map

package/lib/module/use-stack-modifiers.js.map

@@ -1 +1 @@
-{"version":3,"names":["clickable","testID","testIdModifier","useSxModifiers","useMemo","useStackModifiers","sx","onPress","p","pb","pl","pr","pt","px","py","frame","frameModifiers","paddingModifiers"],"sourceRoot":"../../src","sources":["use-stack-modifiers.ts"],"mappings":";;AAAA,SAAQA,SAAS,EAAuBC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AAC3G,SAA2BC,cAAc,QAAO,gBAAgB;AAChE,SAAQC,OAAO,QAAO,OAAO;;AAE7B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAACC,EAAgB,EAAEC,OAAoB,EAAEN,MAAe,KAAuB;EAC9G,MAAM;IAACO,CAAC;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAE,GAAGC;EAAK,CAAC,GAAGT,EAAE;EAChD,MAAMU,cAAc,GAAGb,cAAc,CAACY,KAAK,CAAC;EAC5C,MAAME,gBAAgB,GAAGd,cAAc,CAAC;IAACK,CAAC;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC;EAAE,CAAC,CAAC;EAEpE,OAAOV,OAAO,CACZ,MAAM,CACJ,GAAGY,cAAc,EACjB,IAAIf,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAC3C,IAAIM,OAAO,GAAG,CAACP,SAAS,CAACO,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EACxC,GAAGU,gBAAgB,CACpB,EACD,CAACD,cAAc,EAAET,OAAO,EAAEU,gBAAgB,EAAEhB,MAAM,CACpD,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["clickable","testID","testIdModifier","splitAccessibility","useAccessibilityModifiers","useSxModifiers","useMemo","useStackModifiers","props","onPress","accessibility","p","pb","pl","pr","pt","px","py","frame","frameModifiers","paddingModifiers","accessibilityModifiers","undefined"],"sourceRoot":"../../src","sources":["use-stack-modifiers.ts"],"mappings":";;AAAA,SAAQA,SAAS,EAAuBC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AAC3G,SAGEC,kBAAkB,EAClBC,yBAAyB,EACzBC,cAAc,QACT,gBAAgB;AACvB,SAAQC,OAAO,QAAO,OAAO;;AAE7B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAC/BC,KAAwC,EACxCC,OAAoB,EACpBR,MAAe,KACM;EACrB,MAAM,CAACS,aAAa,EAAE;IAACC,CAAC;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAE,GAAGC;EAAK,CAAC,CAAC,GAAGf,kBAAkB,CAACK,KAAK,CAAC;EACxF,MAAMW,cAAc,GAAGd,cAAc,CAACa,KAAK,CAAC;EAC5C,MAAME,gBAAgB,GAAGf,cAAc,CAAC;IAACM,CAAC;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC;EAAE,CAAC,CAAC;EACpE,MAAMI,sBAAsB,GAAGjB,yBAAyB,CAACM,aAAa,EAAED,OAAO,KAAKa,SAAS,CAAC;EAE9F,OAAOhB,OAAO,CACZ,MAAM,CACJ,GAAGa,cAAc,EACjB,IAAIlB,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAC3C,IAAIQ,OAAO,GAAG,CAACT,SAAS,CAACS,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EACxC,GAAGY,sBAAsB,EACzB,GAAGD,gBAAgB,CACpB,EACD,CAACC,sBAAsB,EAAEF,cAAc,EAAEV,OAAO,EAAEW,gBAAgB,EAAEnB,MAAM,CAC5E,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/typescript/atoms/activity-indicator/activity-indicator.types.d.ts

@@ -7,6 +7,8 @@ export type ActivityIndicatorSize = 'large' | 'small';
  * Android, so it renders anywhere. For how far along something is, use `Progress`.
  */
 export type ActivityIndicatorProps = {
+    /** What is loading, for VoiceOver and TalkBack: "Loading photos". Unset, the platform's own word ("In progress"). */
+    accessibilityLabel?: string;
     /** Its colour. `fill.accent.primary` by default. */
     color?: ColorToken;
     /** `small` sits in a row or a button, `large` holds a screen that is loading. `small` by default. */

package/lib/typescript/atoms/avatar/avatar.types.d.ts

@@ -3,6 +3,11 @@ import type { ImageSourcePropType } from 'react-native';
 export type AvatarSize = 'lg' | 'md' | 'sm';
 /** A round avatar: the image in `source`, or `initials` without one. The React Native tier: it needs no host. */
 export type AvatarProps = {
+    /**
+     * Who it is, for VoiceOver and TalkBack: "Jan Blazej". Unset, the avatar is decorative and hidden from them, as one
+     * beside the person's name should be.
+     */
+    accessibilityLabel?: string;
     /** Shown in place of the image when there is no `source`. */
     initials?: string;
     /** The diameter: `sm` is `s24`, `md` `s40`, `lg` `s64`. `md` by default. */

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

@@ -2,6 +2,9 @@ import { View } from 'react-native';
 /**
  * A React Native `View` that takes the design system's `sx` props. The `sx()` HOC is the whole
  * implementation — Box is just its first caller, and any other style-taking component gets the same.
+ *
+ * That includes motion: `entering`, `exiting`, `layout`, `animate` or an animated `style` make it an `Animated.View`
+ * from its first frame, and without them it stays a plain `View`.
  */
 export declare const Box: import("react").MemoExoticComponent<{
     ({ style, ...props }: import("@hzblj/kara-sx").SxProps<import("react-native").ViewProps & import("react").RefAttributes<View>>): import("react").JSX.Element;

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

@@ -1,3 +1,2 @@
-export * from './a-box';
 export * from './box';
 export * from './box.types';

package/lib/typescript/atoms/button/button-tokens.d.ts

@@ -1,7 +1,7 @@
 import type { ColorToken, Theme } from '@hzblj/kara-theme';
 import type { ButtonVariant } from './button.types';
 export declare const buttonTokens: (variant: ButtonVariant, disabled: boolean, theme: Theme) => {
-    readonly content: 'content.on.bg';
+    readonly content: 'content.on.accent';
     readonly fill: 'fill.accent.primary';
     readonly shadow: 'btn.accent';
 } | {

package/lib/typescript/atoms/button/button.types.d.ts

@@ -13,6 +13,8 @@ export type ButtonStyleName = 'automatic' | 'bordered' | 'borderedProminent' | '
 export type ButtonControlSize = 'extraLarge' | 'large' | 'mini' | 'regular' | 'small';
 /** A text button: SwiftUI `Button` on iOS, Material's filled button (outlined for `glass`) on Android. */
 export type ButtonProps = {
+    /** What pressing it does, when the label alone does not say. See `AccessibilityProps`. */
+    accessibilityHint?: string;
     /**
      * Replaces the style the variant picks: `borderedProminent` for `accent` and `destructive`, `bordered` for
      * `secondary`, `glass` for `glass`. iOS only. Android ignores it.

package/lib/typescript/atoms/card/card.types.d.ts

@@ -1,10 +1,10 @@
-import type { ResponsiveSx } from '@hzblj/kara-sx';
+import type { AccessibilityProps, ResponsiveSx } from '@hzblj/kara-sx';
 import type { ReactNode } from 'react';
 /**
  * A raised container: SwiftUI `VStack` / Compose `Column` on `surface.primary`, with a large radius, `s16` padding and
  * the `card` shadow. Any `sx` prop overrides its default.
  */
-export type CardProps = ResponsiveSx & {
+export type CardProps = ResponsiveSx & AccessibilityProps & {
     /** Native views, stacked vertically from the leading edge. */
     children?: ReactNode;
     /** Test identifier, forwarded to the native view. */

package/lib/typescript/atoms/fab/fab.types.d.ts

@@ -5,7 +5,14 @@ import type { IconName } from '../icon';
  * `Button`) on iOS. It renders inline; pinning it to a corner is up to the screen.
  */
 export type FabProps = {
-    /** The icon, one of the app's, drawn in `content.on.bg`. */
+    /**
+     * What VoiceOver and TalkBack say for the button, since an icon has no words of its own: "Share", "Add to
+     * favourites". Required for that reason.
+     */
+    accessibilityLabel: string;
+    /** What pressing it does, when the label alone does not say. See `AccessibilityProps`. */
+    accessibilityHint?: string;
+    /** The icon, one of the app's, drawn in `content.on.accent`. */
     name: IconName;
     /** Called when the button is pressed. */
     onPress?: () => void;

package/lib/typescript/atoms/h-stack/h-stack.types.d.ts

@@ -1,14 +1,17 @@
-import type { ResponsiveSx } from '@hzblj/kara-sx';
+import type { AccessibilityProps, ResponsiveSx } from '@hzblj/kara-sx';
 import type { SpaceSize } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
 export type HStackAlign = 'center' | 'end' | 'start';
 /** A horizontal stack: SwiftUI `HStack` / Compose `Row`. */
-export type HStackProps = ResponsiveSx & {
+export type HStackProps = ResponsiveSx & AccessibilityProps & {
     /** How the children line up vertically: `start` is the top, `end` the bottom. `start` by default. */
     align?: HStackAlign;
     /** Native views, laid out from the leading edge. */
     children?: ReactNode;
-    /** Makes the stack pressable: a tap gesture on iOS, a `clickable` with Material's ripple on Android. */
+    /**
+     * Makes the stack pressable: a tap gesture on iOS, a `clickable` with Material's ripple on Android. Screen readers
+     * then read the stack as one button.
+     */
     onPress?: () => void;
     /** The gap between children. Unset, SwiftUI puts its default spacing between them and Compose none. */
     spacing?: SpaceSize;

package/lib/typescript/atoms/icon-button/icon-button.types.d.ts

@@ -6,6 +6,13 @@ import type { IconName } from '../icon';
  * itself the same way on both.
  */
 export type IconButtonProps = {
+    /**
+     * What VoiceOver and TalkBack say for the button, since an icon has no words of its own: "Share", "Add to
+     * favourites". Required for that reason.
+     */
+    accessibilityLabel: string;
+    /** What pressing it does, when the label alone does not say. See `AccessibilityProps`. */
+    accessibilityHint?: string;
     /** Dims the icon (iOS's own disabled look, `btn.content.disabled` on Android) and stops the button responding. */
     disabled?: boolean;
     /** The icon, one of the app's. */

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

@@ -1,8 +1,8 @@
 import { Image as ExpoImage, type ImageProps as ExpoImageProps } from 'expo-image';
 import type { Ref } from 'react';
 /**
- * `expo-image` with the `sx` props, the way `Box` is a `View` with them, and the design system's 100 ms linear fade
- * already applied, so a loaded image never pops in. An explicit `transition` wins, and so does an explicit `style`.
+ * `expo-image` with the `sx` props, the way `Box` is a `View` with them, and the design system's fade (`quick`,
+ * eased out) already applied, so a loaded image never pops in. An explicit `transition` wins, and so does an explicit `style`.
  */
 export declare const Image: import("react").MemoExoticComponent<{
     ({ style, ...props }: import("@hzblj/kara-sx").SxProps<ExpoImageProps & {

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

@@ -32,6 +32,7 @@ export * from './segmented-control';
 export * from './skeleton';
 export * from './slider';
 export * from './spacer';
+export * from './stagger';
 export * from './surface';
 export * from './switch';
 export * from './text';

package/lib/typescript/atoms/pressable/pressable.types.d.ts

@@ -1,17 +1,18 @@
-import type { ResponsiveViewSx } from '@hzblj/kara-sx';
+import type { AccessibilityProps, MotionProps, ResponsiveViewSx } from '@hzblj/kara-sx';
 import type { OpacitySize } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
 import type { Haptic } from '../../haptics';
-/** How the content answers a press: it springs down, it dims, or it stays still. */
+/** How the content answers a press: it eases down, it dims, or it stays still. */
 export type PressEffect = 'none' | 'opacity' | 'scale';
 /**
  * React Native's `Pressable`, styled through `sx` like a `Box`, taking touches 8 points past its edges. Each platform
- * presses its own way by default: iOS springs the content down to 96%, Android draws Material's ripple over it,
+ * presses its own way by default: iOS eases the content down to 96%, Android draws Material's ripple over it,
  * clipped to the pressable's shape. `pressEffect` picks the same answer on both, and Android keeps its ripple on top
- * unless `ripple` is off. Give it the `borderRadius` of what it wraps (`full` around a `GlassView`). The React Native
- * tier: it needs no host.
+ * unless `ripple` is off. Give it the `borderRadius` of what it wraps (`full` around a `GlassView`). Screen readers read
+ * it as a button unless `accessibilityRole` names another role. It takes the motion props a `Box` does: `animate` a
+ * selected state's `bg`, or let it arrive with `entering`. The React Native tier: it needs no host.
  */
-export type PressableProps = ResponsiveViewSx & {
+export type PressableProps = ResponsiveViewSx & Omit<MotionProps, 'animated'> & AccessibilityProps & {
     /** The pressable content. */
     children?: ReactNode;
     /** Ignores presses: no `onPress`, no haptic, no press effect or ripple. */
@@ -21,14 +22,14 @@ export type PressableProps = ResponsiveViewSx & {
     /** Called when the press is released, after the `haptic` plays. */
     onPress?: () => void;
     /**
-     * How the content answers while it is held. `scale` springs it down to `pressedScale`, `opacity` dims it to
+     * How the content answers while it is held. `scale` eases it down to `pressedScale`, `opacity` dims it to
      * `pressedOpacity`, `none` leaves it still. `scale` on iOS and `none` on Android by default, where the ripple is the
-     * press.
+     * press. With motion reduced, `scale` dims instead: the press still shows, and nothing moves.
      */
     pressEffect?: PressEffect;
     /** What `opacity` dims to, an opacity token. `o60` by default. */
     pressedOpacity?: OpacitySize;
-    /** What `scale` springs down to. `0.96` by default. */
+    /** What `scale` eases down to. `0.96` by default: lower reads as a squash, not a press. */
     pressedScale?: number;
     /** Android's ripple: Material's pressed state layer over the content, clipped to the shape. On by default. iOS has none. */
     ripple?: boolean;

package/lib/typescript/atoms/progress/progress.types.d.ts

@@ -4,6 +4,8 @@ import type { ReactNode } from 'react';
  * value, which `ProgressView` cannot draw on iOS) / Compose's `LinearProgressIndicator` and `CircularProgressIndicator`.
  */
 export type ProgressProps = {
+    /** What is in progress, for VoiceOver and TalkBack: "Uploading". They read how far along it is themselves. */
+    accessibilityLabel?: string;
     /** A circular indicator instead of a bar. Off by default. */
     circular?: boolean;
     /** Between `0` and `1`. Leave it unset for an indeterminate indicator. */

package/lib/typescript/atoms/rn-text/rn-text.types.d.ts

@@ -1,17 +1,20 @@
-import type { ResponsiveViewSx } from '@hzblj/kara-sx';
+import type { MotionProps, ResponsiveViewSx } from '@hzblj/kara-sx';
 import type { ColorToken, TextVariant } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
-import type { TextProps as RNTextProps } from 'react-native';
+import type { TextProps as RNTextProps, StyleProp, TextStyle } from 'react-native';
+import type { AnimatedStyle } from 'react-native-reanimated';
 /**
  * React Native's `Text` in a theme typography variant: the React Native tier, for text outside a native host. It takes
  * `Box`'s `sx` surface for its own box (margins, flex, padding, a background), all but `align`, which here aligns the
- * lines.
+ * lines, and the motion props a `Box` takes: `entering="fadeUp"` makes it an `Animated.Text` by itself.
  */
-export type RnTextProps = Omit<RNTextProps, 'style'> & Omit<ResponsiveViewSx, 'align'> & {
+export type RnTextProps = Omit<RNTextProps, 'style'> & MotionProps & Omit<ResponsiveViewSx, 'align'> & {
     /** Horizontal alignment, as React Native's `textAlign`. */
     align?: 'center' | 'left' | 'right';
     /** The text's colour. `content.primary` by default. */
     color?: ColorToken;
+    /** Goes last, over the variant and the `sx`: an animated style from `useAnimatedStyle`, which it renders through Reanimated for. */
+    style?: StyleProp<AnimatedStyle<TextStyle>>;
     /** The typography variant. `body` by default. */
     variant?: TextVariant;
 };

package/lib/typescript/atoms/skeleton/skeleton.types.d.ts

@@ -2,8 +2,9 @@ import type { SxDimension } from '@hzblj/kara-sx';
 import type { RadiiSize } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
 /**
- * A loading placeholder that pulses in `fill.quaternary`. It is a React Native view, so it needs no host. Sized with
- * the `sx` names: `w`, `h`, `borderRadius`.
+ * A loading placeholder that pulses in `fill.quaternary`, and holds still with motion reduced. Hidden from screen
+ * readers: what is loading is for the screen to say. It is a React Native view, so it needs no host. Sized with the
+ * `sx` names: `w`, `h`, `borderRadius`.
  */
 export type SkeletonProps = {
     /** The corner radius. `small` by default. */

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

@@ -0,0 +1,2 @@
+export * from './stagger';
+export * from './stagger.types';

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

@@ -0,0 +1,2 @@
+import type { StaggerComponent } from './stagger.types';
+export declare const Stagger: StaggerComponent;

package/lib/typescript/atoms/stagger/stagger.types.d.ts

@@ -0,0 +1,32 @@
+import type { MotionPreset, MotionPresetConfig, ResponsiveViewSx } from '@hzblj/kara-sx';
+import type { DurationSize, SpringName } from '@hzblj/kara-theme';
+import type { ReactNode } from 'react';
+/** A preset by name, or one adjusted: `{preset: 'fadeUp', duration: 'slow'}`. Its `delay` is where the first one starts. */
+export type StaggerMotion = MotionPreset | MotionPresetConfig;
+/**
+ * A `Box` whose children arrive one after another: each takes `entering` a step later than the one before. Children
+ * that arrive together are staggered among themselves, the first ones as much as a later batch (the next page of a
+ * list), while a single child added later arrives at once. A `Box`, `RnText` or `Pressable` child takes the motion
+ * itself; any other child is wrapped in a `Box` that does. With motion reduced every child fades, still one after
+ * another. The React Native tier: it needs no host.
+ */
+export type StaggerProps = ResponsiveViewSx & {
+    /** What arrives. A child with an `entering` preset of its own keeps it and only takes the delay. */
+    children?: ReactNode;
+    /** How each child arrives. `fadeUp` by default. */
+    entering?: StaggerMotion;
+    /** How a child leaves when it is removed. They leave together, not one after another; none by default. */
+    exiting?: StaggerMotion;
+    /** Which end arrives first. `start` by default. */
+    from?: 'end' | 'start';
+    /** The step between one child and the next, a duration token. `stagger` (40 ms) by default, `micro` for a slower one. */
+    interval?: DurationSize;
+    /**
+     * Moves the other children into place when one arrives or leaves, and the stagger itself to its new size: `true` on
+     * the `smooth` spring, or a spring token. Off by default. Give what sits after it `layout` too, so it follows.
+     */
+    layout?: boolean | SpringName;
+    /** Test identifier, forwarded to the view. */
+    testID?: string;
+};
+export type StaggerComponent = (props: StaggerProps) => ReactNode;

package/lib/typescript/atoms/surface/surface.types.d.ts

@@ -1,10 +1,10 @@
-import type { ResponsiveSx } from '@hzblj/kara-sx';
+import type { AccessibilityProps, ResponsiveSx } from '@hzblj/kara-sx';
 import type { ReactNode } from 'react';
 /**
  * A container on `surface.primary`, padded `s16` and rounded `large` unless told otherwise: a SwiftUI `VStack` on
  * iOS, Material's `Surface` around a `Column` on Android.
  */
-export type SurfaceProps = ResponsiveSx & {
+export type SurfaceProps = ResponsiveSx & AccessibilityProps & {
     /** Stacked vertically, from the leading edge. */
     children?: ReactNode;
     /** iOS wraps the content in a `GlassEffectContainer`; Android raises it to a tonal elevation of `3`. */

package/lib/typescript/atoms/text/text.types.d.ts

@@ -1,4 +1,4 @@
-import type { ResponsiveSx } from '@hzblj/kara-sx';
+import type { AccessibilityProps, ResponsiveSx } from '@hzblj/kara-sx';
 import type { ColorToken, TextVariant } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
 export type TextAlign = 'center' | 'left' | 'right';
@@ -9,7 +9,7 @@ export type TextTransform = 'lowercase' | 'uppercase';
  * the native `sx` surface too: padding, a frame (`wide` lines it up by `align`), a background, and the `ios` bucket's
  * `contentTransition`, `animation` and `monospacedDigit` for a number that changes in place.
  */
-export type TextProps = ResponsiveSx & {
+export type TextProps = ResponsiveSx & AccessibilityProps & {
     /**
      * How its lines align. iOS reads `left` and `right` as leading and trailing, so they flip in a right-to-left
      * layout; Android keeps them as they are.

package/lib/typescript/atoms/v-stack/v-stack.types.d.ts

@@ -1,16 +1,16 @@
-import type { ResponsiveSx } from '@hzblj/kara-sx';
+import type { AccessibilityProps, ResponsiveSx } from '@hzblj/kara-sx';
 import type { SpaceSize } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
 export type VStackAlign = 'center' | 'end' | 'start';
 /** Stacks its children top to bottom: SwiftUI `VStack` / Compose `Column`. */
-export type VStackProps = ResponsiveSx & {
+export type VStackProps = ResponsiveSx & AccessibilityProps & {
     /** The children's horizontal alignment. `start` by default. */
     align?: VStackAlign;
     /** Laid out top to bottom, `spacing` apart. */
     children?: ReactNode;
     /**
      * Makes the whole stack pressable. iOS adds a tap gesture with no press feedback; Android a `clickable` whose ripple
-     * fills the stack's shape.
+     * fills the stack's shape. Screen readers then read the stack as one button.
      */
     onPress?: () => void;
     /** The space between children. */

package/lib/typescript/atoms/z-stack/z-stack.types.d.ts

@@ -1,15 +1,15 @@
-import type { ResponsiveSx } from '@hzblj/kara-sx';
+import type { AccessibilityProps, ResponsiveSx } from '@hzblj/kara-sx';
 import type { ReactNode } from 'react';
 export type ZStackAlign = 'bottom' | 'center' | 'top';
 /** Layers its children on one another: SwiftUI `ZStack` / Compose `Box`. */
-export type ZStackProps = ResponsiveSx & {
+export type ZStackProps = ResponsiveSx & AccessibilityProps & {
     /** Where the children sit vertically; they are always centred horizontally. `center` by default. */
     align?: ZStackAlign;
     /** Drawn in order, the last on top. */
     children?: ReactNode;
     /**
      * Makes the whole stack pressable. iOS adds a tap gesture with no press feedback; Android a `clickable` whose ripple
-     * fills the stack's shape.
+     * fills the stack's shape. Screen readers then read the stack as one button.
      */
     onPress?: () => void;
     /** Test identifier, forwarded to the native view. */

package/lib/typescript/glyph/glyph.types.d.ts

@@ -6,6 +6,8 @@ import type { ReactNode } from 'react';
  * their own icons with `Icon` / `RnIcon`.
  */
 export type GlyphProps = {
+    /** What a screen reader says. Unset, the glyph is decorative and hidden from it. */
+    accessibilityLabel?: string;
     color?: ColorToken;
     name: GlyphName;
     size?: SpaceSize;

package/lib/typescript/molecules/labeled-content/labeled-content.types.d.ts

@@ -1,11 +1,13 @@
+import type { AccessibilityProps } from '@hzblj/kara-sx';
 import type { SpaceSize } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
 import type { IconName } from '../../atoms/icon';
 /**
  * A label on the leading edge and its value on the trailing edge: the settings/detail row.
- * Pass `children` instead of `value` when the trailing side is a control rather than text.
+ * Pass `children` instead of `value` when the trailing side is a control rather than text. With a `value`, screen
+ * readers read the row as one element ("Version, 2.4"); with a control, the control stays its own.
  */
-export type LabeledContentProps = {
+export type LabeledContentProps = AccessibilityProps & {
     /** The trailing side when it is a control, in place of `value`. */
     children?: ReactNode;
     /** One of the app's icons, before the label, in the secondary colour. */

package/lib/typescript/molecules/link/link.types.d.ts

@@ -1,8 +1,9 @@
+import type { AccessibilityProps } from '@hzblj/kara-sx';
 import type { ColorToken, TextVariant } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
 import type { IconName } from '../../atoms/icon';
 /** Opens an external URL in the platform browser or the app that claims the scheme. */
-export type LinkProps = {
+export type LinkProps = AccessibilityProps & {
     /** Colours the label and the icon. `content.accent` by default. */
     color?: ColorToken;
     /** One of the app's icons, before the label. */

package/lib/typescript/molecules/list-item/list-item.types.d.ts

@@ -1,11 +1,13 @@
+import type { AccessibilityProps } from '@hzblj/kara-sx';
 import type { SpaceSize } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
 import type { IconName } from '../../atoms/icon';
 /**
- * A row with an optional icon, a title and subtitle, and a chevron when it can be pressed. A native atom: it renders
- * inside `<Screen>` or `<Island>`; `RnListItem` is the same row without a host.
+ * A row with an optional icon, a title and subtitle, and a chevron when it can be pressed. Screen readers read it as one
+ * element (a button when it is pressable). A native atom: it renders inside `<Screen>` or `<Island>`; `RnListItem` is
+ * the same row without a host.
  */
-export type ListItemProps = {
+export type ListItemProps = AccessibilityProps & {
     /** One of the app's icons, before the title, in the secondary colour. */
     icon?: IconName;
     /** Makes the row pressable and adds a chevron on the trailing edge. */

package/lib/typescript/molecules/stepper/stepper.ios.d.ts

@@ -2,6 +2,6 @@ import type { StepperComponent } from './stepper.types';
 /**
  * SwiftUI's `Stepper` at the end of a row, the label leading and the value just before the control — the way iOS's own
  * settings show a stepped value. The value rolls to the next one (`numericText`), up or down with the change, in
- * monospaced digits so the row does not jump.
+ * monospaced digits so the row does not jump. With motion reduced it cross-fades instead.
  */
 export declare const Stepper: StepperComponent;

package/lib/typescript/organisms/fab-menu/fab-menu.types.d.ts

@@ -7,6 +7,11 @@ import type { MenuAction } from '../menu';
  * label of a SwiftUI `Menu`. A native atom: it renders inside `<Screen>` or `<Island>`.
  */
 export type FabMenuProps = {
+    /**
+     * What VoiceOver and TalkBack say for the button, since an icon has no words of its own: "Create". Required for that
+     * reason.
+     */
+    accessibilityLabel: string;
     /** The actions the button unfolds into. */
     actions: MenuAction[];
     /** The closed button's icon, one of the app's. A plus by default. */

package/lib/typescript/organisms/snackbar/snackbar.types.d.ts

@@ -1,16 +1,47 @@
+import type { SxEntryExit } from '@hzblj/kara-sx';
+import type { SpaceSize } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
+/** How it comes and goes. */
+export type SnackbarAnimation = 'fade' | 'scale' | 'slide';
+/** How long it stays: Material's short (4 s) and long (10 s), never, or a number of milliseconds. */
+export type SnackbarDuration = 'indefinite' | 'long' | 'short' | number;
+/** The edge of its parent it sits on. */
+export type SnackbarPosition = 'bottom' | 'top';
 /**
- * A short message laid over the bottom of its parent, with an optional action. The React Native tier, drawn the same on
- * both platforms: it needs no host, and it never hides itself.
+ * A short message laid over an edge of its parent, with an optional action at its trailing end. The React Native tier,
+ * drawn the same on both platforms (iOS has no snackbar of its own), so it needs no host. Material's options are all
+ * here: a duration, a dismiss button, the action on a line of its own. It is announced to VoiceOver and TalkBack when
+ * it appears.
  */
 export type SnackbarProps = {
-    /** The action button's text, on the trailing side. No button without it. */
+    /** The action button's text, at the trailing end. No button without it. */
     actionLabel?: string;
+    /** Puts the action under the message, at its trailing end: Material's layout for a long message or action. */
+    actionOnNewLine?: boolean;
+    /**
+     * How it comes and goes. `scale` is Material's own (a fade and a scale from 80 %), `slide` rises from its edge as it
+     * fades in, `fade` only fades. `scale` on Android and `slide` on iOS by default. With motion reduced, it fades.
+     */
+    animation?: SnackbarAnimation;
+    /** A close button at the trailing end, Material's dismiss action; it calls `onDismiss`. */
+    dismissible?: boolean;
+    /** How long it stays up before `onDismiss` is called. `indefinite` by default: it never hides itself. */
+    duration?: SnackbarDuration;
+    /** How it arrives instead: a motion preset (`'scale'`), or Reanimated's own, e.g. `FadeInDown.springify()`. It wins over `animation`. */
+    entering?: SxEntryExit;
+    /** How it leaves instead: a motion preset, or Reanimated's own. It wins over `animation`. */
+    exiting?: SxEntryExit;
     /** The message. */
     message: string;
+    /** Between the snackbar and its edge, a space token. `s24` by default; raise it above a tab bar. */
+    offset?: SpaceSize;
     /** The action was pressed. The snackbar stays up; turn `visible` off to hide it. */
     onAction?: () => void;
-    /** Shows the snackbar while true, fading it in and out. It sets no timer of its own. */
+    /** It asks to go: its `duration` ran out, or its dismiss button was pressed. Turn `visible` off to hide it. */
+    onDismiss?: () => void;
+    /** The edge of its parent it sits on. `bottom` by default, Material's place for it. */
+    position?: SnackbarPosition;
+    /** Shows the snackbar while true, animating it in and out. */
     visible: boolean;
 };
 export type SnackbarComponent = (props: SnackbarProps) => ReactNode;