melta-app 0.1.0

package/lib/module/components/Modal.js

@@ -0,0 +1,95 @@
+"use strict";
+
+/**
+ * Modal — フォーカストラップとバックドロップを備えたモーダルダイアログ。
+ * contract: modal（feedback）。RN core Modal（transparent + fade）に overlay + panel を載せる。
+ *
+ * - variant（confirmation/form/alert）は意味分類で style は共通（contract / recipe と同じ）。
+ * - size は panel の maxWidth（タブレット以上で効く。モバイルは width 100% - overlay padding が先）。
+ * - 契約の対応物: focus trap → accessibilityViewIsModal（iOS のフォーカス閉じ込め）、
+ *   Escape → Android back（onRequestClose）、open/closing state → RN Modal の visible + animationType。
+ * - overlay tap で閉じる（MODAL_OVERLAY_REQUIRED）。panel 側は onStartShouldSetResponder で
+ *   touch を claim し、overlay への伝播を止める（panel 内 tap では閉じない）。
+ * - title 行の右端に閉じるボタン「×」（MODAL_CLOSE_REQUIRED、accessibilityLabel="閉じる"）。
+ *   title は melta の Text ではなく titleStyle 直（recipe が typography を持つ）。
+ * - style の決定は pure resolver（modal.styles.ts）に分離 — recipe との機械照合対象。
+ *   title 行の row layout と × の見た目は recipe 外の構造 glue（token 経由で解決）。
+ */
+
+import { useMemo } from "react";
+import { Modal as RNModal, Pressable, Text as RNText, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { resolveModalStyle } from "./modal.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Modal({
+  visible,
+  onClose,
+  title,
+  variant = "confirmation",
+  size = "medium",
+  footer,
+  testID,
+  children
+}) {
+  const {
+    theme,
+    mode,
+    colors
+  } = useTheme();
+  const styles = useMemo(() => resolveModalStyle(theme, mode, {
+    variant,
+    size
+  }), [theme, mode, variant, size]);
+  return /*#__PURE__*/_jsx(RNModal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    children: /*#__PURE__*/_jsx(Pressable, {
+      style: styles.overlayStyle,
+      onPress: onClose,
+      accessible: false,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.panelStyle, styles.panelElevation],
+        accessibilityViewIsModal: true,
+        onStartShouldSetResponder: () => true,
+        testID: testID,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: "row",
+            alignItems: "flex-start"
+          },
+          children: [/*#__PURE__*/_jsx(RNText, {
+            style: [styles.titleStyle, {
+              flex: 1
+            }],
+            accessibilityRole: "header",
+            children: title
+          }), /*#__PURE__*/_jsx(Pressable, {
+            onPress: onClose,
+            accessibilityRole: "button",
+            accessibilityLabel: "\u9589\u3058\u308B",
+            hitSlop: theme.spacing["2"],
+            children: /*#__PURE__*/_jsx(RNText, {
+              style: {
+                fontSize: theme.typography.fontSize.xl.fontSize,
+                color: colors["text-muted"]
+              },
+              children: "\xD7"
+            })
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.bodyStyle,
+          children: children
+        }), footer != null && /*#__PURE__*/_jsx(View, {
+          style: styles.footerStyle,
+          children: footer
+        })]
+      })
+    })
+  });
+}
+Modal.__contract = CONTRACTS.modal;
+//# sourceMappingURL=Modal.js.map

package/lib/module/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Modal","RNModal","Pressable","Text","RNText","View","useTheme","CONTRACTS","resolveModalStyle","jsx","_jsx","jsxs","_jsxs","visible","onClose","title","variant","size","footer","testID","children","theme","mode","colors","styles","transparent","animationType","onRequestClose","statusBarTranslucent","style","overlayStyle","onPress","accessible","panelStyle","panelElevation","accessibilityViewIsModal","onStartShouldSetResponder","flexDirection","alignItems","titleStyle","flex","accessibilityRole","accessibilityLabel","hitSlop","spacing","fontSize","typography","xl","color","bodyStyle","footerStyle","__contract","modal"],"sourceRoot":"../../../src","sources":["components/Modal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Progress.js

@@ -0,0 +1,113 @@
+"use strict";
+
+/**
+ * Progress — リニアプログレスバー（feedback）。contract: progress。
+ * track の中を fill が value%（determinate）または往復アニメ（indeterminate variant）で埋める。
+ *
+ * - variant: primary / success（determinate、value 0〜100 を clamp）/ indeterminate（幅 40% の fill を
+ *   Animated.loop の translateX 往復で流す。duration は theme.motion.duration.slow 基準）。
+ * - MOTION_REDUCED_MOTION_REQUIRED（contract rule）: AccessibilityInfo.isReduceMotionEnabled() を
+ *   初期読取り + reduceMotionChanged 購読で追従し、reduce motion 時は indeterminate のアニメを
+ *   止めて静止 40% にする。translateX は 0 初期化なので同期起動でも一瞬動く事故は無い
+ *   （Skeleton の順序ハザード対策と同趣旨）。
+ * - a11y: accessibilityRole="progressbar" + accessibilityValue {min:0, max:100, now}
+ *   （indeterminate は now を渡さない）+ accessibilityLabel=label（契約 required）。
+ * - 色・寸法の決定は pure resolver（progress.styles.ts）に分離。track の semantic 色は dark 側解決。
+ *   recipes/app/progress.recipe.json との機械照合は scripts/lib/progress-conformance.test.ts が行う。
+ */
+
+import { useEffect, useMemo, useRef, useState } from "react";
+import { AccessibilityInfo, Animated, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { PROGRESS_INDETERMINATE_FILL_RATIO, clampProgressValue, resolveProgressStyles } from "./progress.styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Progress({
+  variant = "primary",
+  value,
+  label,
+  style,
+  testID
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const styles = useMemo(() => resolveProgressStyles(theme, mode, variant), [theme, mode, variant]);
+  const indeterminate = variant === "indeterminate";
+  const clamped = clampProgressValue(value ?? 0);
+
+  // indeterminate の往復アニメ: 0〜1 の進行値を track 実測幅で translateX に interpolate する。
+  const progress = useRef(new Animated.Value(0)).current;
+  const [trackWidth, setTrackWidth] = useState(0);
+  const [reduceMotion, setReduceMotion] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    AccessibilityInfo.isReduceMotionEnabled().then(enabled => {
+      if (!cancelled) setReduceMotion(enabled);
+    });
+    const sub = AccessibilityInfo.addEventListener("reduceMotionChanged", setReduceMotion);
+    return () => {
+      cancelled = true;
+      sub.remove();
+    };
+  }, []);
+  useEffect(() => {
+    // reduce motion ON / determinate / 幅未計測 → アニメ無し（fill は左端 40% で静止）。
+    if (!indeterminate || reduceMotion || trackWidth <= 0) {
+      progress.setValue(0);
+      return;
+    }
+    const duration = theme.motion.duration.slow;
+    const loop = Animated.loop(Animated.sequence([Animated.timing(progress, {
+      toValue: 1,
+      duration,
+      useNativeDriver: true
+    }), Animated.timing(progress, {
+      toValue: 0,
+      duration,
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [indeterminate, reduceMotion, trackWidth, progress, theme]);
+  const onLayout = indeterminate ? e => setTrackWidth(e.nativeEvent.layout.width) : undefined;
+
+  // fill(40%) が track 内を左端 → 右端で往復する移動量。
+  const translateX = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, Math.max(0, trackWidth * (1 - PROGRESS_INDETERMINATE_FILL_RATIO))]
+  });
+  return /*#__PURE__*/_jsx(View, {
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityValue: indeterminate ? {
+      min: 0,
+      max: 100
+    } : {
+      min: 0,
+      max: 100,
+      now: clamped
+    },
+    accessibilityLabel: label,
+    testID: testID,
+    onLayout: onLayout,
+    style: [styles.trackStyle, style],
+    children: indeterminate ? /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.fillStyle, {
+        width: `${PROGRESS_INDETERMINATE_FILL_RATIO * 100}%`,
+        transform: [{
+          translateX
+        }]
+      }]
+    }) : /*#__PURE__*/_jsx(View, {
+      style: [styles.fillStyle, {
+        width: `${clamped}%`
+      }]
+    })
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Progress.__contract = CONTRACTS.progress;
+//# sourceMappingURL=Progress.js.map

package/lib/module/components/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","useState","AccessibilityInfo","Animated","View","useTheme","CONTRACTS","PROGRESS_INDETERMINATE_FILL_RATIO","clampProgressValue","resolveProgressStyles","jsx","_jsx","Progress","variant","value","label","style","testID","theme","mode","styles","indeterminate","clamped","progress","Value","current","trackWidth","setTrackWidth","reduceMotion","setReduceMotion","cancelled","isReduceMotionEnabled","then","enabled","sub","addEventListener","remove","setValue","duration","motion","slow","loop","sequence","timing","toValue","useNativeDriver","start","stop","onLayout","e","nativeEvent","layout","width","undefined","translateX","interpolate","inputRange","outputRange","Math","max","accessible","accessibilityRole","accessibilityValue","min","now","accessibilityLabel","trackStyle","children","fillStyle","transform","__contract"],"sourceRoot":"../../../src","sources":["components/Progress.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Radio.js

@@ -0,0 +1,134 @@
+"use strict";
+
+/**
+ * Radio — 単一選択フォームコントロール。contract: radio。
+ *
+ * - 契約どおり fieldset 相当の RadioGroup として実装する（コンポーネント名は Radio、
+ *   recipe description 参照）。groupLabel（= legend 相当の label prop）必須
+ *   （FORM_FIELDSET_LEGEND_REQUIRED を props 型で強制）。
+ * - variant はレイアウト: vertical（標準）/ horizontal（wrap する横並び）/ card-style
+ *   （各 option を枠付きカードにする。web の grid 2col は RN では縦積みに読み替え）。
+ * - RN にネイティブ radio が無いため各 option は Pressable + 描画（circle + 内側 dot）。
+ * - states（contract → prop の写像）: selected/unselected → value との一致、
+ *   error → error?: string（circle の borderColor 差分 + errorText 表示。selected と併用時は
+ *   error を優先 = 契約 stateSpecs）、disabled → グループ全体 or option 個別（opacity 0.5 + 非活性）。
+ *   focus は Phase1 非対応（recipe にも focus 差分なし）。
+ * - a11y: グループに accessibilityRole="radiogroup"、各 option に "radio" +
+ *   accessibilityState={{ checked, disabled }}。
+ * - 色・寸法の決定は pure resolver（radio.styles.ts）に分離。
+ *   recipes/app/radio.recipe.json との機械照合は scripts/lib/radio-conformance.test.ts が行う。
+ */
+
+import { useMemo } from "react";
+import { Pressable, View } from "react-native";
+import { Text } from "../primitives/Text.js";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { RADIO_SPEC, resolveRadioCircleStyle, resolveRadioGroupStyle } from "./radio.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Radio({
+  label,
+  options,
+  value,
+  onChange,
+  variant = "vertical",
+  error,
+  disabled = false,
+  testID
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const hasError = error != null && error !== "";
+  const group = useMemo(() => resolveRadioGroupStyle(theme, mode, variant), [theme, mode, variant]);
+  // circle は selected × error の 2 値。option ごとに再計算しないよう両方を先に解決しておく。
+  const circles = useMemo(() => ({
+    unselected: resolveRadioCircleStyle(theme, mode, {
+      selected: false,
+      error: hasError
+    }),
+    selected: resolveRadioCircleStyle(theme, mode, {
+      selected: true,
+      error: hasError
+    })
+  }), [theme, mode, hasError]);
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: disabled ? {
+      opacity: RADIO_SPEC.disabledOpacity
+    } : undefined,
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "sm",
+      weight: "medium",
+      color: "text-heading",
+      style: {
+        marginBottom: group.groupLabelStyle.marginBottom
+      },
+      children: label
+    }), /*#__PURE__*/_jsx(View, {
+      accessibilityRole: "radiogroup",
+      style: group.containerStyle,
+      children: options.map(option => {
+        const selected = option.value === value;
+        const optionDisabled = disabled || option.disabled === true;
+        return /*#__PURE__*/_jsx(Pressable, {
+          onPress: () => onChange(option.value),
+          disabled: optionDisabled,
+          accessibilityRole: "radio",
+          accessibilityState: {
+            checked: selected,
+            disabled: optionDisabled
+          },
+          accessibilityLabel: option.label,
+          style: [variant === "card-style" ? [group.cardStyle, selected ? group.cardSelectedStyle : null] : null,
+          // グループ disabled は外側 View の opacity で表現済み。二重にしない。
+          option.disabled === true && !disabled ? {
+            opacity: RADIO_SPEC.disabledOpacity
+          } : null],
+          children: /*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: "row",
+              // description 付きは複数行になるので circle を先頭行に寄せる。
+              alignItems: option.description != null ? "flex-start" : "center",
+              gap: group.optionGap
+            },
+            children: [/*#__PURE__*/_jsx(View, {
+              style: selected ? circles.selected : circles.unselected,
+              children: selected ? /*#__PURE__*/_jsx(View, {
+                style: group.dotStyle
+              }) : null
+            }), /*#__PURE__*/_jsxs(View, {
+              style: {
+                flexShrink: 1
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                variant: "base",
+                color: "text-default",
+                children: option.label
+              }), option.description != null ? /*#__PURE__*/_jsx(Text, {
+                variant: "sm",
+                color: "text-muted",
+                children: option.description
+              }) : null]
+            })]
+          })
+        }, option.value);
+      })
+    }), hasError ?
+    /*#__PURE__*/
+    // danger.text-light は SemanticColors 外なので style で上書き（Button の textColor と同じ扱い）。
+    _jsx(Text, {
+      variant: "xs",
+      style: {
+        color: group.errorTextStyle.color,
+        marginTop: group.errorTextStyle.marginTop
+      },
+      children: error
+    }) : null]
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Radio.__contract = CONTRACTS.radio;
+//# sourceMappingURL=Radio.js.map

package/lib/module/components/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Pressable","View","Text","useTheme","CONTRACTS","RADIO_SPEC","resolveRadioCircleStyle","resolveRadioGroupStyle","jsx","_jsx","jsxs","_jsxs","Radio","label","options","value","onChange","variant","error","disabled","testID","theme","mode","hasError","group","circles","unselected","selected","style","opacity","disabledOpacity","undefined","children","weight","color","marginBottom","groupLabelStyle","accessibilityRole","containerStyle","map","option","optionDisabled","onPress","accessibilityState","checked","accessibilityLabel","cardStyle","cardSelectedStyle","flexDirection","alignItems","description","gap","optionGap","dotStyle","flexShrink","errorTextStyle","marginTop","__contract","radio"],"sourceRoot":"../../../src","sources":["components/Radio.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Screen.js

@@ -0,0 +1,57 @@
+"use strict";
+
+/**
+ * Screen — 画面骨格 primitive（SafeArea + bg-page + content padding）。
+ * contract: screen（app 先行定義、melta-contracts）。dogfood 不足-3（SafeAreaView + ScrollView +
+ * ヘッダーの毎画面手書き）の解消。
+ *
+ * - variant="scroll"（default）は content を ScrollView に、"fixed" は flex:1 の View に載せる。
+ * - header slot は scroll の外（SafeArea 直下）に固定する。
+ * - padding は spacing token キー限定 | "none"（default "4"）。
+ * - 決定ロジックは pure resolver（screen.styles.ts）に分離 — recipe との機械照合対象。
+ *
+ * ⚠️ SafeArea は RN core の SafeAreaView（deprecated / iOS のみの最小対応）を意図的に使う。
+ * 依存ゼロ方針（P1）を安全域の精度より優先した判断。Android の edge-to-edge や notch 精度が
+ * 必要になったら react-native-safe-area-context への adapter 化を再検討する（optional peer の
+ * 前例は Icon × react-native-svg）。
+ */
+
+import { useMemo } from "react";
+import { SafeAreaView, ScrollView, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { resolveScreenStyle } from "./screen.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Screen({
+  variant = "scroll",
+  padding = "4",
+  header,
+  style,
+  testID,
+  children
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const {
+    safeAreaStyle,
+    contentStyle
+  } = useMemo(() => resolveScreenStyle(theme, mode, {
+    variant,
+    padding
+  }), [theme, mode, variant, padding]);
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: [safeAreaStyle, style],
+    testID: testID,
+    children: [header, variant === "scroll" ? /*#__PURE__*/_jsx(ScrollView, {
+      contentContainerStyle: contentStyle,
+      children: children
+    }) : /*#__PURE__*/_jsx(View, {
+      style: contentStyle,
+      children: children
+    })]
+  });
+}
+Screen.__contract = CONTRACTS.screen;
+//# sourceMappingURL=Screen.js.map

package/lib/module/components/Screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","SafeAreaView","ScrollView","View","useTheme","CONTRACTS","resolveScreenStyle","jsx","_jsx","jsxs","_jsxs","Screen","variant","padding","header","style","testID","children","theme","mode","safeAreaStyle","contentStyle","contentContainerStyle","__contract","screen"],"sourceRoot":"../../../src","sources":["components/Screen.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAwB,OAAO;AAC/C,SAASC,YAAY,EAAEC,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAC7F,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAwB,gCAA6B;AACvE,SAASC,kBAAkB,QAA8C,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAc3F,OAAO,SAASC,MAAMA,CAAC;EACrBC,OAAO,GAAG,QAAQ;EAClBC,OAAO,GAAG,GAAG;EACbC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACW,CAAC,EAAE;EACd,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAElC,MAAM;IAAEgB,aAAa;IAAEC;EAAa,CAAC,GAAGrB,OAAO,CAC7C,MAAMM,kBAAkB,CAACY,KAAK,EAAEC,IAAI,EAAE;IAAEP,OAAO;IAAEC;EAAQ,CAAC,CAAC,EAC3D,CAACK,KAAK,EAAEC,IAAI,EAAEP,OAAO,EAAEC,OAAO,CAChC,CAAC;EAED,oBACEH,KAAA,CAACT,YAAY;IAACc,KAAK,EAAE,CAACK,aAAa,EAAEL,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAC,QAAA,GACzDH,MAAM,EACNF,OAAO,KAAK,QAAQ,gBACnBJ,IAAA,CAACN,UAAU;MAACoB,qBAAqB,EAAED,YAAa;MAAAJ,QAAA,EAAEA;IAAQ,CAAa,CAAC,gBAExET,IAAA,CAACL,IAAI;MAACY,KAAK,EAAEM,YAAa;MAAAJ,QAAA,EAAEA;IAAQ,CAAO,CAC5C;EAAA,CACW,CAAC;AAEnB;AAEAN,MAAM,CAACY,UAAU,GAAGlB,SAAS,CAACmB,MAAM","ignoreList":[]}

package/lib/module/components/Skeleton.js

@@ -0,0 +1,169 @@
+"use strict";
+
+/**
+ * Skeleton — ローディングプレースホルダー（設計書 §1）。contract: skeleton。
+ *
+ * - variant: text（行バー）/ circle（アバター）/ card（Surface 土台 + 中にバー）。
+ * - a11y: accessibilityState={{busy:true}} + accessibilityLabel（default "読み込み中"）。
+ * - 色・寸法の決定は pure resolver（skeleton.styles.ts）に分離。card の Surface props も
+ *   CARD_SURFACE_SPEC（同ファイル）を SSOT として共有し、
+ *   recipes/app/skeleton.recipe.json との機械照合は scripts/lib/skeleton-conformance.test.ts が行う。
+ * - bg: text/circle は border-default。card は Surface 土台（bg-surface+border+elevation.sm）
+ *   の上に border-default のバーを置く（contract に忠実、§1 Agent m2）。
+ * - pulse の reduce-motion 順序ハザード（§1）: Animated.Value を opacityFrom（= 非アニメ状態）で
+ *   初期化し、effect 内で AccessibilityInfo.isReduceMotionEnabled() を await した後にのみ loop 開始する。
+ *   同期的に loop を start すると reduce-motion ON でも一瞬光るため。ON 時は pulse 完全停止 + busy 維持。
+ */
+
+import { useEffect, useMemo, useRef } from "react";
+import { AccessibilityInfo, Animated, View } from "react-native";
+import { Surface } from "./Surface.js";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { CARD_SURFACE_SPEC, PULSE_OPACITY, SKELETON_METRICS, resolveSkeletonStates, resolveSkeletonVariants } from "./skeleton.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Skeleton({
+  variant = "text",
+  width = "100%",
+  lines = 1,
+  accessibilityLabel = "読み込み中",
+  style,
+  testID
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const styles = useMemo(() => resolveSkeletonVariants(theme, mode), [theme, mode]);
+  // 初期値 opacityFrom = 非アニメ（reduce-motion でも光らない）。reduce-motion OFF を確認後にのみ loop で揺らす。
+  const opacity = useRef(new Animated.Value(PULSE_OPACITY.from)).current;
+  useEffect(() => {
+    let cancelled = false;
+    let loop = null;
+    // pulse の値（opacity 振れ幅 / duration）は resolver 側が SSOT（recipe states.loading と照合される）。
+    const anim = resolveSkeletonStates(theme).loading.animation;
+    AccessibilityInfo.isReduceMotionEnabled().then(reduce => {
+      if (cancelled || reduce) return;
+      loop = Animated.loop(Animated.sequence([Animated.timing(opacity, {
+        toValue: anim.opacityTo,
+        duration: anim.duration,
+        useNativeDriver: true
+      }), Animated.timing(opacity, {
+        toValue: anim.opacityFrom,
+        duration: anim.duration,
+        useNativeDriver: true
+      })]));
+      loop.start();
+    });
+    return () => {
+      cancelled = true;
+      loop?.stop();
+    };
+  }, [opacity, theme]);
+
+  // contract a11y role は web の "status"。RN の accessibilityRole に status は無いため、
+  // busy state + label で status 相当を表現する（§2 web→RN mapping、skeleton は busy で扱う）。
+  const a11y = {
+    accessible: true,
+    accessibilityState: {
+      busy: true
+    },
+    accessibilityLabel
+  };
+  if (variant === "circle") {
+    return /*#__PURE__*/_jsx(Animated.View, {
+      ...a11y,
+      testID: testID,
+      style: [styles.circle.style, {
+        opacity
+      }, style]
+    });
+  }
+  if (variant === "card") {
+    const {
+      barStyle
+    } = styles.card;
+    const {
+      borderWidth,
+      borderColor
+    } = styles.card.style;
+    return /*#__PURE__*/_jsx(Surface, {
+      ...CARD_SURFACE_SPEC,
+      // contract skeleton.card は border-default を要求（Surface は border を出さないので Skeleton で付与）。
+      style: [{
+        borderWidth,
+        borderColor
+      }, style],
+      testID: testID,
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        ...a11y,
+        style: {
+          opacity,
+          gap: theme.spacing["3"]
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: "row",
+            alignItems: "center",
+            gap: theme.spacing["3"]
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: {
+              width: SKELETON_METRICS.circleSize,
+              height: SKELETON_METRICS.circleSize,
+              borderRadius: theme.radius.full,
+              backgroundColor: barStyle.backgroundColor
+            }
+          }), /*#__PURE__*/_jsxs(View, {
+            style: {
+              flex: 1,
+              gap: theme.spacing["2"]
+            },
+            children: [/*#__PURE__*/_jsx(View, {
+              style: [barStyle, {
+                width: "60%"
+              }]
+            }), /*#__PURE__*/_jsx(View, {
+              style: [barStyle, {
+                width: "40%"
+              }]
+            })]
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: barStyle
+        }), /*#__PURE__*/_jsx(View, {
+          style: [barStyle, {
+            width: "80%"
+          }]
+        })]
+      })
+    });
+  }
+
+  // text（行バー）: recipe は 1 slot（style）に行バー + 行間 gap を併記 → gap はコンテナへ分離。
+  const {
+    gap,
+    ...textBar
+  } = styles.text.style;
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ...a11y,
+    testID: testID,
+    style: [{
+      gap,
+      opacity
+    }, style],
+    children: Array.from({
+      length: lines
+    }, (_unused, i) => /*#__PURE__*/_jsx(View, {
+      style: [textBar,
+      // 最終行だけ短く（自然な見た目）。
+      {
+        width: lines > 1 && i === lines - 1 ? "70%" : width
+      }]
+    }, i))
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Skeleton.__contract = CONTRACTS.skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/lib/module/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","AccessibilityInfo","Animated","View","Surface","useTheme","CONTRACTS","CARD_SURFACE_SPEC","PULSE_OPACITY","SKELETON_METRICS","resolveSkeletonStates","resolveSkeletonVariants","jsx","_jsx","jsxs","_jsxs","Skeleton","variant","width","lines","accessibilityLabel","style","testID","theme","mode","styles","opacity","Value","from","current","cancelled","loop","anim","loading","animation","isReduceMotionEnabled","then","reduce","sequence","timing","toValue","opacityTo","duration","useNativeDriver","opacityFrom","start","stop","a11y","accessible","accessibilityState","busy","circle","barStyle","card","borderWidth","borderColor","children","gap","spacing","flexDirection","alignItems","circleSize","height","borderRadius","radius","full","backgroundColor","flex","textBar","text","Array","length","_unused","i","__contract","skeleton"],"sourceRoot":"../../../src","sources":["components/Skeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Surface.js

@@ -0,0 +1,49 @@
+"use strict";
+
+/**
+ * Surface — Card / Skeleton / EmptyState の共通土台となる「箱」（設計書 §1）。
+ * contract: surface（app 先行定義）。
+ *
+ * - 公開 P1 で正式 export に昇格（契約 surface.contract.json + recipe を持つ implemented のため）。
+ *   セマンティクスを持つ箱が必要なら Card を優先し、Surface は素の土台が要る時だけ使う。
+ * - elevation[key] は iOS shadow* + Android elevation を 1 ViewStyle に同居させた値なので
+ *   そのまま spread すれば両 OS に効く（types.ts ElevationStyle）。
+ * - 色・寸法の決定は pure resolver（surface.styles.ts）に分離。デフォルト値
+ *   （bg=bg-surface / radius=lg / elevation=none）も resolver 側が持ち、
+ *   recipes/app/surface.recipe.json との機械照合は scripts/lib/surface-conformance.test.ts が行う。
+ */
+
+import { View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { resolveSurfaceStyle } from "./surface.styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Surface({
+  bg,
+  radius,
+  elevation,
+  padding,
+  style,
+  testID,
+  children
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const resolved = resolveSurfaceStyle(theme, mode, {
+    bg,
+    radius,
+    elevation,
+    padding
+  });
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    style: [resolved.base, resolved.elevation, style],
+    children: children
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Surface.__contract = CONTRACTS.surface;
+//# sourceMappingURL=Surface.js.map