melta-app 0.1.0

package/lib/typescript/src/components/alert.styles.d.ts

@@ -0,0 +1,61 @@
+/**
+ * alert.styles — Alert の pure style resolver（styleRefs conformance 対応で Alert.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/alert.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/alert-conformance.test.ts が行う。
+ *
+ * - RN では border を持たず bg subtle + text 色で表現する（status token に border 用の中間色が
+ *   無いため。COLOR_ONLY_FORBIDDEN は title/message のテキストと icon slot で担保、recipe description）。
+ * - dark mode は status.*.subtleDark / textDark 側を解決する。info variant のみ primary 固定
+ *   （dark token が無い既知の割り切り、web と同じ）。
+ */
+import type { FontWeightValue, NativeTheme, ThemeMode } from "../theme";
+export type AlertVariant = "info" | "success" | "warning" | "error";
+/**
+ * 構成キー（token キー）。component は Text にこのキーをそのまま渡し、resolver は同じキーから
+ * style 値を解決する（component と resolver が別々のキーを持って drift する事故を防ぐ SSOT）。
+ */
+export declare const ALERT_SPEC: {
+    readonly padding: "4";
+    readonly gap: "3";
+    readonly radius: "md";
+    readonly titleFont: "base";
+    readonly titleWeight: "medium";
+    readonly messageFont: "sm";
+};
+/** slot 構成（alert.recipe 各 variant の containerStyle / titleStyle / messageStyle と 1:1）。 */
+export interface AlertStyles {
+    containerStyle: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        flexDirection: "row";
+        alignItems: "flex-start";
+        gap: number;
+    };
+    /** compose する Text primitive（title）へ渡す値の解決結果 */
+    titleStyle: {
+        color: string;
+        fontSize: number;
+        fontWeight: FontWeightValue;
+    };
+    /** compose する Text primitive（message）へ渡す値の解決結果 */
+    messageStyle: {
+        color: string;
+        fontSize: number;
+    };
+}
+/**
+ * variant → bg / text 色の解決。
+ * - info: primary.50 / primary.800 固定（mode 非依存）。
+ * - success / warning / error: status token（error は status キー上は danger）。
+ *   light は subtleLight / textLight、dark は subtleDark / textDark（recipe description の写像）。
+ */
+export declare function resolveAlertColors(theme: NativeTheme, mode: ThemeMode, variant: AlertVariant): {
+    bg: string;
+    text: string;
+};
+/** variant → 全 slot の style 解決（alert.recipe styleRefs の 1:1 写像）。 */
+export declare function resolveAlertStyles(theme: NativeTheme, mode: ThemeMode, variant: AlertVariant): AlertStyles;
+//# sourceMappingURL=alert.styles.d.ts.map

package/lib/typescript/src/components/alert.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/alert.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAGV,eAAe,EACf,WAAW,EAGX,SAAS,EACV,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;CActB,CAAC;AAEF,0FAA0F;AAC1F,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE;QACd,eAAe,EAAE,MAAM,CAAC;QACxB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,EAAE,KAAK,CAAC;QACrB,UAAU,EAAE,YAAY,CAAC;QACzB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,gDAAgD;IAChD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,kDAAkD;IAClD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,YAAY,GACpB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAQ9B;AAED,oEAAoE;AACpE,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,YAAY,GACpB,WAAW,CAqBb"}

package/lib/typescript/src/components/avatar.styles.d.ts

@@ -0,0 +1,60 @@
+/**
+ * avatar.styles — Avatar の pure style resolver（styleRefs conformance 対応で Avatar.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/avatar.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/avatar-conformance.test.ts が行う。
+ */
+import type { FontWeightValue, NativeTheme, ThemeMode } from "../theme";
+export type AvatarSize = "small" | "medium" | "large";
+export type AvatarStatus = "online" | "away" | "offline";
+/** group の重なり（-spacing.2 相当。負値 token が無いため recipe と同じ literal）。 */
+export declare const AVATAR_GROUP_OVERLAP = -8;
+/**
+ * group variant（avatar.recipe の group.style / group.overlapStyle の 1:1 写像）。
+ * container は横並び、2枚目以降の子に overlap（負 margin）を適用する。
+ */
+export declare function resolveAvatarGroupStyle(): {
+    container: {
+        flexDirection: "row";
+    };
+    overlap: {
+        marginLeft: number;
+    };
+};
+export interface AvatarStyleResult {
+    /** 円形コンテナ（image は overflow clip / initials は bg + 中央寄せ）。 */
+    container: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        overflow?: "hidden";
+        backgroundColor?: string;
+        alignItems?: "center";
+        justifyContent?: "center";
+    };
+    /** initials 文字（image variant では未使用）。 */
+    text: {
+        color: string;
+        fontWeight: FontWeightValue;
+        fontSize: number;
+    };
+    /** statusDot（status 指定時のみ使用。右下配置は Avatar.tsx 側の絶対配置で行う）。 */
+    dot: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: 2;
+        borderColor: string;
+    };
+}
+/**
+ * variant / size → Avatar style の解決（avatar.recipe styleRefs の 1:1 写像）。
+ */
+export declare function resolveAvatarStyle(theme: NativeTheme, mode: ThemeMode, variant: "image" | "initials", size: AvatarSize): AvatarStyleResult;
+/**
+ * status → statusDot の背景色（avatar.recipe states の 1:1 写像）。
+ * online=success / away=warning / offline=ニュートラル（border-strong）。
+ */
+export declare function resolveAvatarStatusColor(theme: NativeTheme, mode: ThemeMode, status: AvatarStatus): string;
+//# sourceMappingURL=avatar.styles.d.ts.map

package/lib/typescript/src/components/avatar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAExE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AASzD,mEAAmE;AACnE,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI;IACzC,SAAS,EAAE;QAAE,aAAa,EAAE,KAAK,CAAA;KAAE,CAAC;IACpC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;CACjC,CAKA;AAED,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;QACpB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,UAAU,CAAC,EAAE,QAAQ,CAAC;QACtB,cAAc,CAAC,EAAE,QAAQ,CAAC;KAC3B,CAAC;IACF,wCAAwC;IACxC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,eAAe,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,4DAA4D;IAC5D,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,CAAC,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CACnG;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,OAAO,GAAG,UAAU,EAC7B,IAAI,EAAE,UAAU,GACf,iBAAiB,CA4BnB;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,YAAY,GACnB,MAAM,CASR"}

package/lib/typescript/src/components/bottom-sheet.styles.d.ts

@@ -0,0 +1,50 @@
+/**
+ * bottom-sheet.styles — BottomSheet の pure style resolver（styleRefs conformance 対応で
+ * BottomSheet.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/bottom-sheet.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/bottom-sheet-conformance.test.ts が行う。
+ *
+ * - sheet は上角のみ radius（下端密着のため）。grabber は装飾バー（a11y ツリーから除外は
+ *   実装側の importantForAccessibility / accessibilityElementsHidden が担う）。
+ * - content は自由 slot で padding のみ供給。
+ * - overlay の黒 50% は token 外の literal（modal と同じ）。
+ * - sheet の下余白（SafeArea）は実装（BottomSheet.tsx）が SafeAreaView で加算する。
+ */
+import type { FontWeightValue, NativeTheme, ThemeMode } from "../theme";
+/** overlay の黒 50%（token 外 literal。modal と同値）。 */
+export declare const BOTTOM_SHEET_OVERLAY_COLOR = "rgba(0,0,0,0.5)";
+export interface BottomSheetStyle {
+    overlayStyle: {
+        flex: 1;
+        backgroundColor: string;
+        justifyContent: "flex-end";
+    };
+    sheetStyle: {
+        backgroundColor: string;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
+    grabberStyle: {
+        width: 36;
+        height: 4;
+        borderRadius: number;
+        backgroundColor: string;
+        alignSelf: "center";
+        marginTop: number;
+    };
+    titleStyle: {
+        fontSize: number;
+        fontWeight: FontWeightValue;
+        color: string;
+        paddingHorizontal: number;
+        paddingTop: number;
+    };
+    contentStyle: {
+        padding: number;
+    };
+}
+/** mode → BottomSheet style の解決（bottom-sheet.recipe styleRefs の 1:1 写像）。 */
+export declare function resolveBottomSheetStyle(theme: NativeTheme, mode: ThemeMode): BottomSheetStyle;
+//# sourceMappingURL=bottom-sheet.styles.d.ts.map

package/lib/typescript/src/components/bottom-sheet.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/bottom-sheet.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAExE,iDAAiD;AAEjD,eAAO,MAAM,0BAA0B,oBAAoB,CAAC;AAE5D,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,eAAe,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,UAAU,CAAA;KAAE,CAAC;IAC/E,UAAU,EAAE;QACV,eAAe,EAAE,MAAM,CAAC;QACxB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,oBAAoB,EAAE,MAAM,CAAC;KAC9B,CAAC;IACF,YAAY,EAAE;QACZ,KAAK,EAAE,EAAE,CAAC;QACV,MAAM,EAAE,CAAC,CAAC;QACV,YAAY,EAAE,MAAM,CAAC;QACrB,eAAe,EAAE,MAAM,CAAC;QACxB,SAAS,EAAE,QAAQ,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,eAAe,CAAC;QAC5B,KAAK,EAAE,MAAM,CAAC;QACd,iBAAiB,EAAE,MAAM,CAAC;QAC1B,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CACnC;AAED,4EAA4E;AAC5E,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,GAAG,gBAAgB,CA8B7F"}

package/lib/typescript/src/components/card.styles.d.ts

@@ -0,0 +1,27 @@
+/**
+ * card.styles — Card の pure style resolver（styleRefs conformance 対応で Card.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュール（型 import のみ）にすることで node テスト
+ * （tsx --test）から直接実行できる。recipes/app/card.recipe.json（melta-contracts の styleRefs）
+ * との機械照合は scripts/lib/card-conformance.test.ts が行う。
+ */
+import type { ViewStyle } from "react-native";
+import type { NativeTheme, ThemeMode } from "../theme";
+export type CardVariant = "basic" | "media" | "action" | "link";
+/** variant → インタラクティブ（Pressable）か。action/link のみ true（recipe pressedStyle の有無と対応）。 */
+export declare const CARD_INTERACTIVE: Record<CardVariant, boolean>;
+/**
+ * Card の外枠 style を一元生成（card.recipe variants.style の 1:1 写像、
+ * 非インタラクティブ View / インタラクティブ Pressable の両分岐で共有）。
+ *
+ * - pressed は action/link のみ elevation sm→md（recipe pressedStyle、contract hover→pressed mapping）。
+ * - 注: overflow:hidden は付けない。iOS は shadow(elevation) と overflow:hidden が同居すると影が
+ *   消えるため（contract は media でも elevation.sm 要求）。media のクリップは内側の clip View で行う。
+ * - media は内側 clip View が padding を持つ（resolveCardBodyStyle / recipe bodyStyle）ので外枠は padding なし。
+ */
+export declare function resolveCardShape(theme: NativeTheme, mode: ThemeMode, variant: CardVariant, pressed?: boolean): ViewStyle;
+/** media の body padding（内側 clip View 側が持つ。recipe bodyStyle の写像）。media 以外は undefined。 */
+export declare function resolveCardBodyStyle(theme: NativeTheme, variant: CardVariant): {
+    padding: number;
+} | undefined;
+//# sourceMappingURL=card.styles.d.ts.map

package/lib/typescript/src/components/card.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/card.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAgB,MAAM,UAAU,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhE,sFAAsF;AACtF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAKzD,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,OAAO,UAAQ,GACd,SAAS,CAYX;AAED,wFAAwF;AACxF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,WAAW,GACnB;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAEjC"}

package/lib/typescript/src/components/checkbox.styles.d.ts

@@ -0,0 +1,55 @@
+/**
+ * checkbox.styles — Checkbox の pure style resolver（styleRefs conformance 対応で Checkbox.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/checkbox.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/checkbox-conformance.test.ts が行う。
+ */
+import type { NativeTheme, ThemeMode } from "../theme";
+/**
+ * recipe 由来の literal 値テーブル（token 化されていない数値。conformance が recipe と照合する）。
+ * - box は 20px（web の 16px より大きいのはタッチ前提、recipe description）
+ * - hitSlop は (44 - box 20) / 2 = 12。行全体 Pressable に足して実タッチ領域 44pt を確保
+ */
+export declare const CHECKBOX_SPEC: {
+    readonly boxSize: 20;
+    readonly boxBorderWidth: 2;
+    readonly disabledOpacity: 0.5;
+    readonly hitSlop: 12;
+};
+/** 見た目（色）に効く状態入力。disabled は opacity のみで色を変えないため含めない。 */
+export interface CheckboxStateInput {
+    checked: boolean;
+    /** true で variant "indeterminate"。box の塗りは checked と同じ、mark が横棒になる。 */
+    indeterminate?: boolean;
+    /** true で states.error の borderColor 差分。checked より優先（選択済みでもエラーなら赤枠）。 */
+    error?: boolean;
+}
+export interface CheckboxResolved {
+    /** box（20px の四角）。recipe の boxStyle スロットと 1:1。 */
+    boxStyle: {
+        width: number;
+        height: number;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    /** label（recipe の labelStyle スロットと 1:1。実装は Text primitive の base/text-default で同値）。 */
+    labelStyle: {
+        fontSize: number;
+        color: string;
+    };
+    /** box と label の間隔。 */
+    gap: number;
+    /** checkmark（L 字 border）/ indeterminate 横棒の色（states.checked.markColor）。 */
+    markColor: string;
+}
+/**
+ * 状態 → 最終 style 値の解決（checkbox.recipe styleRefs の 1:1 写像）。
+ * - 塗り（bg/border = primary.500）は checked / indeterminate 共通（recipe の variants.indeterminate
+ *   boxStyle と states.checked boxStyle が同値であることは conformance が recipe 側で担保）。
+ * - error は borderColor のみ上書き（states.error）。
+ */
+export declare function resolveCheckboxStyle(theme: NativeTheme, mode: ThemeMode, { checked, indeterminate, error }: CheckboxStateInput): CheckboxResolved;
+//# sourceMappingURL=checkbox.styles.d.ts.map

package/lib/typescript/src/components/checkbox.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEvD;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,wDAAwD;AACxD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,uEAAuE;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,iDAAiD;IACjD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,uFAAuF;IACvF,UAAU,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,2EAA2E;IAC3E,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,EAAE,OAAO,EAAE,aAAqB,EAAE,KAAa,EAAE,EAAE,kBAAkB,GACpE,gBAAgB,CAuBlB"}

package/lib/typescript/src/components/empty-state.styles.d.ts

@@ -0,0 +1,58 @@
+/**
+ * empty-state.styles — EmptyState の pure style resolver（styleRefs conformance 対応で
+ * EmptyState.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/empty-state.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/empty-state-conformance.test.ts が行う。
+ */
+import type { FontWeightValue, NativeTheme, ThemeMode } from "../theme";
+/**
+ * default variant の構成キー（token キー）。
+ * component は Text / View にこのキーをそのまま渡し、resolver は同じキーから style 値を解決する
+ * （component と resolver が別々のキーを持って drift する事故を防ぐ SSOT）。
+ */
+export declare const EMPTY_STATE_SPEC: {
+    readonly padding: "8";
+    readonly gap: "3";
+    readonly titleFont: "lg";
+    readonly titleWeight: "semibold";
+    readonly titleColor: "text-heading";
+    readonly descriptionFont: "sm";
+    readonly descriptionColor: "text-muted";
+    readonly actionMarginTop: "2";
+};
+/** slot 構成（recipe default variant の style / titleStyle / descriptionStyle / actionStyle と 1:1）。 */
+export interface EmptyStateStyles {
+    /** 中央寄せコンテナ */
+    style: {
+        alignItems: "center";
+        justifyContent: "center";
+        padding: number;
+        gap: number;
+    };
+    /** compose する Text primitive（title）へ渡す値の解決結果 */
+    titleStyle: {
+        fontSize: number;
+        fontWeight: FontWeightValue;
+        color: string;
+        textAlign: "center";
+    };
+    /** compose する Text primitive（description）へ渡す値の解決結果 */
+    descriptionStyle: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+    };
+    /** 任意 action（Button contained を内部 compose）のラッパ */
+    actionStyle: {
+        marginTop: number;
+    };
+}
+/**
+ * default variant → style 解決（empty-state.recipe styleRefs の 1:1 写像）。
+ * title / description の fontSize・fontWeight・色は EMPTY_STATE_SPEC のキーから解決する
+ * （component 側は同じキーを Text の variant / weight / color prop に渡す = 同源）。
+ */
+export declare function resolveEmptyStateStyles(theme: NativeTheme, mode: ThemeMode): EmptyStateStyles;
+//# sourceMappingURL=empty-state.styles.d.ts.map

package/lib/typescript/src/components/empty-state.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/empty-state.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAGV,eAAe,EACf,WAAW,EAGX,SAAS,EACV,MAAM,UAAU,CAAC;AAElB;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;CAkB5B,CAAC;AAEF,mGAAmG;AACnG,MAAM,WAAW,gBAAgB;IAC/B,eAAe;IACf,KAAK,EAAE;QACL,UAAU,EAAE,QAAQ,CAAC;QACrB,cAAc,EAAE,QAAQ,CAAC;QACzB,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,gDAAgD;IAChD,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,eAAe,CAAC;QAC5B,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,QAAQ,CAAC;KACrB,CAAC;IACF,sDAAsD;IACtD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,QAAQ,CAAC;KACrB,CAAC;IACF,kDAAkD;IAClD,WAAW,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,GAAG,gBAAgB,CAsB7F"}

package/lib/typescript/src/components/header.styles.d.ts

@@ -0,0 +1,30 @@
+/**
+ * header.styles — Header の pure style resolver（styleRefs conformance 対応で Header.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/header.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/header-conformance.test.ts が行う。
+ */
+import type { NativeTheme, ThemeMode } from "../theme";
+export interface HeaderStyle {
+    containerStyle: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        backgroundColor: string;
+        borderBottomWidth: 1;
+        borderBottomColor: string;
+    };
+    titleWrapStyle: {
+        flex: 1;
+    };
+}
+/**
+ * mode → ヘッダー style の解決（header.recipe styleRefs の 1:1 写像）。
+ * title の typography はここでは持たない — Header は melta の Text
+ * （variant="xl" weight="bold" color="text-heading" role="heading"）を compose する（text recipe が正）。
+ */
+export declare function resolveHeaderStyle(theme: NativeTheme, mode: ThemeMode): HeaderStyle;
+//# sourceMappingURL=header.styles.d.ts.map

package/lib/typescript/src/components/header.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/header.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEvD,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE;QACd,aAAa,EAAE,KAAK,CAAC;QACrB,UAAU,EAAE,QAAQ,CAAC;QACrB,GAAG,EAAE,MAAM,CAAC;QACZ,iBAAiB,EAAE,MAAM,CAAC;QAC1B,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,EAAE,MAAM,CAAC;QACxB,iBAAiB,EAAE,CAAC,CAAC;QACrB,iBAAiB,EAAE,MAAM,CAAC;KAC3B,CAAC;IACF,cAAc,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,GAAG,WAAW,CAcnF"}

package/lib/typescript/src/components/image.styles.d.ts

@@ -0,0 +1,28 @@
+/**
+ * image.styles — Image の pure style resolver（styleRefs conformance 対応で Image.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/image.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/image-conformance.test.ts が行う。
+ *
+ * recipe の variants.default.style / states.error.style は両方とも空 object＝
+ * 「実装はデフォルトの装飾 style を持たない」が意図（contract の tokenRefs radius=radius.md
+ * とは意図的な食い違い。recipe description に明記済み）。ここでは radius prop
+ * （token キー限定）指定時のみ borderRadius + overflow:hidden を付ける。
+ */
+import type { NativeTheme, RadiusKey } from "../theme";
+/**
+ * ImageStyle / ViewStyle 双方に有効な共通サブセット。
+ * 画像本体（RNImage）と error 時の fallback View で同じ shape を共用する。
+ */
+export interface ImageShapeStyle {
+    aspectRatio?: number;
+    borderRadius?: number;
+    overflow?: "hidden";
+}
+/** radius / aspectRatio props → shape style の解決。未指定なら空 object（装飾なし）。 */
+export declare function resolveImageShape(theme: NativeTheme, { aspectRatio, radius }?: {
+    aspectRatio?: number;
+    radius?: RadiusKey;
+}): ImageShapeStyle;
+//# sourceMappingURL=image.styles.d.ts.map

package/lib/typescript/src/components/image.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/image.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,wEAAwE;AACxE,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,WAAW,EAClB,EAAE,WAAW,EAAE,MAAM,EAAE,GAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAAO,GACzE,eAAe,CAMjB"}

package/lib/typescript/src/components/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * melta-app components の公開エントリ（設計書 §1）。
+ * Surface はライブラリ公開（P1）で正式 export（契約 surface.contract.json + recipe を持つ implemented）。
+ */
+export { Surface } from "./Surface";
+export { Image } from "./Image";
+export { Card } from "./Card";
+export { Skeleton } from "./Skeleton";
+export { EmptyState } from "./EmptyState";
+export { Screen } from "./Screen";
+export { Header } from "./Header";
+export { Avatar } from "./Avatar";
+export { TextField } from "./TextField";
+export { Toggle } from "./Toggle";
+export { Checkbox } from "./Checkbox";
+export { Radio } from "./Radio";
+export { Alert } from "./Alert";
+export { Toast } from "./Toast";
+export { Progress } from "./Progress";
+export { Modal } from "./Modal";
+export { ActionSheet } from "./ActionSheet";
+export { BottomSheet } from "./BottomSheet";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/typescript/src/components/modal.styles.d.ts

@@ -0,0 +1,66 @@
+/**
+ * modal.styles — Modal の pure style resolver（styleRefs conformance 対応で Modal.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/modal.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/modal-conformance.test.ts が行う。
+ *
+ * - variant（confirmation/form/alert）は意味分類で style は 3 つとも共通（recipe と同じ）。
+ *   props には受けるが style 解決では使わない（API 対称性のため interface には残す）。
+ * - overlay の黒 50% は token 外の literal（recipe description 参照。web も bg-black/50）。
+ * - elevation.overlay は iOS shadow* + Android elevation の複合 token のため、
+ *   panelStyle 本体と分けて panelElevation で返す（Surface と同じ扱い）。
+ * - sizes はタブレット以上で効く maxWidth（モバイルは width 100% - overlay padding が先に効く）。
+ */
+import type { ElevationStyle, FontWeightValue, NativeTheme, ThemeMode } from "../theme";
+import type { SizeOf, VariantOf } from "../contracts/contract-types";
+export type ModalVariant = VariantOf<"modal">;
+export type ModalSize = SizeOf<"modal">;
+/** size → panel の maxWidth（modal.recipe sizes の literal と 1:1）。 */
+export declare const MODAL_MAX_WIDTH: Record<ModalSize, number>;
+/** overlay の黒 50%（token 外 literal。recipe / web の bg-black/50 と同値）。 */
+export declare const MODAL_OVERLAY_COLOR = "rgba(0,0,0,0.5)";
+export interface ModalStyleProps {
+    /** 意味分類（style は共通）。default "confirmation"。 */
+    variant?: ModalVariant;
+    /** panel の maxWidth 段階。default "medium"。 */
+    size?: ModalSize;
+}
+export interface ModalStyle {
+    overlayStyle: {
+        flex: 1;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+        padding: number;
+    };
+    panelStyle: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        width: "100%";
+        maxWidth: number;
+    };
+    /** iOS shadow* + Android elevation の複合値。panelStyle と並べて spread する。 */
+    panelElevation: ElevationStyle;
+    titleStyle: {
+        fontSize: number;
+        fontWeight: FontWeightValue;
+        color: string;
+    };
+    bodyStyle: {
+        marginTop: number;
+    };
+    footerStyle: {
+        flexDirection: "row";
+        justifyContent: "flex-end";
+        gap: number;
+        marginTop: number;
+    };
+}
+/**
+ * size / mode → Modal style の解決（modal.recipe styleRefs の 1:1 写像）。
+ * variant は意味分類のみで style に影響しない（recipe の 3 variant が同値）。
+ */
+export declare function resolveModalStyle(theme: NativeTheme, mode: ThemeMode, { size }?: ModalStyleProps): ModalStyle;
+//# sourceMappingURL=modal.styles.d.ts.map

package/lib/typescript/src/components/modal.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/modal.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAErE,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AAExC,mEAAmE;AACnE,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIrD,CAAC;AAEF,sEAAsE;AAEtE,eAAO,MAAM,mBAAmB,oBAAoB,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC,CAAC;QACR,eAAe,EAAE,MAAM,CAAC;QACxB,cAAc,EAAE,QAAQ,CAAC;QACzB,UAAU,EAAE,QAAQ,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,UAAU,EAAE;QACV,eAAe,EAAE,MAAM,CAAC;QACxB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,sEAAsE;IACtE,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7E,SAAS,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,WAAW,EAAE;QACX,aAAa,EAAE,KAAK,CAAC;QACrB,cAAc,EAAE,UAAU,CAAC;QAC3B,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,EAAE,IAAe,EAAE,GAAE,eAAoB,GACxC,UAAU,CA+BZ"}

package/lib/typescript/src/components/progress.styles.d.ts

@@ -0,0 +1,44 @@
+/**
+ * progress.styles — Progress の pure style resolver（styleRefs conformance 対応で Progress.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/progress.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/progress-conformance.test.ts が行う。
+ *
+ * - track（高さ8 = web h-2）の中を fill が value%（determinate）または往復アニメ
+ *   （indeterminate variant）で埋める。fill の幅は実装（Progress.tsx）が value から算出する
+ *   （recipe は色と形のみ、recipe description）。
+ * - track の背景は semantic border-default → dark mode では dark 側から解決する。
+ *   fill は primary.500 / status.success.base（mode 非依存）。
+ */
+import type { NativeTheme, ThemeMode } from "../theme";
+export type ProgressVariant = "primary" | "success" | "indeterminate";
+/** track / fill の高さ（recipe の literal 8 = web h-2 の写像。token では無い raw px）。 */
+export declare const PROGRESS_TRACK_HEIGHT = 8;
+/** indeterminate variant の fill 幅比率（track の 40%。往復アニメ / reduce motion 時の静止幅）。 */
+export declare const PROGRESS_INDETERMINATE_FILL_RATIO = 0.4;
+/** 角丸キー（token キー。全 variant 共通 radius.full）。 */
+export declare const PROGRESS_RADIUS: "full";
+/** value の 0〜100 clamp（非有限は 0 に落とす）。determinate の幅・accessibilityValue.now の同源。 */
+export declare function clampProgressValue(value: number): number;
+/** slot 構成（progress.recipe 各 variant の trackStyle / fillStyle と 1:1）。 */
+export interface ProgressStyles {
+    trackStyle: {
+        backgroundColor: string;
+        borderRadius: number;
+        height: number;
+        overflow: "hidden";
+    };
+    fillStyle: {
+        backgroundColor: string;
+        borderRadius: number;
+        height: number;
+    };
+}
+/**
+ * variant → 全 slot の style 解決（progress.recipe styleRefs の 1:1 写像）。
+ * - track: semantic border-default（mode 依存）。
+ * - fill: success は status.success.base、primary / indeterminate は primary.500（mode 非依存）。
+ */
+export declare function resolveProgressStyles(theme: NativeTheme, mode: ThemeMode, variant: ProgressVariant): ProgressStyles;
+//# sourceMappingURL=progress.styles.d.ts.map

package/lib/typescript/src/components/progress.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/progress.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAa,SAAS,EAAE,MAAM,UAAU,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,eAAe,CAAC;AAEtE,4EAA4E;AAC5E,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,iFAAiF;AACjF,eAAO,MAAM,iCAAiC,MAAM,CAAC;AAErD,+CAA+C;AAC/C,eAAO,MAAM,eAAe,QAAsC,CAAC;AAEnE,kFAAkF;AAClF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGxD;AAED,yEAAyE;AACzE,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE;QACV,eAAe,EAAE,MAAM,CAAC;QACxB,YAAY,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,QAAQ,CAAC;KACpB,CAAC;IACF,SAAS,EAAE;QACT,eAAe,EAAE,MAAM,CAAC;QACxB,YAAY,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,eAAe,GACvB,cAAc,CAgBhB"}