melta-app 0.1.0

package/lib/module/components/Avatar.js

@@ -0,0 +1,93 @@
+"use strict";
+
+/**
+ * Avatar — ユーザーアバター（Image / Initials / Status / Group）。
+ * contract: avatar（web 契約 v2.0.0 の app 実装）。dogfood 不足-4 の解消。
+ *
+ * - variant は props から暗黙決定: source があれば image、無ければ initials（name から生成）。
+ *   contract の group variant は Avatar.Group（重ね表示コンテナ、-spacing.2 相当のオーバーラップ）。
+ * - status（online / away / offline）指定時は右下に statusDot（bg-surface の ring 付き）。
+ * - a11y: role img + accessibilityLabel=name（contract required）。
+ * - 決定ロジックは pure resolver（avatar.styles.ts）に分離 — recipe との機械照合対象。
+ */
+
+import { Children, useMemo } from "react";
+import { Image as RNImage, Text as RNText, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { resolveAvatarGroupStyle, resolveAvatarStatusColor, resolveAvatarStyle } from "./avatar.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** name → initials（先頭2文字。空白区切りなら各語の頭文字を優先: "Taro Tanaka" → "TT"）。 */
+function toInitials(name) {
+  const words = name.trim().split(/\s+/).filter(Boolean);
+  if (words.length >= 2) return (words[0][0] + words[1][0]).toUpperCase();
+  return name.trim().slice(0, 2).toUpperCase();
+}
+export function Avatar({
+  name,
+  source,
+  size = "medium",
+  status,
+  style,
+  testID
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const variant = source ? "image" : "initials";
+  const resolved = useMemo(() => resolveAvatarStyle(theme, mode, variant, size), [theme, mode, variant, size]);
+  const dotColor = status ? resolveAvatarStatusColor(theme, mode, status) : undefined;
+
+  // clip（overflow hidden）は内側の円に閉じ、statusDot は外側（クリップされない層）に置く。
+  // accessible 明示で「1つの読み上げ単位」にする（非 Touchable の View は暗黙では discoverable でない）
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: resolved.container.width,
+      height: resolved.container.height
+    }, style],
+    accessible: true,
+    accessibilityRole: "image",
+    accessibilityLabel: name,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: resolved.container,
+      children: source ? /*#__PURE__*/_jsx(RNImage, {
+        source: source,
+        style: {
+          width: "100%",
+          height: "100%"
+        }
+      }) : /*#__PURE__*/_jsx(RNText, {
+        style: resolved.text,
+        children: toInitials(name)
+      })
+    }), status ? /*#__PURE__*/_jsx(View, {
+      style: [resolved.dot, {
+        backgroundColor: dotColor,
+        position: "absolute",
+        right: 0,
+        bottom: 0
+      }]
+    }) : null]
+  });
+}
+/** 複数アバターの重ね表示（contract の group variant）。2枚目以降を負 margin で重ねる。 */
+function AvatarGroup({
+  style,
+  testID,
+  children
+}) {
+  const group = resolveAvatarGroupStyle();
+  return /*#__PURE__*/_jsx(View, {
+    style: [group.container, style],
+    testID: testID,
+    children: Children.map(children, (child, index) => /*#__PURE__*/_jsx(View, {
+      style: index > 0 ? group.overlap : null,
+      children: child
+    }))
+  });
+}
+Avatar.Group = AvatarGroup;
+Avatar.__contract = CONTRACTS.avatar;
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","useMemo","Image","RNImage","Text","RNText","View","useTheme","CONTRACTS","resolveAvatarGroupStyle","resolveAvatarStatusColor","resolveAvatarStyle","jsx","_jsx","jsxs","_jsxs","toInitials","name","words","trim","split","filter","Boolean","length","toUpperCase","slice","Avatar","source","size","status","style","testID","theme","mode","variant","resolved","dotColor","undefined","width","container","height","accessible","accessibilityRole","accessibilityLabel","children","text","dot","backgroundColor","position","right","bottom","AvatarGroup","group","map","child","index","overlap","Group","__contract","avatar"],"sourceRoot":"../../../src","sources":["components/Avatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/BottomSheet.js

@@ -0,0 +1,69 @@
+"use strict";
+
+/**
+ * BottomSheet — 画面下から出る汎用シート container（content は自由 slot）。
+ * contract: bottom-sheet（appFirst、feedback）。RN core Modal（transparent + slide）+
+ * 下端 sheet（上角のみ radius）。ActionSheet がリスト特化なのに対しこちらは容器。
+ *
+ * - grabber は装飾バー。a11y ツリーから除外する（importantForAccessibility="no" +
+ *   accessibilityElementsHidden。recipe description 参照）。
+ * - スワイプで閉じるジェスチャは実装しない（overlay tap + Android back で閉じる、Phase 外）。
+ * - sheet は下端密着（bg-surface）のため、SafeAreaView を sheet の内側に置いて
+ *   下余白（ホームインジケータ）まで sheet 背景で覆いつつ content を安全域に収める。
+ * - sheet 側は onStartShouldSetResponder で touch を claim し、overlay tap でだけ閉じる。
+ * - style の決定は pure resolver（bottom-sheet.styles.ts）に分離 — recipe との機械照合対象。
+ */
+
+import { useMemo } from "react";
+import { Modal as RNModal, Pressable, SafeAreaView, Text as RNText, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { resolveBottomSheetStyle } from "./bottom-sheet.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function BottomSheet({
+  visible,
+  onClose,
+  title,
+  testID,
+  children
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const styles = useMemo(() => resolveBottomSheetStyle(theme, mode), [theme, mode]);
+  return /*#__PURE__*/_jsx(RNModal, {
+    visible: visible,
+    transparent: true,
+    animationType: "slide",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    children: /*#__PURE__*/_jsx(Pressable, {
+      style: styles.overlayStyle,
+      onPress: onClose,
+      accessible: false,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.sheetStyle,
+        accessibilityViewIsModal: true,
+        onStartShouldSetResponder: () => true,
+        testID: testID,
+        children: /*#__PURE__*/_jsxs(SafeAreaView, {
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.grabberStyle,
+            importantForAccessibility: "no",
+            accessibilityElementsHidden: true
+          }), title != null && /*#__PURE__*/_jsx(RNText, {
+            style: styles.titleStyle,
+            accessibilityRole: "header",
+            children: title
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.contentStyle,
+            children: children
+          })]
+        })
+      })
+    })
+  });
+}
+BottomSheet.__contract = CONTRACTS.bottomSheet;
+//# sourceMappingURL=BottomSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Modal","RNModal","Pressable","SafeAreaView","Text","RNText","View","useTheme","CONTRACTS","resolveBottomSheetStyle","jsx","_jsx","jsxs","_jsxs","BottomSheet","visible","onClose","title","testID","children","theme","mode","styles","transparent","animationType","onRequestClose","statusBarTranslucent","style","overlayStyle","onPress","accessible","sheetStyle","accessibilityViewIsModal","onStartShouldSetResponder","grabberStyle","importantForAccessibility","accessibilityElementsHidden","titleStyle","accessibilityRole","contentStyle","__contract","bottomSheet"],"sourceRoot":"../../../src","sources":["components/BottomSheet.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAwB,OAAO;AAC/C,SACEC,KAAK,IAAIC,OAAO,EAChBC,SAAS,EACTC,YAAY,EACZC,IAAI,IAAIC,MAAM,EACdC,IAAI,QACC,cAAc;AACrB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAQ,gCAA6B;AACvD,SAASC,uBAAuB,QAA+B,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAavF,OAAO,SAASC,WAAWA,CAAC;EAAEC,OAAO;EAAEC,OAAO;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAA2B,CAAC,EAAE;EAC3F,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAElC,MAAMe,MAAM,GAAGvB,OAAO,CACpB,MAAMU,uBAAuB,CAACW,KAAK,EAAEC,IAAI,CAAC,EAC1C,CAACD,KAAK,EAAEC,IAAI,CACd,CAAC;EAED,oBACEV,IAAA,CAACV,OAAO;IACNc,OAAO,EAAEA,OAAQ;IACjBQ,WAAW;IACXC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAET,OAAQ;IACxBU,oBAAoB;IAAAP,QAAA,eAEpBR,IAAA,CAACT,SAAS;MAACyB,KAAK,EAAEL,MAAM,CAACM,YAAa;MAACC,OAAO,EAAEb,OAAQ;MAACc,UAAU,EAAE,KAAM;MAAAX,QAAA,eACzER,IAAA,CAACL,IAAI;QACHqB,KAAK,EAAEL,MAAM,CAACS,UAAW;QACzBC,wBAAwB;QACxBC,yBAAyB,EAAEA,CAAA,KAAM,IAAK;QACtCf,MAAM,EAAEA,MAAO;QAAAC,QAAA,eAEfN,KAAA,CAACV,YAAY;UAAAgB,QAAA,gBAEXR,IAAA,CAACL,IAAI;YACHqB,KAAK,EAAEL,MAAM,CAACY,YAAa;YAC3BC,yBAAyB,EAAC,IAAI;YAC9BC,2BAA2B;UAAA,CAC5B,CAAC,EACDnB,KAAK,IAAI,IAAI,iBACZN,IAAA,CAACN,MAAM;YAACsB,KAAK,EAAEL,MAAM,CAACe,UAAW;YAACC,iBAAiB,EAAC,QAAQ;YAAAnB,QAAA,EACzDF;UAAK,CACA,CACT,eACDN,IAAA,CAACL,IAAI;YAACqB,KAAK,EAAEL,MAAM,CAACiB,YAAa;YAAApB,QAAA,EAAEA;UAAQ,CAAO,CAAC;QAAA,CACvC;MAAC,CACX;IAAC,CACE;EAAC,CACL,CAAC;AAEd;AAEAL,WAAW,CAAC0B,UAAU,GAAGhC,SAAS,CAACiC,WAAW","ignoreList":[]}

package/lib/module/components/Card.js

@@ -0,0 +1,93 @@
+"use strict";
+
+/**
+ * Card — コンテンツコンテナ component（設計書 §1）。contract: card。
+ *
+ * - 土台の解決（bg/radius/elevation/border/padding）は pure resolver（card.styles.ts の
+ *   resolveCardShape）に一元化し、非インタラクティブ(View)・インタラクティブ(Pressable) の
+ *   両分岐で共有する（DRY、形状二重定義を防ぐ）。recipe との機械照合は
+ *   scripts/lib/card-conformance.test.ts が行う。
+ * - variant: basic/media は非インタラクティブ、action/link は Pressable。
+ *   action/link は pressed 時 elevation.sm→md（§2 hover→pressed mapping）。
+ *   focus-within は RN 非サポートとして Phase1 明示 drop（§2）。
+ * - 型で action/link は onPress 必須を強制（§4 の DU 精神。無言で非対話に落ちる事故を防ぐ）。
+ * - Card は Image/Metric に依存しない（§1）。media/header/footer/children に呼び出し側が差し込む。
+ *   ツー活カードは D2I が slot に Image+Metric を compose する。
+ * - media variant は overflow:hidden で角丸に画像をクリップし、body だけにパディング（contract と整合）。
+ */
+
+import { Pressable, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { useFocusRing, FocusRing } from "../primitives/_internal/focus-ring.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { CARD_INTERACTIVE, resolveCardShape, resolveCardBodyStyle } from "./card.styles.js";
+
+// action/link（インタラクティブ）は onPress 必須、basic/media は onPress を取らない（§4 DU 精神）。
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function Card({
+  variant = "basic",
+  header,
+  footer,
+  media,
+  onPress,
+  accessibilityLabel,
+  style,
+  testID,
+  children
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const {
+    focused,
+    focusHandlers
+  } = useFocusRing();
+  const interactive = CARD_INTERACTIVE[variant] && onPress != null;
+  const isMedia = variant === "media";
+  const inner = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [media != null && /*#__PURE__*/_jsx(View, {
+      children: media
+    }), /*#__PURE__*/_jsxs(View, {
+      style: resolveCardBodyStyle(theme, variant),
+      children: [header, children, footer]
+    })]
+  });
+
+  // media は内側 clip View で角丸クリップ（外枠の影を消さないため overflow は内側だけに置く、M-1）。
+  // borderRadius は外枠 radius.lg から border 分を引かず同値でクリップ（視覚差は実機で微調整可）。
+  const content = isMedia ? /*#__PURE__*/_jsx(View, {
+    style: {
+      borderRadius: theme.radius.lg,
+      overflow: "hidden"
+    },
+    children: inner
+  }) : inner;
+  if (!interactive) {
+    return /*#__PURE__*/_jsx(View, {
+      testID: testID,
+      style: [resolveCardShape(theme, mode, variant), style],
+      children: content
+    });
+  }
+
+  // action/link: pressed 時 elevation.sm→md、focus 時 ring overlay。
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ...focusHandlers,
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    testID: testID,
+    style: ({
+      pressed
+    }) => [resolveCardShape(theme, mode, variant, pressed), style],
+    children: [content, /*#__PURE__*/_jsx(FocusRing, {
+      visible: focused,
+      radius: theme.radius.lg
+    })]
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Card.__contract = CONTRACTS.card;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","useTheme","useFocusRing","FocusRing","CONTRACTS","CARD_INTERACTIVE","resolveCardShape","resolveCardBodyStyle","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Card","variant","header","footer","media","onPress","accessibilityLabel","style","testID","children","theme","mode","focused","focusHandlers","interactive","isMedia","inner","content","borderRadius","radius","lg","overflow","accessibilityRole","pressed","visible","__contract","card"],"sourceRoot":"../../../src","sources":["components/Card.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,YAAY,EAAEC,SAAS,QAAQ,uCAAoC;AAC5E,SAASC,SAAS,QAAQ,gCAA6B;AACvD,SAASC,gBAAgB,EAAEC,gBAAgB,EAAEC,oBAAoB,QAAQ,kBAAe;;AAaxF;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAOA,OAAO,SAASC,IAAIA,CAAC;EACnBC,OAAO,GAAG,OAAO;EACjBC,MAAM;EACNC,MAAM;EACNC,KAAK;EACLC,OAAO;EACPC,kBAAkB;EAClBC,KAAK;EACLC,MAAM;EACNC;AACS,CAAC,EAAE;EACZ,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGxB,QAAQ,CAAC,CAAC;EAClC,MAAM;IAAEyB,OAAO;IAAEC;EAAc,CAAC,GAAGzB,YAAY,CAAC,CAAC;EACjD,MAAM0B,WAAW,GAAGvB,gBAAgB,CAACU,OAAO,CAAC,IAAII,OAAO,IAAI,IAAI;EAChE,MAAMU,OAAO,GAAGd,OAAO,KAAK,OAAO;EAEnC,MAAMe,KAAK,gBACTnB,KAAA,CAAAE,SAAA;IAAAU,QAAA,GACGL,KAAK,IAAI,IAAI,iBAAIT,IAAA,CAACT,IAAI;MAAAuB,QAAA,EAAEL;IAAK,CAAO,CAAC,eACtCP,KAAA,CAACX,IAAI;MAACqB,KAAK,EAAEd,oBAAoB,CAACiB,KAAK,EAAET,OAAO,CAAE;MAAAQ,QAAA,GAC/CP,MAAM,EACNO,QAAQ,EACRN,MAAM;IAAA,CACH,CAAC;EAAA,CACP,CACH;;EAED;EACA;EACA,MAAMc,OAAO,GAAGF,OAAO,gBACrBpB,IAAA,CAACT,IAAI;IAACqB,KAAK,EAAE;MAAEW,YAAY,EAAER,KAAK,CAACS,MAAM,CAACC,EAAE;MAAEC,QAAQ,EAAE;IAAS,CAAE;IAAAZ,QAAA,EAAEO;EAAK,CAAO,CAAC,GAElFA,KACD;EAED,IAAI,CAACF,WAAW,EAAE;IAChB,oBACEnB,IAAA,CAACT,IAAI;MAACsB,MAAM,EAAEA,MAAO;MAACD,KAAK,EAAE,CAACf,gBAAgB,CAACkB,KAAK,EAAEC,IAAI,EAAEV,OAAO,CAAC,EAAEM,KAAK,CAAE;MAAAE,QAAA,EAC1EQ;IAAO,CACJ,CAAC;EAEX;;EAEA;EACA,oBACEpB,KAAA,CAACZ,SAAS;IAAA,GACJ4B,aAAa;IACjBR,OAAO,EAAEA,OAAQ;IACjBiB,iBAAiB,EAAC,QAAQ;IAC1BhB,kBAAkB,EAAEA,kBAAmB;IACvCE,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,CAAC;MAAEgB;IAAQ,CAAC,KAAK,CAAC/B,gBAAgB,CAACkB,KAAK,EAAEC,IAAI,EAAEV,OAAO,EAAEsB,OAAO,CAAC,EAAEhB,KAAK,CAAE;IAAAE,QAAA,GAEhFQ,OAAO,eACRtB,IAAA,CAACN,SAAS;MAACmC,OAAO,EAAEZ,OAAQ;MAACO,MAAM,EAAET,KAAK,CAACS,MAAM,CAACC;IAAG,CAAE,CAAC;EAAA,CAC/C,CAAC;AAEhB;;AAEA;AACApB,IAAI,CAACyB,UAAU,GAAGnC,SAAS,CAACoC,IAAI","ignoreList":[]}

package/lib/module/components/Checkbox.js

@@ -0,0 +1,115 @@
+"use strict";
+
+/**
+ * Checkbox — 複数選択フォームコントロール（form-input 第1弾）。contract: checkbox。
+ *
+ * - RN にネイティブ checkbox が無いため Pressable（行全体タップ）+ 描画で実装する。
+ *   checkmark は rotate した View の L 字 border、indeterminate は横棒
+ *   （react-native-svg 非依存 = 本体エントリの依存ゼロ維持。recipe description 参照）。
+ * - box は 20px（web の 16px より大きいのはタッチ前提）。実タッチ領域は hitSlop 12 で
+ *   44pt（20 + 12×2）を確保する。
+ * - label 必須（FORM_NO_LABEL_OMIT を props 型で強制）。label は Text primitive
+ *   （base/text-default = recipe labelStyle と同値）。
+ * - states（contract → prop の写像）: checked/unchecked → checked:boolean、
+ *   indeterminate → indeterminate:boolean（variant "indeterminate"。a11y は "mixed"）、
+ *   error → error:boolean（borderColor 差分、checked より優先）、disabled → prop
+ *   （opacity 0.5 + 非活性）。focus は Phase1 非対応（recipe にも focus 差分なし）。
+ * - 色・寸法の決定は pure resolver（checkbox.styles.ts）に分離。
+ *   recipes/app/checkbox.recipe.json との機械照合は scripts/lib/checkbox-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 { CHECKBOX_SPEC, resolveCheckboxStyle } from "./checkbox.styles.js";
+
+/** checkmark / 横棒の幾何値（recipe に token 化されていない描画トリック側の定数）。 */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CHECKMARK = {
+  width: 10,
+  height: 6,
+  borderWidth: 2,
+  offsetY: -1
+};
+const INDETERMINATE_BAR = {
+  width: 10,
+  height: 2
+};
+export function Checkbox({
+  label,
+  checked,
+  onChange,
+  indeterminate = false,
+  disabled = false,
+  error = false,
+  testID
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const resolved = useMemo(() => resolveCheckboxStyle(theme, mode, {
+    checked,
+    indeterminate,
+    error
+  }), [theme, mode, checked, indeterminate, error]);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: () => onChange(!checked),
+    disabled: disabled,
+    hitSlop: CHECKBOX_SPEC.hitSlop,
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked: indeterminate ? "mixed" : checked,
+      disabled
+    },
+    accessibilityLabel: label,
+    testID: testID,
+    style: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: resolved.gap,
+      opacity: disabled ? CHECKBOX_SPEC.disabledOpacity : 1
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [resolved.boxStyle, {
+        alignItems: "center",
+        justifyContent: "center"
+      }],
+      children: indeterminate ?
+      /*#__PURE__*/
+      // 横棒（一部選択）。markColor = text-on-accent（states.checked.markColor と同源）。
+      _jsx(View, {
+        style: {
+          width: INDETERMINATE_BAR.width,
+          height: INDETERMINATE_BAR.height,
+          backgroundColor: resolved.markColor
+        }
+      }) : checked ?
+      /*#__PURE__*/
+      // L 字 border を -45deg 回転させた checkmark（svg 非依存の描画トリック）。
+      _jsx(View, {
+        style: {
+          width: CHECKMARK.width,
+          height: CHECKMARK.height,
+          borderLeftWidth: CHECKMARK.borderWidth,
+          borderBottomWidth: CHECKMARK.borderWidth,
+          borderColor: resolved.markColor,
+          marginTop: CHECKMARK.offsetY,
+          transform: [{
+            rotate: "-45deg"
+          }]
+        }
+      }) : null
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "base",
+      color: "text-default",
+      children: label
+    })]
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Checkbox.__contract = CONTRACTS.checkbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Pressable","View","Text","useTheme","CONTRACTS","CHECKBOX_SPEC","resolveCheckboxStyle","jsx","_jsx","jsxs","_jsxs","CHECKMARK","width","height","borderWidth","offsetY","INDETERMINATE_BAR","Checkbox","label","checked","onChange","indeterminate","disabled","error","testID","theme","mode","resolved","onPress","hitSlop","accessibilityRole","accessibilityState","accessibilityLabel","style","flexDirection","alignItems","gap","opacity","disabledOpacity","children","boxStyle","justifyContent","backgroundColor","markColor","borderLeftWidth","borderBottomWidth","borderColor","marginTop","transform","rotate","variant","color","__contract","checkbox"],"sourceRoot":"../../../src","sources":["components/Checkbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/EmptyState.js

@@ -0,0 +1,70 @@
+"use strict";
+
+/**
+ * EmptyState — データ無し時のプレースホルダー（設計書 §1）。contract: empty-state。
+ * Text + Button の compose（§1）。icon + title + description + 任意の action。
+ *
+ * - title は見出しとして読み上げ（Text role="heading"）。
+ * - action は Button(contained) を内部 compose。
+ * - 中央寄せレイアウト。色は token（title=text-heading, description=text-muted）。
+ * - 色・寸法の決定は pure resolver（empty-state.styles.ts）に分離。Text へ渡すキーも
+ *   EMPTY_STATE_SPEC（同ファイル）を SSOT として共有し、
+ *   recipes/app/empty-state.recipe.json との機械照合は scripts/lib/empty-state-conformance.test.ts が行う。
+ */
+
+import { useMemo } from "react";
+import { View } from "react-native";
+import { Text } from "../primitives/Text.js";
+import { Button } from "../primitives/Button.js";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { EMPTY_STATE_SPEC, resolveEmptyStateStyles } from "./empty-state.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  style,
+  testID
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const styles = useMemo(() => resolveEmptyStateStyles(theme, mode), [theme, mode]);
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [styles.style, style],
+    children: [icon != null && /*#__PURE__*/_jsx(View, {
+      children: icon
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: EMPTY_STATE_SPEC.titleFont,
+      role: "heading",
+      weight: EMPTY_STATE_SPEC.titleWeight,
+      color: EMPTY_STATE_SPEC.titleColor,
+      style: {
+        textAlign: styles.titleStyle.textAlign
+      },
+      children: title
+    }), description != null && /*#__PURE__*/_jsx(Text, {
+      variant: EMPTY_STATE_SPEC.descriptionFont,
+      color: EMPTY_STATE_SPEC.descriptionColor,
+      style: {
+        textAlign: styles.descriptionStyle.textAlign
+      },
+      children: description
+    }), action != null && /*#__PURE__*/_jsx(View, {
+      style: styles.actionStyle,
+      children: /*#__PURE__*/_jsx(Button, {
+        variant: "contained",
+        label: action.label,
+        onPress: action.onPress
+      })
+    })]
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+EmptyState.__contract = CONTRACTS.emptyState;
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","View","Text","Button","useTheme","CONTRACTS","EMPTY_STATE_SPEC","resolveEmptyStateStyles","jsx","_jsx","jsxs","_jsxs","EmptyState","icon","title","description","action","style","testID","theme","mode","styles","children","variant","titleFont","role","weight","titleWeight","color","titleColor","textAlign","titleStyle","descriptionFont","descriptionColor","descriptionStyle","actionStyle","label","onPress","__contract","emptyState"],"sourceRoot":"../../../src","sources":["components/EmptyState.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAwB,OAAO;AAC/C,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,IAAI,QAAQ,uBAAoB;AACzC,SAASC,MAAM,QAAQ,yBAAsB;AAC7C,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAQ,gCAA6B;AACvD,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWjF,OAAO,SAASC,UAAUA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,WAAW;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAwB,CAAC,EAAE;EAC/F,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGhB,QAAQ,CAAC,CAAC;EAClC,MAAMiB,MAAM,GAAGrB,OAAO,CAAC,MAAMO,uBAAuB,CAACY,KAAK,EAAEC,IAAI,CAAC,EAAE,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAC;EACjF,oBACET,KAAA,CAACV,IAAI;IAACiB,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACI,MAAM,CAACJ,KAAK,EAAEA,KAAK,CAAE;IAAAK,QAAA,GAChDT,IAAI,IAAI,IAAI,iBAAIJ,IAAA,CAACR,IAAI;MAAAqB,QAAA,EAAET;IAAI,CAAO,CAAC,eACpCJ,IAAA,CAACP,IAAI;MACHqB,OAAO,EAAEjB,gBAAgB,CAACkB,SAAU;MACpCC,IAAI,EAAC,SAAS;MACdC,MAAM,EAAEpB,gBAAgB,CAACqB,WAAY;MACrCC,KAAK,EAAEtB,gBAAgB,CAACuB,UAAW;MACnCZ,KAAK,EAAE;QAAEa,SAAS,EAAET,MAAM,CAACU,UAAU,CAACD;MAAU,CAAE;MAAAR,QAAA,EAEjDR;IAAK,CACF,CAAC,EACNC,WAAW,IAAI,IAAI,iBAClBN,IAAA,CAACP,IAAI;MACHqB,OAAO,EAAEjB,gBAAgB,CAAC0B,eAAgB;MAC1CJ,KAAK,EAAEtB,gBAAgB,CAAC2B,gBAAiB;MACzChB,KAAK,EAAE;QAAEa,SAAS,EAAET,MAAM,CAACa,gBAAgB,CAACJ;MAAU,CAAE;MAAAR,QAAA,EAEvDP;IAAW,CACR,CACP,EACAC,MAAM,IAAI,IAAI,iBACbP,IAAA,CAACR,IAAI;MAACgB,KAAK,EAAEI,MAAM,CAACc,WAAY;MAAAb,QAAA,eAC9Bb,IAAA,CAACN,MAAM;QAACoB,OAAO,EAAC,WAAW;QAACa,KAAK,EAAEpB,MAAM,CAACoB,KAAM;QAACC,OAAO,EAAErB,MAAM,CAACqB;MAAQ,CAAE;IAAC,CACxE,CACP;EAAA,CACG,CAAC;AAEX;;AAEA;AACAzB,UAAU,CAAC0B,UAAU,GAAGjC,SAAS,CAACkC,UAAU","ignoreList":[]}

package/lib/module/components/Header.js

@@ -0,0 +1,53 @@
+"use strict";
+
+/**
+ * Header — 画面ヘッダー primitive（title + leading? / trailing? slot + 下 border）。
+ * contract: header（app 先行定義、melta-contracts）。dogfood 不足-3 の解消。
+ * Screen の header slot に差して使う想定（単体でも使える）。
+ *
+ * - title は melta の Text（xl / bold / text-heading / heading role）で描画し、
+ *   heading として読み上げられる（contract a11y required）。
+ * - titleWrapStyle の flex:1 で title が余白を占有し trailing を右端へ押す。
+ * - 決定ロジックは pure resolver（header.styles.ts）に分離 — recipe との機械照合対象。
+ */
+
+import { useMemo } from "react";
+import { View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { Text } from "../primitives/Text.js";
+import { resolveHeaderStyle } from "./header.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Header({
+  title,
+  leading,
+  trailing,
+  style,
+  testID
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const {
+    containerStyle,
+    titleWrapStyle
+  } = useMemo(() => resolveHeaderStyle(theme, mode), [theme, mode]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [containerStyle, style],
+    testID: testID,
+    children: [leading, /*#__PURE__*/_jsx(View, {
+      style: titleWrapStyle,
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "xl",
+        weight: "bold",
+        color: "text-heading",
+        role: "heading",
+        numberOfLines: 1,
+        children: title
+      })
+    }), trailing]
+  });
+}
+Header.__contract = CONTRACTS.header;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","View","useTheme","CONTRACTS","Text","resolveHeaderStyle","jsx","_jsx","jsxs","_jsxs","Header","title","leading","trailing","style","testID","theme","mode","containerStyle","titleWrapStyle","children","variant","weight","color","role","numberOfLines","__contract","header"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAwB,OAAO;AAC/C,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAQ,gCAA6B;AACvD,SAASC,IAAI,QAAQ,uBAAoB;AACzC,SAASC,kBAAkB,QAA0B,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAavE,OAAO,SAASC,MAAMA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAoB,CAAC,EAAE;EAC/E,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAElC,MAAM;IAAEgB,cAAc;IAAEC;EAAe,CAAC,GAAGnB,OAAO,CAChD,MAAMK,kBAAkB,CAACW,KAAK,EAAEC,IAAI,CAAC,EACrC,CAACD,KAAK,EAAEC,IAAI,CACd,CAAC;EAED,oBACER,KAAA,CAACR,IAAI;IAACa,KAAK,EAAE,CAACI,cAAc,EAAEJ,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAK,QAAA,GAClDR,OAAO,eACRL,IAAA,CAACN,IAAI;MAACa,KAAK,EAAEK,cAAe;MAAAC,QAAA,eAC1Bb,IAAA,CAACH,IAAI;QAACiB,OAAO,EAAC,IAAI;QAACC,MAAM,EAAC,MAAM;QAACC,KAAK,EAAC,cAAc;QAACC,IAAI,EAAC,SAAS;QAACC,aAAa,EAAE,CAAE;QAAAL,QAAA,EACnFT;MAAK,CACF;IAAC,CACH,CAAC,EACNE,QAAQ;EAAA,CACL,CAAC;AAEX;AAEAH,MAAM,CAACgB,UAAU,GAAGvB,SAAS,CAACwB,MAAM","ignoreList":[]}

package/lib/module/components/Image.js

@@ -0,0 +1,67 @@
+"use strict";
+
+/**
+ * Image — 画像表示 component（設計書 §1）。contract: image（app 先行定義）。
+ *
+ * - Phase 1 は RN コア Image。expo-image は Phase 2（blurhash / 高度 cache 要件化時）。
+ *   差し替えコスト最小化のためここで包む（呼び出し側は melta-app の Image だけ見る）。
+ * - contentFit("cover"|"contain") → RN の resizeMode に変換。
+ * - onError 時に fallback（ReactNode）を表示。fallback 未指定なら何も出さない。
+ * - radius は token キーのみ（生数値不可、§5）。shape の解決は pure resolver
+ *   （image.styles.ts）に分離。recipes/app/image.recipe.json との機械照合は
+ *   scripts/lib/image-conformance.test.ts が行う。
+ */
+
+import { useState } from "react";
+import { Image as RNImage, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { resolveImageShape } from "./image.styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Image({
+  source,
+  aspectRatio,
+  radius,
+  contentFit = "cover",
+  fallback,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const {
+    theme
+  } = useTheme();
+  const [errored, setErrored] = useState(false);
+
+  // shape は ImageStyle / ViewStyle 双方に有効な共通サブセット（resolver 参照）なので、
+  // RNImage と fallback View で同じ値を共用できる。
+  const shape = resolveImageShape(theme, {
+    aspectRatio,
+    radius
+  });
+  if (errored && fallback != null) {
+    // caller の style(width/height/flex 等の layout)を fallback にも反映する（通常画像と同寸法）。
+    // ImageStyle ⊃ ViewStyle ではないが layout プロパティは共通なので cast で流す
+    // （overflow:"scroll" 等 Image 固有値を caller が入れた稀ケースのみ無視される）。
+    return /*#__PURE__*/_jsx(View, {
+      style: [shape, style],
+      testID: testID,
+      accessible: accessibilityLabel != null,
+      accessibilityLabel: accessibilityLabel,
+      children: fallback
+    });
+  }
+  return /*#__PURE__*/_jsx(RNImage, {
+    testID: testID,
+    source: source,
+    resizeMode: contentFit,
+    onError: () => setErrored(true),
+    accessible: accessibilityLabel != null,
+    accessibilityLabel: accessibilityLabel,
+    style: [shape, style]
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Image.__contract = CONTRACTS.image;
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Image","RNImage","View","useTheme","CONTRACTS","resolveImageShape","jsx","_jsx","source","aspectRatio","radius","contentFit","fallback","accessibilityLabel","style","testID","theme","errored","setErrored","shape","accessible","children","resizeMode","onError","__contract","image"],"sourceRoot":"../../../src","sources":["components/Image.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAwB,OAAO;AAChD,SACEC,KAAK,IAAIC,OAAO,EAChBC,IAAI,QAKC,cAAc;AACrB,SAASC,QAAQ,QAAQ,mBAAU;AAEnC,SAASC,SAAS,QAAQ,gCAA6B;AACvD,SAASC,iBAAiB,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBnD,OAAO,SAASP,KAAKA,CAAC;EACpBQ,MAAM;EACNC,WAAW;EACXC,MAAM;EACNC,UAAU,GAAG,OAAO;EACpBC,QAAQ;EACRC,kBAAkB;EAClBC,KAAK;EACLC;AACU,CAAC,EAAE;EACb,MAAM;IAAEC;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,MAAM,CAACc,OAAO,EAAEC,UAAU,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;;EAE7C;EACA;EACA,MAAMoB,KAAK,GAAGd,iBAAiB,CAACW,KAAK,EAAE;IAAEP,WAAW;IAAEC;EAAO,CAAC,CAAC;EAE/D,IAAIO,OAAO,IAAIL,QAAQ,IAAI,IAAI,EAAE;IAC/B;IACA;IACA;IACA,oBACEL,IAAA,CAACL,IAAI;MACHY,KAAK,EAAE,CAACK,KAAK,EAAEL,KAAK,CAAqC;MACzDC,MAAM,EAAEA,MAAO;MACfK,UAAU,EAAEP,kBAAkB,IAAI,IAAK;MACvCA,kBAAkB,EAAEA,kBAAmB;MAAAQ,QAAA,EAEtCT;IAAQ,CACL,CAAC;EAEX;EAEA,oBACEL,IAAA,CAACN,OAAO;IACNc,MAAM,EAAEA,MAAO;IACfP,MAAM,EAAEA,MAA8B;IACtCc,UAAU,EAAEX,UAAW;IACvBY,OAAO,EAAEA,CAAA,KAAML,UAAU,CAAC,IAAI,CAAE;IAChCE,UAAU,EAAEP,kBAAkB,IAAI,IAAK;IACvCA,kBAAkB,EAAEA,kBAAmB;IACvCC,KAAK,EAAE,CAACK,KAAK,EAAEL,KAAK;EAAE,CACvB,CAAC;AAEN;;AAEA;AACAd,KAAK,CAACwB,UAAU,GAAGpB,SAAS,CAACqB,KAAK","ignoreList":[]}