pixelize-native-library 1.0.6

package/lib/module/modules/select/Select.js

@@ -0,0 +1,178 @@
+"use strict";
+
+/**
+ * Select — a trigger styled like an Input box (same size/border/focus-ring conventions) that opens
+ * an option list in React Native's OWN `Modal`. Imported directly from `"react-native"` here on
+ * purpose: this module must never depend on the library's own `Modal` COMPONENT (its rendered
+ * output/behaviour) — Select still owns its option list's markup outright.
+ *
+ * The one deliberate exception is the web portal mechanism: `ModalPortalContext`/`renderWebPortal`
+ * are a plain context + a stateless helper with no React-tree footprint of their own (not the
+ * `Modal` component), so Select reads the same ones `Modal.tsx` reads to stay consistent once a
+ * consumer opts in via `ModalPortalProvider` — see `../modal/ModalPortalContext.ts`.
+ */
+
+import { memo, useContext, useState } from "react";
+import { Modal, Platform, Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
+import { useReducedMotion } from "../../core/a11y/index.js";
+import { Icon } from "../../core/icon/index.js";
+import { useTheme } from "../../theme/index.js";
+import { ModalPortalContext } from "../modal/ModalPortalContext.js";
+import { renderWebPortal } from "../modal/renderWebPortal";
+import { resolveSelectAccessibility, resolveSelectRowColors, resolveSelectTriggerColors, SELECT_ROW_ICON_SIZE, SELECT_SIZES, selectOverlayStructure, selectRowStructure, selectSheetStructure, selectTriggerStructure } from "./Select.variants.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const ICON_STROKE = 2;
+// Decorative dismiss scrim behind the sheet — a design constant, not a role token: it is neither
+// text nor an interactive boundary, so WCAG's contrast minimums don't apply to it.
+const BACKDROP_SCRIM = "#00000099";
+export const Select = /*#__PURE__*/memo(function Select({
+  options,
+  value,
+  onValueChange,
+  placeholder,
+  label,
+  disabled = false,
+  size = "md",
+  containerStyle,
+  testID
+}) {
+  const theme = useTheme();
+  const reducedMotion = useReducedMotion();
+  const portalContainer = useContext(ModalPortalContext);
+  const [open, setOpen] = useState(false);
+  const [focused, setFocused] = useState(false);
+  const spec = SELECT_SIZES[size];
+  const selectedOption = options.find(option => option.value === value);
+  const isPlaceholder = selectedOption === undefined;
+  const displayText = selectedOption?.label ?? placeholder ?? "";
+  const triggerColors = resolveSelectTriggerColors(theme.colors, focused || open);
+  const rowColors = resolveSelectRowColors(theme.colors);
+  const a11y = resolveSelectAccessibility({
+    disabled,
+    open
+  });
+  const accessibleName = label !== undefined ? displayText ? `${label}, ${displayText}` : label : undefined;
+  const openMenu = () => {
+    if (disabled) return;
+    setOpen(true);
+  };
+  const closeMenu = () => setOpen(false);
+  const selectOption = option => {
+    onValueChange(option.value);
+    closeMenu();
+  };
+  const sheet = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      testID: testID ? `${testID}-backdrop` : undefined,
+      accessible: false,
+      style: [StyleSheet.absoluteFill, {
+        backgroundColor: BACKDROP_SCRIM
+      }],
+      onPress: closeMenu
+    }), /*#__PURE__*/_jsx(View, {
+      style: selectOverlayStructure(theme),
+      pointerEvents: "box-none",
+      children: /*#__PURE__*/_jsx(View, {
+        style: [selectSheetStructure(theme), {
+          backgroundColor: theme.colors.bg.surface
+        }],
+        children: /*#__PURE__*/_jsx(ScrollView, {
+          bounces: false,
+          children: options.map(option => {
+            const selected = option.value === value;
+            return /*#__PURE__*/_jsxs(Pressable, {
+              testID: testID ? `${testID}-option-${option.value}` : undefined,
+              accessibilityRole: "menuitem",
+              accessibilityState: {
+                selected
+              },
+              onPress: () => selectOption(option),
+              style: [selectRowStructure(theme), {
+                backgroundColor: rowColors.background
+              }],
+              children: [/*#__PURE__*/_jsx(Text, {
+                numberOfLines: 1,
+                style: [theme.fontStyleForWeight(theme.fontWeights.regular), {
+                  flex: 1,
+                  fontSize: theme.fontSizes.md,
+                  color: rowColors.text
+                }],
+                children: option.label
+              }), selected && /*#__PURE__*/_jsx(Icon, {
+                name: "check",
+                size: SELECT_ROW_ICON_SIZE,
+                color: rowColors.icon,
+                strokeWidth: ICON_STROKE
+              })]
+            }, option.value);
+          })
+        })
+      })
+    })]
+  });
+
+  // Web portal opt-in — see Modal.tsx's identical branch + ModalPortalContext.ts. Every other case
+  // (native, or web with no ModalPortalProvider) renders through RN's own <Modal> below, unchanged.
+  const menu = Platform.OS === "web" && portalContainer != null ? open ? renderWebPortal(/*#__PURE__*/_jsx(View, {
+    style: StyleSheet.absoluteFill,
+    pointerEvents: "box-none",
+    children: sheet
+  }), portalContainer) : null : /*#__PURE__*/_jsx(Modal, {
+    visible: open,
+    transparent: true,
+    animationType: reducedMotion ? "none" : "fade",
+    onRequestClose: closeMenu,
+    children: sheet
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, containerStyle],
+    children: [label !== undefined && /*#__PURE__*/_jsx(Text, {
+      style: [theme.fontStyleForWeight(theme.fontWeights.medium), {
+        fontSize: theme.fontSizes.sm,
+        color: theme.colors.fg.muted,
+        marginBottom: theme.space[1]
+      }],
+      children: label
+    }), /*#__PURE__*/_jsxs(Pressable, {
+      testID: testID,
+      accessibilityRole: a11y.accessibilityRole,
+      accessibilityLabel: accessibleName,
+      accessibilityState: a11y.accessibilityState,
+      disabled: a11y.disabled,
+      onPress: openMenu,
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false),
+      hitSlop: spec.hitSlop,
+      style: [selectTriggerStructure(theme, {
+        size
+      }), {
+        backgroundColor: triggerColors.background,
+        borderColor: triggerColors.border
+      }, disabled && styles.dimmed],
+      children: [/*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: [theme.fontStyleForWeight(theme.fontWeights.regular), {
+          flexShrink: 1,
+          fontSize: spec.fontSize,
+          color: isPlaceholder ? triggerColors.placeholder : triggerColors.text
+        }],
+        children: displayText
+      }), /*#__PURE__*/_jsx(Icon, {
+        name: "chevron-down",
+        size: spec.iconSize,
+        color: triggerColors.icon,
+        strokeWidth: ICON_STROKE
+      })]
+    }), menu]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  },
+  // A disabled control is exempt from the contrast minimum (WCAG 1.4.3), so a uniform dim is correct.
+  dimmed: {
+    opacity: 0.5
+  }
+});
+//# sourceMappingURL=Select.js.map

package/lib/module/modules/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useContext","useState","Modal","Platform","Pressable","ScrollView","StyleSheet","Text","View","useReducedMotion","Icon","useTheme","ModalPortalContext","renderWebPortal","resolveSelectAccessibility","resolveSelectRowColors","resolveSelectTriggerColors","SELECT_ROW_ICON_SIZE","SELECT_SIZES","selectOverlayStructure","selectRowStructure","selectSheetStructure","selectTriggerStructure","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ICON_STROKE","BACKDROP_SCRIM","Select","options","value","onValueChange","placeholder","label","disabled","size","containerStyle","testID","theme","reducedMotion","portalContainer","open","setOpen","focused","setFocused","spec","selectedOption","find","option","isPlaceholder","undefined","displayText","triggerColors","colors","rowColors","a11y","accessibleName","openMenu","closeMenu","selectOption","sheet","children","accessible","style","absoluteFill","backgroundColor","onPress","pointerEvents","bg","surface","bounces","map","selected","accessibilityRole","accessibilityState","background","numberOfLines","fontStyleForWeight","fontWeights","regular","flex","fontSize","fontSizes","md","color","text","name","icon","strokeWidth","menu","OS","visible","transparent","animationType","onRequestClose","styles","container","medium","sm","fg","muted","marginBottom","space","accessibilityLabel","onFocus","onBlur","hitSlop","borderColor","border","dimmed","flexShrink","iconSize","create","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["modules/select/Select.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/select/Select.variants.js

@@ -0,0 +1,146 @@
+"use strict";
+
+/**
+ * Select's style + behaviour resolution — mirrors `Button.variants.ts`'s split:
+ *  - STRUCTURE (sizing/spacing off the theme scale) lives in the `createThemedVariants` resolvers
+ *    below — static per (brand, mode), registered once.
+ *  - COLOUR is resolved from the theme's ROLE colours (never a raw ramp, never a hardcoded hex) by
+ *    `resolveSelectTriggerColors` / `resolveSelectRowColors`.
+ *  - ACCESSIBILITY prop derivation is `resolveSelectAccessibility`, kept pure so the "disabled blocks
+ *    opening / expanded tracks the menu" contract is unit-testable without rendering React Native.
+ *
+ * Free of React and of any `Modal`/`Pressable` import, so the WCAG + behaviour tests import it
+ * directly (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
+ */
+
+import { createThemedVariants } from "../../core/style/index.js";
+/** Same touch-target floor as Button (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
+export const MIN_TOUCH_TARGET = 44;
+const slopFor = height => Math.max(0, Math.ceil((MIN_TOUCH_TARGET - height) / 2));
+export const SELECT_SIZES = {
+  sm: {
+    height: 32,
+    fontSize: 14,
+    iconSize: 16,
+    hitSlop: slopFor(32)
+  },
+  md: {
+    height: 40,
+    fontSize: 16,
+    iconSize: 18,
+    hitSlop: slopFor(40)
+  },
+  lg: {
+    height: 48,
+    fontSize: 18,
+    iconSize: 20,
+    hitSlop: slopFor(48)
+  }
+};
+
+/** Minimum height for an option row — a list item is still an interactive target (WCAG 2.5.8). */
+export const SELECT_ROW_MIN_HEIGHT = 44;
+
+/** The "check" glyph beside the active row. Fixed — independent of the trigger's own `size`. */
+export const SELECT_ROW_ICON_SIZE = 18;
+/**
+ * Maps trigger state onto role colours — the reason `size`/no free-form colour prop keeps this
+ * closed. `focused` covers both keyboard/AT focus and the menu being open (visually the same cue).
+ * Disabled is NOT a separate colour branch: like Button, a disabled control is exempt from the
+ * contrast minimum (WCAG 1.4.3) and is signalled by a uniform opacity dim instead.
+ */
+export function resolveSelectTriggerColors(colors, focused) {
+  return {
+    background: colors.bg.surface,
+    border: focused ? colors.border.focus : colors.border.interactive,
+    text: colors.fg.default,
+    placeholder: colors.fg.muted,
+    icon: colors.fg.muted
+  };
+}
+export function resolveSelectRowColors(colors) {
+  return {
+    background: colors.bg.surface,
+    text: colors.fg.default,
+    icon: colors.fg.default
+  };
+}
+/**
+ * Derives the trigger's accessibility surface once, purely: `expanded` tracks whether the option
+ * list is showing (WCAG 4.1.2 — a collapsible control must expose its expanded/collapsed state),
+ * and `disabled` blocks the menu from opening at all.
+ */
+export function resolveSelectAccessibility(input) {
+  const disabled = input.disabled === true;
+  return {
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled,
+      expanded: input.open
+    },
+    disabled
+  };
+}
+
+/**
+ * Structural styles only — layout, height, padding, radius, border WIDTH. No colours (tone-driven,
+ * applied inline over this), so this compiles once per theme identity via the themed resolver.
+ */
+export const selectTriggerStructure = createThemedVariants(theme => ({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    columnGap: theme.space[2],
+    borderRadius: theme.radii.base,
+    borderWidth: theme.borderWidths.thin
+  },
+  variants: {
+    size: {
+      sm: {
+        height: SELECT_SIZES.sm.height,
+        paddingHorizontal: theme.space[3]
+      },
+      md: {
+        height: SELECT_SIZES.md.height,
+        paddingHorizontal: theme.space[4]
+      },
+      lg: {
+        height: SELECT_SIZES.lg.height,
+        paddingHorizontal: theme.space[6]
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}));
+
+/** The full-screen overlay the sheet centers in. `box-none` (applied by the component) lets a tap
+ *  on its empty padding fall through to the backdrop press underneath. */
+export const selectOverlayStructure = createThemedVariants(theme => ({
+  base: {
+    flex: 1,
+    justifyContent: "center",
+    paddingHorizontal: theme.space[6]
+  }
+}));
+export const selectSheetStructure = createThemedVariants(theme => ({
+  base: {
+    borderRadius: theme.radii.base,
+    paddingVertical: theme.space[2],
+    maxHeight: 320,
+    ...theme.elevation.lg
+  }
+}));
+export const selectRowStructure = createThemedVariants(theme => ({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    minHeight: SELECT_ROW_MIN_HEIGHT,
+    columnGap: theme.space[2],
+    paddingHorizontal: theme.space[4]
+  }
+}));
+//# sourceMappingURL=Select.variants.js.map

package/lib/module/modules/select/Select.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemedVariants","MIN_TOUCH_TARGET","slopFor","height","Math","max","ceil","SELECT_SIZES","sm","fontSize","iconSize","hitSlop","md","lg","SELECT_ROW_MIN_HEIGHT","SELECT_ROW_ICON_SIZE","resolveSelectTriggerColors","colors","focused","background","bg","surface","border","focus","interactive","text","fg","default","placeholder","muted","icon","resolveSelectRowColors","resolveSelectAccessibility","input","disabled","accessibilityRole","accessibilityState","expanded","open","selectTriggerStructure","theme","base","flexDirection","alignItems","justifyContent","columnGap","space","borderRadius","radii","borderWidth","borderWidths","thin","variants","size","paddingHorizontal","defaultVariants","selectOverlayStructure","flex","selectSheetStructure","paddingVertical","maxHeight","elevation","selectRowStructure","minHeight"],"sourceRoot":"../../../../src","sources":["modules/select/Select.variants.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/select/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+/**
+ * Public surface of `pixelize-native-library/select`. Value exports and type exports are split for
+ * `verbatimModuleSyntax`. The resolvers (`resolveSelectTriggerColors`, `SELECT_SIZES`, …) stay
+ * internal — a consumer configures a Select through its props, never by importing its internals.
+ */
+
+export { Select } from "./Select.js";
+//# sourceMappingURL=index.js.map

package/lib/module/modules/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Select"],"sourceRoot":"../../../../src","sources":["modules/select/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,aAAU","ignoreList":[]}

package/lib/module/modules/skeleton/MODULE.md

@@ -0,0 +1,87 @@
+# skeleton/ — a shimmering loading placeholder box
+
+`Skeleton` stands in for content that hasn't rendered yet — a box that shimmers between two
+neutral fills. It takes no children and no interaction; it IS its own size, which is why
+`width`/`height` are dedicated props rather than something a consumer reaches for through `style`.
+
+## Files
+
+| File | Role |
+|------|------|
+| `Skeleton.tsx` | The component. Resolves size/colour/a11y, drives the `Animated` shimmer loop, `style` last. |
+| `Skeleton.variants.ts` | Pure resolvers (`resolveSkeletonSize`, `resolveSkeletonColors`, `resolveSkeletonAccessibility`) + the themed structural variant resolver `skeletonStructure`. No React. |
+| `index.ts` | Public surface: `Skeleton`, `SkeletonProps`, `SkeletonShape`. |
+| `__tests__/Skeleton.test.ts` | Pure: colour-role mapping + shimmer-visibility guard (all brands × modes), the size resolver, the a11y contract. |
+| `__tests__/Skeleton.render.test.tsx` | Render: shape scale, sizing, shimmer mounts/skips under reduced motion, decorative-vs-labelled a11y, consumer `style` applies last. |
+
+## Props
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `shape` | `rect \| circle \| text` | `rect` | Closed union — drives the corner radius only. |
+| `width` | `number` | per-shape fallback | dp. Component-owned sizing, **not** `LayoutStyle` — sizing is the point of this component. |
+| `height` | `number` | per-shape fallback | dp. `circle` mirrors whichever of `width`/`height` is given onto both axes (an unequal pair would render an ellipse). |
+| `accessibilityLabel` | `string` | — | **Optional** — see Accessibility contract below. |
+| `style` | `LayoutStyle` | — | Layout-only, outermost, applied exactly once, last. |
+| `testID` | `string` | — | The shimmer overlay (when mounted) also gets `${testID}-pulse`. |
+
+No `tone`/`color` prop: a skeleton has exactly one neutral appearance (`resolveSkeletonColors`),
+the same reasoning as `Avatar`'s and `Divider`'s colour resolvers — there is nothing for an app to
+widen.
+
+## Accessibility contract (WCAG)
+
+- **Decorative by default, same "decorative unless labelled" shape as `Avatar`.** A skeleton
+  carries no meaning of its own — it is a stand-in, not content — so when `accessibilityLabel` is
+  absent it is hidden from assistive tech via `accessibilityElementsHidden` (iOS) +
+  `importantForAccessibility="no-hide-descendants"` (Android). `resolveSkeletonAccessibility`
+  derives this purely, so the contract is unit-tested without a renderer.
+- When `accessibilityLabel` **is** given (e.g. `"Loading"`), the placeholder is exposed as one
+  `accessibilityRole="progressbar"` element carrying it, with `accessibilityState={{ busy: true }}`
+  (WCAG 1.4.1 — the loading state is announced, not left to be inferred from a box appearing on
+  screen).
+- **1.4.3 / 1.4.11** — N/A. A skeleton renders no text and draws no interactive boundary (same
+  conclusion `Divider.test.ts` documents for its own decorative colour). What IS measured: `base`
+  and `pulse` must resolve to two genuinely different colours on every brand × mode, or the shimmer
+  would be a silent no-op — asserted directly in `Skeleton.test.ts`.
+- **2.3.3 (reduced motion)** — `useReducedMotion()` gates the shimmer loop entirely. When true, the
+  `Animated` overlay is never mounted and the box renders as a static `bg.sunken` fill — never a
+  frame frozen mid-pulse.
+- **Touch target (2.5.x)** — N/A. `Skeleton` has no `onPress`.
+
+## Patterns copied from `Button`/`Avatar`
+
+1. **Structure vs colour split.** The shape's corner radius → `createThemedVariants`
+   (`skeletonStructure`, registered once per theme, plus `overflow: "hidden"` so the shimmer
+   overlay clips to it without recomputing the radius on that overlay too — safe here because,
+   unlike `Button`, nothing needs to be drawn outside this box). Colour → resolved from role tokens
+   (`resolveSkeletonColors`), applied inline.
+2. **Shimmer is one `Animated` opacity pulse over a static base fill** — the same "state layer over
+   a base" technique as `Button`'s press overlay: a `bg.sunken` box with an absolutely-positioned
+   overlay sibling whose opacity loops 0 → 1 → 0. The overlay colour is `base` composited with a
+   fixed-alpha `fg.default` (via `compositeOver`, same precedent as `Button`'s `PRESS_SCRIM_DARK`/
+   `LIGHT`) — **not** a second role lookup like `bg.raised`. Two arbitrary role rungs are not
+   guaranteed to differ enough to read as a shimmer: an earlier version used `bg.raised`, and a
+   contrast-ratio floor added to `Skeleton.test.ts` (`MIN_PULSE_CONTRAST`) caught that pair
+   collapsing to visually-indistinguishable on every brand × mode. Compositing a fixed-alpha overlay
+   makes the luminance delta a controlled constant instead of an incidental one.
+3. **Pure, testable resolvers** in `Skeleton.variants.ts` (no React) so the colour, sizing, and a11y
+   contracts are unit-tested against real palettes — never eyeballed.
+4. **Closed union only** (`shape`), `style: LayoutStyle` last and once, no `{...rest}`.
+
+## Why `width`/`height` are component-owned props, not `LayoutStyle`
+
+Every other module treats sizing as the theme's job (`size="sm" | "md" | "lg"`) and leaves `style`
+for placement only. A skeleton is different: it stands in for a specific, arbitrary piece of
+content (a 200×40 image, a 16pt text line, a 40dp avatar), so its size has no closed set of values
+to register as a themed variant. `width`/`height` are declared, component-owned props for exactly
+that reason — the same reasoning `Avatar`'s `AvatarSize` scale does NOT apply here — while `style`
+still stays layout-only, outermost, and last, for placement (margin, `alignSelf`, …).
+
+## Known gaps
+
+None — no icon, no new theme token, no new core helper needed for this component.
+
+## Performance
+
+Wrapped in `React.memo` (repo-wide re-render audit, 2026-07-17 — see root `CLAUDE.md`). No library child components or lists — nothing to memoize.

package/lib/module/modules/skeleton/Skeleton.js

@@ -0,0 +1,78 @@
+"use strict";
+
+/**
+ * Skeleton — a loading placeholder box that shimmers while the real content it stands in for is
+ * still on its way. It is its own size (`width`/`height` are component-owned props, not
+ * `LayoutStyle` — sizing IS the point of this component) and has exactly one neutral appearance:
+ * a resting `bg.sunken` fill cross-faded with a fixed-alpha `fg.default` overlay composited over it
+ * (see `resolveSkeletonColors`), pulsing on an `Animated` opacity loop. Purely decorative by default
+ * (see `Skeleton.variants.ts` →
+ * `resolveSkeletonAccessibility`, the same "decorative unless labelled" contract as `Avatar`).
+ */
+
+import { memo, useEffect, useRef } from "react";
+import { Animated, StyleSheet } from "react-native";
+import { useReducedMotion } from "../../core/a11y/index.js";
+import { useTheme } from "../../theme/index.js";
+import { resolveSkeletonAccessibility, resolveSkeletonColors, resolveSkeletonSize, skeletonStructure } from "./Skeleton.variants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const PULSE_MS = 700;
+export const Skeleton = /*#__PURE__*/memo(function Skeleton({
+  shape = "rect",
+  width,
+  height,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const reducedMotion = useReducedMotion();
+  const pulse = useRef(new Animated.Value(0)).current;
+  const size = resolveSkeletonSize(shape, width, height);
+  const colors = resolveSkeletonColors(theme.colors);
+  const a11y = resolveSkeletonAccessibility({
+    accessibilityLabel
+  });
+
+  // WCAG 2.3.3 — reduced motion skips the loop entirely; the static `base` fill below is the
+  // whole placeholder in that case, never a paused-mid-pulse frame.
+  useEffect(() => {
+    if (reducedMotion) return undefined;
+    const loop = Animated.loop(Animated.sequence([Animated.timing(pulse, {
+      toValue: 1,
+      duration: PULSE_MS,
+      useNativeDriver: true
+    }), Animated.timing(pulse, {
+      toValue: 0,
+      duration: PULSE_MS,
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [reducedMotion, pulse]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    testID: testID,
+    accessible: a11y.accessible,
+    accessibilityRole: a11y.accessibilityRole,
+    accessibilityLabel: a11y.accessibilityLabel,
+    accessibilityState: a11y.accessibilityState,
+    accessibilityElementsHidden: a11y.accessibilityElementsHidden,
+    importantForAccessibility: a11y.importantForAccessibility,
+    style: [skeletonStructure(theme, {
+      shape
+    }), {
+      width: size.width,
+      height: size.height,
+      backgroundColor: colors.base
+    }, style],
+    children: !reducedMotion && /*#__PURE__*/_jsx(Animated.View, {
+      testID: testID === undefined ? undefined : `${testID}-pulse`,
+      pointerEvents: "none",
+      style: [StyleSheet.absoluteFill, {
+        backgroundColor: colors.pulse,
+        opacity: pulse
+      }]
+    })
+  });
+});
+//# sourceMappingURL=Skeleton.js.map

package/lib/module/modules/skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useEffect","useRef","Animated","StyleSheet","useReducedMotion","useTheme","resolveSkeletonAccessibility","resolveSkeletonColors","resolveSkeletonSize","skeletonStructure","jsx","_jsx","PULSE_MS","Skeleton","shape","width","height","accessibilityLabel","style","testID","theme","reducedMotion","pulse","Value","current","size","colors","a11y","undefined","loop","sequence","timing","toValue","duration","useNativeDriver","start","stop","View","accessible","accessibilityRole","accessibilityState","accessibilityElementsHidden","importantForAccessibility","backgroundColor","base","children","pointerEvents","absoluteFill","opacity"],"sourceRoot":"../../../../src","sources":["modules/skeleton/Skeleton.tsx"],"mappings":"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","ignoreList":[]}