@cdx-ui/components 0.3.4 → 0.3.6

package/lib/module/components/Stepper/styles.js

@@ -0,0 +1,206 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { cva } from '@cdx-ui/utils';
+import { TRANSITION_COLORS } from '../../styles/constants';
+
+/** Indicator frame in px. The ring is drawn at this size around the 24px disc. */
+export const STEPPER_INDICATOR_SIZE = 34;
+export const STEPPER_RING_STROKE_WIDTH = 3;
+export function getStepperLayout(orientation, labelPlacement) {
+  if (orientation === 'vertical') {
+    return 'vertical';
+  }
+  return labelPlacement === 'bottom' ? 'horizontal-bottom' : 'horizontal-end';
+}
+
+// Horizontal layouts:
+// - `horizontal-end` (label after the indicator): steps start at their content width and every
+//   step but the last grows; that growth goes to its in-flow separator. With `labelFit: 'words'`
+//   (web, while the row fits) steps keep their min-content width so labels wrap between words;
+//   with `'shrink'` RN Web's `min-width: 0` lets them shrink further so the row never overflows.
+// - `horizontal-bottom` (label centered below): equal columns; the separator is absolute, so it
+//   never affects column layout.
+export const stepperVariants = cva([], {
+  variants: {
+    layout: {
+      vertical: 'flex-col',
+      'horizontal-end': 'w-full flex-row items-start',
+      'horizontal-bottom': 'w-full flex-row items-start'
+    }
+  },
+  defaultVariants: {
+    layout: 'vertical'
+  }
+});
+export const stepperStepVariants = cva([], {
+  variants: {
+    layout: {
+      vertical: 'flex-row',
+      'horizontal-end': 'min-w-0 flex-row items-start',
+      'horizontal-bottom': 'relative min-w-0 flex-1 basis-0 items-center'
+    },
+    isLast: {
+      true: '',
+      false: ''
+    },
+    labelFit: {
+      words: '',
+      shrink: ''
+    }
+  },
+  compoundVariants: [{
+    layout: 'horizontal-end',
+    isLast: false,
+    className: 'grow shrink basis-auto pe-2'
+  }, {
+    layout: 'horizontal-end',
+    isLast: true,
+    className: 'shrink'
+  }, {
+    layout: 'horizontal-end',
+    labelFit: 'words',
+    className: 'min-w-auto'
+  }],
+  defaultVariants: {
+    layout: 'vertical',
+    isLast: false,
+    labelFit: 'shrink'
+  }
+});
+
+// Unexported layout wrappers inside `Stepper.Step` (no `data-slot`).
+export const stepperStepMainVariants = cva(['min-w-0'], {
+  variants: {
+    layout: {
+      vertical: 'flex-1',
+      'horizontal-end': 'shrink',
+      'horizontal-bottom': 'items-center self-stretch px-2'
+    },
+    labelFit: {
+      words: '',
+      shrink: ''
+    }
+  },
+  compoundVariants: [{
+    layout: 'horizontal-end',
+    labelFit: 'words',
+    className: 'min-w-auto'
+  }],
+  defaultVariants: {
+    layout: 'vertical',
+    labelFit: 'shrink'
+  }
+});
+
+// Each layout pads the hover and press fill and cancels it with an equal negative margin, so a
+// step keeps its geometry when it becomes clickable. The 24px disc sits 5px inside its 34px
+// frame, so sides bounded by the disc get 4px and sides bounded by text get 9px; the fill then
+// looks evenly padded. Each layout aligns the trigger to its content (`self-start`, or
+// `self-center` under a centered label) so the fill hugs the indicator and label instead of
+// spanning the step. Hover, press and focus-visible use the `Tabs` hover tokens and the Forge
+// focus ring until the designer specifies clickable-step states.
+export const stepperStepTriggerVariants = cva(['rounded-md', TRANSITION_COLORS, Platform.select({
+  default: 'data-[active=true]:bg-surface-secondary-active',
+  web: ['outline-none data-[clickable=true]:cursor-pointer', 'data-[hover=true]:bg-surface-secondary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' ')
+})], {
+  variants: {
+    layout: {
+      vertical: 'flex-row items-start self-start gap-2 -my-1 -ms-1 -me-[9px] py-1 ps-1 pe-[9px]',
+      'horizontal-end': 'flex-row items-start self-start gap-2 -my-1 -ms-1 -me-[9px] py-1 ps-1 pe-[9px]',
+      'horizontal-bottom': 'min-w-0 items-center self-center gap-1 -mx-[9px] -mt-1 -mb-[9px] px-[9px] pt-1 pb-[9px]'
+    }
+  },
+  defaultVariants: {
+    layout: 'vertical'
+  }
+});
+export const stepperStepLabelVariants = cva(['min-w-0'], {
+  variants: {
+    layout: {
+      vertical: 'shrink py-[7px]',
+      'horizontal-end': 'shrink py-[7px]',
+      'horizontal-bottom': 'self-stretch'
+    },
+    labelFit: {
+      words: '',
+      shrink: ''
+    }
+  },
+  compoundVariants: [{
+    layout: 'horizontal-end',
+    labelFit: 'words',
+    className: 'min-w-auto'
+  }],
+  defaultVariants: {
+    layout: 'vertical',
+    labelFit: 'shrink'
+  }
+});
+export const stepperStepBodyVariants = cva([], {
+  variants: {
+    layout: {
+      vertical: 'ps-[42px]',
+      'horizontal-end': 'ps-[42px]',
+      'horizontal-bottom': 'self-stretch'
+    }
+  },
+  defaultVariants: {
+    layout: 'vertical'
+  }
+});
+
+// Indicator, disc, numeral and check each emit their own `data-current` because native
+// Uniwind cannot style a child from its parent's data attributes.
+export const stepperIndicatorVariants = cva(['relative size-[34px] shrink-0 items-center justify-center']);
+export const stepperIndicatorRingVariants = cva(['pointer-events-none absolute inset-0']);
+export const stepperIndicatorDiscVariants = cva(['size-6 items-center justify-center rounded-full', 'bg-surface-neutral-strong data-[current=true]:bg-surface-brand-strong']);
+export const stepperIndicatorNumeralVariants = cva(['body-sm font-medium', 'text-content-neutral-on-strong data-[current=true]:text-content-brand-on-strong']);
+export const stepperIndicatorCheckVariants = cva(['size-7 text-content-neutral data-[current=true]:text-content-brand']);
+
+// Native text alignment does not inherit from a parent `View`, so centered labels set it on
+// each text part.
+export const stepperTitleVariants = cva(['body-md text-content-secondary', 'data-[current=true]:font-medium data-[current=true]:text-content-primary'], {
+  variants: {
+    isCentered: {
+      true: 'text-center',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    isCentered: false
+  }
+});
+export const stepperDescriptionVariants = cva(['body-sm text-content-secondary'], {
+  variants: {
+    isCentered: {
+      true: 'text-center',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    isCentered: false
+  }
+});
+export const stepperContentVariants = cva(['gap-2 py-2']);
+
+// Vertical: rendered before the step's main column with zero net width, centered under the
+// 34px frame; `self-stretch` follows the title and content.
+// `horizontal-end`: in flow after the label, centered on the frame's height; it takes the
+// step's growth, and the step's `pe-2` leaves 8px before the next indicator.
+// `horizontal-bottom`: absolute from this column's center to the next one's (columns are equal
+// and have no gap), inset 25px at each end: half the 34px frame plus 8px.
+// `z-10` keeps the line above a clickable trigger's hover and press fill.
+export const stepperSeparatorVariants = cva(['z-10 bg-stroke-secondary'], {
+  variants: {
+    layout: {
+      vertical: 'relative mt-[34px] min-h-6 w-px self-stretch ms-[16.5px] -me-[17.5px]',
+      'horizontal-end': 'relative mt-[16.5px] h-px min-w-6 flex-1 ms-2',
+      'horizontal-bottom': 'absolute top-[16.5px] start-[50%] end-[-50%] h-px ms-[25px] me-[25px]'
+    }
+  },
+  defaultVariants: {
+    layout: 'vertical'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/components/Stepper/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","cva","TRANSITION_COLORS","STEPPER_INDICATOR_SIZE","STEPPER_RING_STROKE_WIDTH","getStepperLayout","orientation","labelPlacement","stepperVariants","variants","layout","vertical","defaultVariants","stepperStepVariants","isLast","true","false","labelFit","words","shrink","compoundVariants","className","stepperStepMainVariants","stepperStepTriggerVariants","select","default","web","join","stepperStepLabelVariants","stepperStepBodyVariants","stepperIndicatorVariants","stepperIndicatorRingVariants","stepperIndicatorDiscVariants","stepperIndicatorNumeralVariants","stepperIndicatorCheckVariants","stepperTitleVariants","isCentered","stepperDescriptionVariants","stepperContentVariants","stepperSeparatorVariants"],"sourceRoot":"../../../../src","sources":["components/Stepper/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Stepper/useStepperLabelFit.js

@@ -0,0 +1,18 @@
+"use strict";
+
+/**
+ * How `horizontal-end` labels give way when the row runs out of room. `'words'` keeps each
+ * step at least as wide as its longest word, so labels wrap only between words; `'shrink'` lets
+ * steps shrink below that so the row never overflows.
+ */
+
+const NATIVE_RESULT = {
+  fit: 'shrink',
+  measureRef: undefined
+};
+
+/** Native layout has no min-content sizing, so steps always shrink to fit. */
+export function useStepperLabelFit(_enabled, _count) {
+  return NATIVE_RESULT;
+}
+//# sourceMappingURL=useStepperLabelFit.js.map

package/lib/module/components/Stepper/useStepperLabelFit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NATIVE_RESULT","fit","measureRef","undefined","useStepperLabelFit","_enabled","_count"],"sourceRoot":"../../../../src","sources":["components/Stepper/useStepperLabelFit.ts"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;;AAQA,MAAMA,aAAoC,GAAG;EAAEC,GAAG,EAAE,QAAQ;EAAEC,UAAU,EAAEC;AAAU,CAAC;;AAErF;AACA,OAAO,SAASC,kBAAkBA,CAACC,QAAiB,EAAEC,MAAc,EAAyB;EAC3F,OAAON,aAAa;AACtB","ignoreList":[]}

package/lib/module/components/Stepper/useStepperLabelFit.web.js

@@ -0,0 +1,48 @@
+"use strict";
+
+import { useCallback, useEffect, useLayoutEffect, useState } from 'react';
+/**
+ * CSS flex cannot keep min-content minimums only while they fit: `min-width: auto` overflows a
+ * tight row and `min-width: 0` breaks words even when there is room. So labels start at
+ * `'words'`, and if the root then overflows they switch to `'shrink'` before paint. The decision
+ * is kept until the root's width or the step count changes.
+ */
+export function useStepperLabelFit(enabled, count) {
+  const [node, setNode] = useState(null);
+  const [width, setWidth] = useState(0);
+  const [decision, setDecision] = useState(null);
+  const key = `${String(width)}:${String(count)}`;
+  const fit = decision?.key === key ? decision.fit : 'words';
+  useEffect(() => {
+    if (!enabled || node === null || typeof ResizeObserver === 'undefined') {
+      return undefined;
+    }
+    const observer = new ResizeObserver(() => {
+      setWidth(node.clientWidth);
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [enabled, node]);
+
+  // No deps: label text can change without resizing the root, and the measurement is cheap.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useLayoutEffect(() => {
+    if (!enabled || node === null || fit !== 'words') {
+      return;
+    }
+    if (node.scrollWidth > node.clientWidth + 1) {
+      setDecision({
+        key,
+        fit: 'shrink'
+      });
+    }
+  });
+  const measureRef = useCallback(value => {
+    setNode(value);
+  }, []);
+  return {
+    fit: enabled ? fit : 'shrink',
+    measureRef: enabled ? measureRef : undefined
+  };
+}
+//# sourceMappingURL=useStepperLabelFit.web.js.map

package/lib/module/components/Stepper/useStepperLabelFit.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useLayoutEffect","useState","useStepperLabelFit","enabled","count","node","setNode","width","setWidth","decision","setDecision","key","String","fit","ResizeObserver","undefined","observer","clientWidth","observe","disconnect","scrollWidth","measureRef","value"],"sourceRoot":"../../../../src","sources":["components/Stepper/useStepperLabelFit.web.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,eAAe,EAAEC,QAAQ,QAA0B,OAAO;AAW3F;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,OAAgB,EAAEC,KAAa,EAAyB;EACzF,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGL,QAAQ,CAAqB,IAAI,CAAC;EAC1D,MAAM,CAACM,KAAK,EAAEC,QAAQ,CAAC,GAAGP,QAAQ,CAAC,CAAC,CAAC;EACrC,MAAM,CAACQ,QAAQ,EAAEC,WAAW,CAAC,GAAGT,QAAQ,CAAqB,IAAI,CAAC;EAElE,MAAMU,GAAG,GAAG,GAAGC,MAAM,CAACL,KAAK,CAAC,IAAIK,MAAM,CAACR,KAAK,CAAC,EAAE;EAC/C,MAAMS,GAAoB,GAAGJ,QAAQ,EAAEE,GAAG,KAAKA,GAAG,GAAGF,QAAQ,CAACI,GAAG,GAAG,OAAO;EAE3Ed,SAAS,CAAC,MAAM;IACd,IAAI,CAACI,OAAO,IAAIE,IAAI,KAAK,IAAI,IAAI,OAAOS,cAAc,KAAK,WAAW,EAAE;MACtE,OAAOC,SAAS;IAClB;IACA,MAAMC,QAAQ,GAAG,IAAIF,cAAc,CAAC,MAAM;MACxCN,QAAQ,CAACH,IAAI,CAACY,WAAW,CAAC;IAC5B,CAAC,CAAC;IACFD,QAAQ,CAACE,OAAO,CAACb,IAAI,CAAC;IACtB,OAAO,MAAMW,QAAQ,CAACG,UAAU,CAAC,CAAC;EACpC,CAAC,EAAE,CAAChB,OAAO,EAAEE,IAAI,CAAC,CAAC;;EAEnB;EACA;EACAL,eAAe,CAAC,MAAM;IACpB,IAAI,CAACG,OAAO,IAAIE,IAAI,KAAK,IAAI,IAAIQ,GAAG,KAAK,OAAO,EAAE;MAChD;IACF;IACA,IAAIR,IAAI,CAACe,WAAW,GAAGf,IAAI,CAACY,WAAW,GAAG,CAAC,EAAE;MAC3CP,WAAW,CAAC;QAAEC,GAAG;QAAEE,GAAG,EAAE;MAAS,CAAC,CAAC;IACrC;EACF,CAAC,CAAC;EAEF,MAAMQ,UAAU,GAAGvB,WAAW,CAAqBwB,KAAK,IAAK;IAC3DhB,OAAO,CAACgB,KAAsC,CAAC;EACjD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAET,GAAG,EAAEV,OAAO,GAAGU,GAAG,GAAG,QAAQ;IAAEQ,UAAU,EAAElB,OAAO,GAAGkB,UAAU,GAAGN;EAAU,CAAC;AACxF","ignoreList":[]}

package/lib/module/components/Stepper/useStepperRingColors.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { useCSSVariable } from 'uniwind';
+
+/** Light-theme fallbacks when Uniwind CSS context is unavailable (e.g. Jest). */
+const FALLBACKS = {
+  track: '#e9e9e9',
+  brand: '#346099',
+  neutral: '#616263'
+};
+function toColor(value, fallback) {
+  if (typeof value === 'string' && value.length > 0) {
+    return value;
+  }
+  return fallback;
+}
+
+/** Ring stroke colors for `Stepper.Indicator`: brand on the current step, neutral otherwise. */
+export function useStepperRingColors(isCurrent) {
+  const trackToken = useCSSVariable('--color-stroke-secondary');
+  const brandToken = useCSSVariable('--color-surface-brand-strong');
+  const neutralToken = useCSSVariable('--color-surface-neutral-strong');
+  return {
+    track: toColor(trackToken, FALLBACKS.track),
+    indicator: isCurrent ? toColor(brandToken, FALLBACKS.brand) : toColor(neutralToken, FALLBACKS.neutral)
+  };
+}
+//# sourceMappingURL=useStepperRingColors.js.map

package/lib/module/components/Stepper/useStepperRingColors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCSSVariable","FALLBACKS","track","brand","neutral","toColor","value","fallback","length","useStepperRingColors","isCurrent","trackToken","brandToken","neutralToken","indicator"],"sourceRoot":"../../../../src","sources":["components/Stepper/useStepperRingColors.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,SAAS;;AAExC;AACA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE;AACX,CAAU;AAEV,SAASC,OAAOA,CAACC,KAAkC,EAAEC,QAAgB,EAAU;EAC7E,IAAI,OAAOD,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,MAAM,GAAG,CAAC,EAAE;IACjD,OAAOF,KAAK;EACd;EACA,OAAOC,QAAQ;AACjB;;AAEA;AACA,OAAO,SAASE,oBAAoBA,CAACC,SAAkB,EAAE;EACvD,MAAMC,UAAU,GAAGX,cAAc,CAAC,0BAA0B,CAAC;EAC7D,MAAMY,UAAU,GAAGZ,cAAc,CAAC,8BAA8B,CAAC;EACjE,MAAMa,YAAY,GAAGb,cAAc,CAAC,gCAAgC,CAAC;EAErE,OAAO;IACLE,KAAK,EAAEG,OAAO,CAACM,UAAU,EAAEV,SAAS,CAACC,KAAK,CAAC;IAC3CY,SAAS,EAAEJ,SAAS,GAChBL,OAAO,CAACO,UAAU,EAAEX,SAAS,CAACE,KAAK,CAAC,GACpCE,OAAO,CAACQ,YAAY,EAAEZ,SAAS,CAACG,OAAO;EAC7C,CAAC;AACH","ignoreList":[]}

package/lib/module/components/SystemAlert/animation.js

@@ -0,0 +1,213 @@
+"use strict";
+
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { Platform, useWindowDimensions } from 'react-native';
+import { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { scheduleOnRN } from 'react-native-worklets';
+import { useCombinedAnimationDisabledState } from '../../animation';
+
+// No motion spec exists for SystemAlert; these mirror FullScreenDialog's surface motion.
+export const SYSTEM_ALERT_ENTER_MS = 300;
+export const SYSTEM_ALERT_EXIT_MS = 220;
+/** Unmounts an exiting web surface when `transitionend` never fires (reduced motion, hidden tab). */
+export const SYSTEM_ALERT_WEB_SAFETY_MS = SYSTEM_ALERT_EXIT_MS + 100;
+const ENTER_TIMING = {
+  duration: SYSTEM_ALERT_ENTER_MS,
+  easing: Easing.bezier(0.32, 0.72, 0, 1)
+};
+const EXIT_TIMING = {
+  duration: SYSTEM_ALERT_EXIT_MS,
+  easing: Easing.bezier(0.4, 0, 1, 1)
+};
+
+/**
+ * `entering` and `exiting` exist only while motion runs. With motion off, `isOpen`
+ * moves straight between `open` and `closed`.
+ */
+
+/** Web `data-state`. `exiting` maps to `closed`, as in Dialog and FullScreenDialog. */
+
+/**
+ * Presence lifecycle and contact-push motion for an in-flow SystemAlert. One value, the
+ * surface's bottom edge `b`, is driven; the wrapper's height is `max(collapsedHeight, b)`,
+ * so content below only moves once the surface leaves the reserved strip.
+ *
+ * Web runs the same lifecycle on CSS transitions keyed on `data-state` instead of Reanimated:
+ * `entering` → (rAF) → `open`, and `closed` → `transitionend` on the wrapper's `height`, or a
+ * safety timer → unmount. The inset is 0 there, so the wrapper's height is `b`, and the surface,
+ * aligned to the wrapper's bottom edge, follows the same transition.
+ */
+export function useSystemAlertPresence({
+  isOpen,
+  animation,
+  collapsedHeight
+}) {
+  const isWeb = Platform.OS === 'web';
+  const isAllAnimationsDisabled = useCombinedAnimationDisabledState(animation);
+  const hasMotion = !isAllAnimationsDisabled;
+  const [phase, setPhase] = useState(isOpen ? 'open' : 'closed');
+  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);
+  if (isOpen !== prevIsOpen) {
+    setPrevIsOpen(isOpen);
+    if (isOpen) {
+      setPhase(hasMotion ? 'entering' : 'open');
+    } else {
+      setPhase(hasMotion ? 'exiting' : 'closed');
+    }
+  }
+  const edge = useSharedValue(0);
+  const surfaceHeight = useSharedValue(0);
+  const isSettled = useSharedValue(isOpen);
+  const [webSurfaceHeight, setWebSurfaceHeight] = useState(0);
+  const wrapperRef = useRef(null);
+
+  // Read by the surface's layout callbacks, which run before this hook's own effects.
+  const phaseRef = useRef(phase);
+  phaseRef.current = phase;
+  // The JS-side copy of `surfaceHeight`. A shared value read on the JS thread right after a
+  // JS write can still return the old value, which would start the first enter toward 0.
+  const surfaceHeightRef = useRef(0);
+  const settle = useCallback((from, to) => {
+    setPhase(current => current === from ? to : current);
+  }, []);
+
+  // `withTiming` starts from the current edge, so a reversal continues from where it is.
+  const startEnter = useCallback(() => {
+    edge.set(withTiming(surfaceHeightRef.current, ENTER_TIMING, finished => {
+      'worklet';
+
+      if (finished) scheduleOnRN(settle, 'entering', 'open');
+    }));
+  }, [edge, settle]);
+  const setSurfaceHeight = useCallback(height => {
+    if (height <= 0) return;
+    if (isWeb) {
+      setWebSurfaceHeight(height);
+      return;
+    }
+    if (height === surfaceHeightRef.current) return;
+    surfaceHeightRef.current = height;
+    surfaceHeight.set(height);
+    if (phaseRef.current === 'open') {
+      edge.set(height);
+    } else if (phaseRef.current === 'entering') {
+      startEnter();
+    }
+  }, [isWeb, edge, surfaceHeight, startEnter]);
+
+  // A layout effect so the surface's synchronous measurement (a child effect) has already
+  // run and the first animated frame targets the measured height. Without one, `onLayout`
+  // starts the enter through `setSurfaceHeight`.
+  useLayoutEffect(() => {
+    if (isWeb) return;
+    switch (phase) {
+      case 'open':
+        edge.set(surfaceHeightRef.current);
+        isSettled.set(true);
+        break;
+      case 'closed':
+        isSettled.set(false);
+        edge.set(0);
+        break;
+      case 'entering':
+        isSettled.set(false);
+        if (surfaceHeightRef.current > 0) startEnter();
+        break;
+      case 'exiting':
+        isSettled.set(false);
+        edge.set(withTiming(0, EXIT_TIMING, finished => {
+          'worklet';
+
+          if (finished) scheduleOnRN(settle, 'exiting', 'closed');
+        }));
+        break;
+    }
+  }, [isWeb, phase, edge, isSettled, startEnter, settle]);
+
+  // One frame at `entering` (height 0, surface above the clip) so the browser has a start
+  // value to transition from.
+  useEffect(() => {
+    if (!isWeb || phase !== 'entering') return;
+    const frame = requestAnimationFrame(() => {
+      settle('entering', 'open');
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [isWeb, phase, settle]);
+  useEffect(() => {
+    if (!isWeb || phase !== 'exiting') return;
+    const node = wrapperRef.current;
+    const finish = () => {
+      settle('exiting', 'closed');
+    };
+    const safetyTimer = setTimeout(finish, SYSTEM_ALERT_WEB_SAFETY_MS);
+    if (typeof node?.addEventListener !== 'function') {
+      return () => clearTimeout(safetyTimer);
+    }
+
+    // The surface's own `transform` transition bubbles here too.
+    const handleTransitionEnd = event => {
+      if (event.target !== node) return;
+      if (event.propertyName === 'height') finish();
+    };
+    node.addEventListener('transitionend', handleTransitionEnd);
+    return () => {
+      clearTimeout(safetyTimer);
+      node.removeEventListener('transitionend', handleTransitionEnd);
+    };
+  }, [isWeb, phase, settle]);
+
+  // CSS cannot transition to `auto`, so a moving wrapper gets the measured px height.
+  // Before the first measurement (or with motion off) it sizes to its content; `auto` → px
+  // does not transition, so a banner shown on first render does not animate.
+  let webWrapperHeight;
+  if (isWeb && hasMotion) {
+    webWrapperHeight = phase === 'open' ? webSurfaceHeight || undefined : 0;
+  }
+
+  // Explicit deps for Vite/web without the Reanimated Babel plugin.
+  const wrapperStyle = useAnimatedStyle(() => ({
+    height: isSettled.get() ? 'auto' : Math.max(collapsedHeight, edge.get())
+  }), [isSettled, edge, collapsedHeight]);
+  return {
+    phase,
+    isSurfaceMounted: phase !== 'closed',
+    wrapperStyle,
+    setSurfaceHeight,
+    edge,
+    surfaceHeight,
+    isSettled,
+    webState: isWeb ? phase === 'exiting' ? 'closed' : phase : undefined,
+    webWrapperHeight,
+    wrapperRef
+  };
+}
+
+/**
+ * The surface's slide, `translateY = b − H`. Call it from a component that mounts with the
+ * surface: Reanimated computes the initial style once, on the hook's first render.
+ */
+export function useSystemAlertSurfaceStyle({
+  edge,
+  surfaceHeight,
+  isSettled
+}) {
+  const {
+    height: windowHeight
+  } = useWindowDimensions();
+
+  // Explicit deps for Vite/web without the Reanimated Babel plugin.
+  return useAnimatedStyle(() => {
+    const height = surfaceHeight.get();
+    let translateY = 0;
+    if (!isSettled.get()) {
+      // Before the first measurement, park the surface above the clip.
+      translateY = height > 0 ? edge.get() - height : -windowHeight;
+    }
+    return {
+      transform: [{
+        translateY
+      }]
+    };
+  }, [edge, surfaceHeight, isSettled, windowHeight]);
+}
+//# sourceMappingURL=animation.js.map

package/lib/module/components/SystemAlert/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useLayoutEffect","useRef","useState","Platform","useWindowDimensions","Easing","useAnimatedStyle","useSharedValue","withTiming","scheduleOnRN","useCombinedAnimationDisabledState","SYSTEM_ALERT_ENTER_MS","SYSTEM_ALERT_EXIT_MS","SYSTEM_ALERT_WEB_SAFETY_MS","ENTER_TIMING","duration","easing","bezier","EXIT_TIMING","useSystemAlertPresence","isOpen","animation","collapsedHeight","isWeb","OS","isAllAnimationsDisabled","hasMotion","phase","setPhase","prevIsOpen","setPrevIsOpen","edge","surfaceHeight","isSettled","webSurfaceHeight","setWebSurfaceHeight","wrapperRef","phaseRef","current","surfaceHeightRef","settle","from","to","startEnter","set","finished","setSurfaceHeight","height","frame","requestAnimationFrame","cancelAnimationFrame","node","finish","safetyTimer","setTimeout","addEventListener","clearTimeout","handleTransitionEnd","event","target","propertyName","removeEventListener","webWrapperHeight","undefined","wrapperStyle","get","Math","max","isSurfaceMounted","webState","useSystemAlertSurfaceStyle","windowHeight","translateY","transform"],"sourceRoot":"../../../../src","sources":["components/SystemAlert/animation.ts"],"mappings":"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","ignoreList":[]}