melta-app 0.1.0

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

@@ -0,0 +1,91 @@
+/**
+ * radio.styles — Radio（RadioGroup）の pure style resolver（styleRefs conformance 対応で
+ * Radio.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/radio.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/radio-conformance.test.ts が行う。
+ *
+ * recipe の構造メモ: circleStyle/dotStyle/labelStyle/groupLabelStyle/optionGap は
+ * variant 非依存の共通部として vertical にのみ載っている（recipe description）。
+ * 実装ではこの共通部を variant に関わらず同値で返す（conformance が variant 間一致を照合）。
+ */
+import type { FontWeightValue, NativeTheme, ThemeMode } from "../theme";
+export type RadioVariant = "vertical" | "horizontal" | "card-style";
+/** recipe 由来の literal 値テーブル（token 化されていない数値。conformance が recipe と照合する）。 */
+export declare const RADIO_SPEC: {
+    readonly circleSize: 20;
+    readonly circleBorderWidth: 2;
+    readonly dotSize: 10;
+    readonly cardBorderWidth: 1;
+    readonly disabledOpacity: 0.5;
+};
+export interface RadioGroupResolved {
+    /** variant 別レイアウト（vertical/card-style は縦積み、horizontal は wrap する横並び）。 */
+    containerStyle: {
+        flexDirection: "column" | "row";
+        flexWrap?: "wrap";
+        gap: number;
+    };
+    /** selected 時に circle 内へ表示する内側ドット。 */
+    dotStyle: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    /** option label（recipe の labelStyle スロットと 1:1。実装は Text primitive の base/text-default で同値）。 */
+    labelStyle: {
+        fontSize: number;
+        color: string;
+    };
+    /** groupLabel = fieldset の legend 相当（FORM_FIELDSET_LEGEND_REQUIRED で必須）。 */
+    groupLabelStyle: {
+        fontSize: number;
+        fontWeight: FontWeightValue;
+        color: string;
+        marginBottom: number;
+    };
+    /** 各 option 内の circle と label の間隔。 */
+    optionGap: number;
+    /** states.error のエラーメッセージ（danger.text-light は recipe 指定どおり mode 非依存）。 */
+    errorTextStyle: {
+        fontSize: number;
+        color: string;
+        marginTop: number;
+    };
+    /** card-style のみ: 各 option を包む枠付きカード。 */
+    cardStyle?: {
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        padding: number;
+    };
+    /** card-style のみ: selected 時にカードへ重ねる差分。 */
+    cardSelectedStyle?: {
+        borderColor: string;
+        backgroundColor: string;
+    };
+}
+/**
+ * variant → グループ全体の style 解決（radio.recipe styleRefs の 1:1 写像）。
+ * circle は selected/error の state 差分を持つため resolveRadioCircleStyle に分離。
+ */
+export declare function resolveRadioGroupStyle(theme: NativeTheme, mode: ThemeMode, variant: RadioVariant): RadioGroupResolved;
+/**
+ * 状態 → radioCircle の style 解決（variant 非依存の共通部 + states.selected / states.error 差分）。
+ * error は selected より優先（契約 stateSpecs: 選択済みでもエラーなら赤枠）。
+ */
+export declare function resolveRadioCircleStyle(theme: NativeTheme, mode: ThemeMode, { selected, error }: {
+    selected: boolean;
+    error?: boolean;
+}): {
+    width: number;
+    height: number;
+    borderWidth: number;
+    borderColor: string;
+    borderRadius: number;
+    alignItems: "center";
+    justifyContent: "center";
+};
+//# sourceMappingURL=radio.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/radio.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAExE,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,CAAC;AAEpE,4EAA4E;AAC5E,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AAEX,MAAM,WAAW,kBAAkB;IACjC,wEAAwE;IACxE,cAAc,EAAE;QAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACpF,sCAAsC;IACtC,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3F,8FAA8F;IAC9F,UAAU,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,4EAA4E;IAC5E,eAAe,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IACxG,sCAAsC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,cAAc,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,yCAAyC;IACzC,SAAS,CAAC,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAChG,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,CAAA;KAAE,CAAC;CACtE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,YAAY,GACpB,kBAAkB,CA6CpB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,EAAE,QAAQ,EAAE,KAAa,EAAE,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,GAClE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,QAAQ,CAAC;IACrB,cAAc,EAAE,QAAQ,CAAC;CAC1B,CAeA"}

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

@@ -0,0 +1,34 @@
+/**
+ * screen.styles — Screen の pure style resolver（styleRefs conformance 対応で Screen.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/screen.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/screen-conformance.test.ts が行う。
+ */
+import type { NativeTheme, SpacingKey, ThemeMode } from "../theme";
+/** content の padding（spacing token キー限定 | "none"）。default "4"（recipe に焼いてある）。 */
+export type ScreenPadding = SpacingKey | "none";
+export interface ScreenStyleProps {
+    /** fixed = flex:1 の View / scroll = ScrollView contentContainerStyle。 */
+    variant: "fixed" | "scroll";
+    /** content の padding。default "4"。 */
+    padding?: ScreenPadding;
+}
+export interface ScreenStyle {
+    safeAreaStyle: {
+        flex: 1;
+        backgroundColor: string;
+    };
+    contentStyle: {
+        flex?: 1;
+        padding?: number;
+    };
+}
+/**
+ * variant / padding → 画面骨格 style の解決（screen.recipe styleRefs の 1:1 写像）。
+ * - safeAreaStyle は両 variant 共通（flex:1 + bg-page。mode で semantic 解決）。
+ * - contentStyle は fixed のみ flex:1 を持つ（scroll は ScrollView が伸びるため不要）。
+ * - padding="none" は padding を出力しない。
+ */
+export declare function resolveScreenStyle(theme: NativeTheme, mode: ThemeMode, { variant, padding }: ScreenStyleProps): ScreenStyle;
+//# sourceMappingURL=screen.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"screen.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/screen.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEnE,iFAAiF;AACjF,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,yEAAyE;IACzE,OAAO,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,qCAAqC;IACrC,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,aAAa,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,eAAe,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,YAAY,EAAE;QAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9C;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,EAAE,OAAO,EAAE,OAAa,EAAE,EAAE,gBAAgB,GAC3C,WAAW,CAQb"}

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

@@ -0,0 +1,105 @@
+/**
+ * skeleton.styles — Skeleton の pure style resolver（styleRefs conformance 対応で Skeleton.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/skeleton.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/skeleton-conformance.test.ts が行う。
+ */
+import type { ElevationStyle, NativeTheme, ThemeMode } from "../theme";
+export type SkeletonVariant = "text" | "circle" | "card";
+/** contract states（loading = pulse、loaded = Skeleton 自体をアンマウント）。 */
+export type SkeletonState = "loading" | "loaded";
+/**
+ * card variant の Surface 土台へ渡す props（token キー）。
+ * component は Surface にこのキーをそのまま渡し、resolver は同じキーから style 値を解決する
+ * （component と resolver が別々のキーを持って drift する事故を防ぐ SSOT）。
+ */
+export declare const CARD_SURFACE_SPEC: {
+    readonly bg: "bg-surface";
+    readonly radius: "lg";
+    readonly elevation: "sm";
+    readonly padding: "6";
+};
+/** バー / アバター円の寸法。recipe と同じく token に対応が無い literal（recipe description 参照）。 */
+export declare const SKELETON_METRICS: {
+    /** text variant の行バー高さ */
+    readonly textBarHeight: 14;
+    /** card variant 内のバー高さ */
+    readonly cardBarHeight: 12;
+    /** circle variant / card 内アバター円の直径 */
+    readonly circleSize: 40;
+};
+/**
+ * pulse の opacity 振れ幅（states.loading.animation の opacityFrom/opacityTo）。
+ * to は states.loading.style.opacity（= dim 側の見た目）と同値。
+ */
+export declare const PULSE_OPACITY: {
+    readonly from: 1;
+    readonly to: 0.4;
+};
+/** バー1本分の style（text の行バー / card 内バーで共通の形）。 */
+export interface SkeletonBarStyle {
+    height: number;
+    borderRadius: number;
+    backgroundColor: string;
+}
+/** variant ごとの slot 構成（recipe の style / barStyle と 1:1）。 */
+export interface SkeletonVariantStyles {
+    /** text: 行バー style + 行間 gap。recipe は 1 slot に併記（component 側で gap をコンテナへ分離） */
+    text: {
+        style: SkeletonBarStyle & {
+            gap: number;
+        };
+    };
+    circle: {
+        style: {
+            width: number;
+            height: number;
+            borderRadius: number;
+            backgroundColor: string;
+        };
+    };
+    card: {
+        /** Surface 土台の style。elevation は複合値（iOS shadow* + Android elevation）のまま保持 */
+        style: {
+            backgroundColor: string;
+            borderRadius: number;
+            borderWidth: number;
+            borderColor: string;
+            padding: number;
+            elevation: ElevationStyle;
+        };
+        barStyle: SkeletonBarStyle;
+    };
+}
+/**
+ * variant → style 解決（skeleton.recipe styleRefs の 1:1 写像）。
+ * バーの色は text / circle / card すべて border-default（contract に忠実、§1 Agent m2）。
+ * card の土台は CARD_SURFACE_SPEC のキーから解決する（component 側の Surface props と同源）。
+ */
+export declare function resolveSkeletonVariants(theme: NativeTheme, mode: ThemeMode): SkeletonVariantStyles;
+/** states ごとの slot 構成（recipe の states.*.style / animation と 1:1）。 */
+export interface SkeletonStateStyles {
+    loading: {
+        /** dim 側の見た目（pulse の下限） */
+        style: {
+            opacity: number;
+        };
+        /** pulse アニメーション仕様（duration は motion token 由来の ms 数値） */
+        animation: {
+            opacityFrom: number;
+            opacityTo: number;
+            duration: number;
+        };
+    };
+    /** loaded は Skeleton 自体をアンマウント（style 差分なし） */
+    loaded: {
+        style: Record<string, never>;
+    };
+}
+/**
+ * states → 値解決。loading の pulse は opacity from↔to を motion.duration.slow で loop
+ * （reduce-motion ON 時の完全停止は component 側の責務）。
+ */
+export declare function resolveSkeletonStates(theme: NativeTheme): SkeletonStateStyles;
+//# sourceMappingURL=skeleton.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAEV,cAAc,EACd,WAAW,EAIX,SAAS,EACV,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzD,oEAAoE;AACpE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;CAU7B,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,gBAAgB;IAC3B,0BAA0B;;IAE1B,0BAA0B;;IAE1B,sCAAsC;;CAE9B,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,aAAa;;;CAAgC,CAAC;AAE3D,+CAA+C;AAC/C,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,4DAA4D;AAC5D,MAAM,WAAW,qBAAqB;IACpC,8EAA8E;IAC9E,IAAI,EAAE;QAAE,KAAK,EAAE,gBAAgB,GAAG;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACpD,MAAM,EAAE;QACN,KAAK,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,YAAY,EAAE,MAAM,CAAC;YAAC,eAAe,EAAE,MAAM,CAAA;SAAE,CAAC;KACzF,CAAC;IACF,IAAI,EAAE;QACJ,6EAA6E;QAC7E,KAAK,EAAE;YACL,eAAe,EAAE,MAAM,CAAC;YACxB,YAAY,EAAE,MAAM,CAAC;YACrB,WAAW,EAAE,MAAM,CAAC;YACpB,WAAW,EAAE,MAAM,CAAC;YACpB,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,cAAc,CAAC;SAC3B,CAAC;QACF,QAAQ,EAAE,gBAAgB,CAAC;KAC5B,CAAC;CACH;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,GAAG,qBAAqB,CAoClG;AAED,qEAAqE;AACrE,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE;QACP,2BAA2B;QAC3B,KAAK,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAC;QAC3B,yDAAyD;QACzD,SAAS,EAAE;YAAE,WAAW,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;KACzE,CAAC;IACF,8CAA8C;IAC9C,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;KAAE,CAAC;CAC1C;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAY7E"}

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

@@ -0,0 +1,31 @@
+/**
+ * surface.styles — Surface の pure style resolver（styleRefs conformance 対応で Surface.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/surface.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/surface-conformance.test.ts が行う。
+ */
+import type { ElevationKey, ElevationStyle, NativeTheme, RadiusKey, SemanticColors, SpacingKey, ThemeMode } from "../theme";
+/** Surface の見た目 props（すべて token キー限定。デフォルトは recipe default variant と 1:1）。 */
+export interface SurfaceStyleProps {
+    bg?: keyof SemanticColors;
+    radius?: RadiusKey;
+    elevation?: ElevationKey;
+    padding?: SpacingKey;
+}
+/**
+ * props → 最終 style 値の解決。
+ * base（背景・角丸・padding）と elevation（iOS shadow* + Android elevation の複合値）を
+ * 分けて返し、呼び出し側が [base, elevation, style] の順で合成する（従来の適用順を維持）。
+ * デフォルト（bg=bg-surface / radius=lg / elevation=none、padding は無し）は
+ * recipe（surface.recipe.json）の default variant と一致させている。
+ */
+export declare function resolveSurfaceStyle(theme: NativeTheme, mode: ThemeMode, { bg, radius, elevation, padding }?: SurfaceStyleProps): {
+    base: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding?: number;
+    };
+    elevation: ElevationStyle;
+};
+//# sourceMappingURL=surface.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"surface.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/surface.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAS,EACT,cAAc,EACd,UAAU,EACV,SAAS,EACV,MAAM,UAAU,CAAC;AAElB,8EAA8E;AAC9E,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,EAAE,EAAiB,EAAE,MAAa,EAAE,SAAkB,EAAE,OAAO,EAAE,GAAE,iBAAsB,GACxF;IACD,IAAI,EAAE;QAAE,eAAe,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1E,SAAS,EAAE,cAAc,CAAC;CAC3B,CASA"}

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

@@ -0,0 +1,75 @@
+/**
+ * textfield.styles — TextField の pure style resolver（styleRefs conformance 対応で TextField.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/textfield.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/textfield-conformance.test.ts が行う。
+ *
+ * - variant は入力の検証状態（default/error/success/disabled = 契約の variant 語彙）。
+ *   disabled は component 側で prop disabled=true から上書きされる（TextField.tsx 参照）。
+ * - label/helperText/errorText は variant 非依存の共通部（recipe は default にのみ載せる規約、
+ *   実装は全 variant で同じものを返す）。
+ * - status 色（error の bg / errorText の文字色）は mode で subtle-light/dark・text-light/dark を
+ *   切り替える（semantic 色を semantic[mode] で引くのと同じ規約。recipe は light 側を encode）。
+ * - focus は state 差分（borderColor のみ）。resolveTextFieldFocusStyle で別関数にし、
+ *   conformance が recipe states.focus と照合する。
+ */
+import type { NativeTheme, ThemeMode, FontSizeKey, FontWeightValue, SpacingKey } from "../theme";
+/** 検証状態（textfield.contract の variant 語彙と 1:1）。 */
+export type TextFieldVariant = "default" | "error" | "success" | "disabled";
+export type TextFieldSize = "small" | "medium" | "large";
+/**
+ * size → height / 横 padding / 入力文字 fontSize（textfield.recipe sizes と整合）。
+ * height の literal は recipe の値を直書きし、conformance で recipe と照合する。
+ */
+export declare const TEXTFIELD_SIZE_SPEC: Record<TextFieldSize, {
+    height: number;
+    px: SpacingKey;
+    font: FontSizeKey;
+}>;
+/** resolver の出力（label → input → helperText / errorText の縦構成の各パート）。 */
+export interface TextFieldResolvedStyle {
+    input: {
+        height: number;
+        paddingHorizontal: number;
+        fontSize: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string;
+        borderRadius: number;
+        /** 入力文字色。recipe description の「disabled のテキスト色は text-muted」を担う。 */
+        color: string;
+    };
+    label: {
+        fontSize: number;
+        fontWeight: FontWeightValue;
+        color: string;
+        marginBottom: number;
+    };
+    helperText: {
+        fontSize: number;
+        color: string;
+        marginTop: number;
+    };
+    errorText: {
+        fontSize: number;
+        color: string;
+        marginTop: number;
+    };
+}
+/**
+ * variant / size → 最終 style 値の解決（textfield.recipe styleRefs の 1:1 写像）。
+ * デフォルト（variant=default / size=medium）は component の prop デフォルトと一致させている。
+ */
+export declare function resolveTextFieldStyle(theme: NativeTheme, mode: ThemeMode, { variant, size, }?: {
+    variant?: TextFieldVariant;
+    size?: TextFieldSize;
+}): TextFieldResolvedStyle;
+/**
+ * focus state の inputStyle 差分（recipe states.focus の写像。borderColor のみ —
+ * web の ring は RN 非対応、border 幅を変えるとレイアウトシフトするため色だけ）。
+ */
+export declare function resolveTextFieldFocusStyle(theme: NativeTheme): {
+    borderColor: string;
+};
+//# sourceMappingURL=textfield.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/textfield.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,eAAe,EACf,UAAU,EACX,MAAM,UAAU,CAAC;AAElB,kDAAkD;AAClD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAC5E,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,aAAa,EACb;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,WAAW,CAAA;CAAE,CAKtD,CAAC;AAEF,sEAAsE;AACtE,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,iBAAiB,EAAE,MAAM,CAAC;QAC1B,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,eAAe,EAAE,MAAM,CAAC;QACxB,YAAY,EAAE,MAAM,CAAC;QACrB,kEAAkE;QAClE,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,eAAe,CAAC;QAC5B,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE,SAAS,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CACnE;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,EACE,OAAmB,EACnB,IAAe,GAChB,GAAE;IAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAAC,IAAI,CAAC,EAAE,aAAa,CAAA;CAAO,GAC3D,sBAAsB,CAkDxB;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,WAAW,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAEtF"}

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

@@ -0,0 +1,62 @@
+/**
+ * toast.styles — Toast の pure style resolver（styleRefs conformance 対応で Toast.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/toast.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/toast-conformance.test.ts が行う。
+ *
+ * - Alert と同系の bg subtle + text 色に elevation.sm を重ねる（浮いている通知、recipe description）。
+ *   elevation は iOS shadow* + Android elevation の複合 token のため containerStyle と分けて返し、
+ *   呼び出し側が [containerStyle, elevation, style] の順で合成する（Surface と同じ扱い）。
+ * - dark mode は status.*.subtleDark / textDark 側を解決する。info variant のみ primary 固定
+ *   （dark token が無い既知の割り切り、alert と同じ）。
+ */
+import type { ElevationStyle, FontWeightValue, NativeTheme, ThemeMode } from "../theme";
+export type ToastVariant = "success" | "error" | "warning" | "info";
+/**
+ * 構成キー（token キー）。component は Text にこのキーをそのまま渡し、resolver は同じキーから
+ * style 値を解決する（component と resolver が別々のキーを持って drift する事故を防ぐ SSOT）。
+ */
+export declare const TOAST_SPEC: {
+    readonly padding: "4";
+    readonly gap: "3";
+    readonly radius: "md";
+    readonly elevation: "sm";
+    readonly messageFont: "sm";
+    readonly messageWeight: "medium";
+};
+/**
+ * slot 構成（toast.recipe 各 variant の containerStyle / messageStyle と 1:1。
+ * containerStyle 内の elevation 参照だけは複合 token のため別 slot に分離して返す）。
+ */
+export interface ToastStyles {
+    containerStyle: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    /** iOS shadow* + Android elevation の複合値。container へ spread する。 */
+    elevation: ElevationStyle;
+    /** compose する Text primitive（message）へ渡す値の解決結果 */
+    messageStyle: {
+        color: string;
+        fontSize: number;
+        fontWeight: FontWeightValue;
+    };
+}
+/**
+ * variant → bg / text 色の解決。
+ * - info: primary.50 / primary.800 固定（mode 非依存）。
+ * - success / error / warning: status token（error は status キー上は danger）。
+ *   light は subtleLight / textLight、dark は subtleDark / textDark（recipe description の写像）。
+ */
+export declare function resolveToastColors(theme: NativeTheme, mode: ThemeMode, variant: ToastVariant): {
+    bg: string;
+    text: string;
+};
+/** variant → 全 slot の style 解決（toast.recipe styleRefs の 1:1 写像）。 */
+export declare function resolveToastStyles(theme: NativeTheme, mode: ThemeMode, variant: ToastVariant): ToastStyles;
+//# sourceMappingURL=toast.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/toast.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAEV,cAAc,EAGd,eAAe,EACf,WAAW,EAGX,SAAS,EACV,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;CActB,CAAC;AAEF;;;GAGG;AACH,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,QAAQ,CAAC;QACrB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,kEAAkE;IAClE,SAAS,EAAE,cAAc,CAAC;IAC1B,kDAAkD;IAClD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,eAAe,CAAC;KAC7B,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,CAkBb"}

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

@@ -0,0 +1,53 @@
+/**
+ * toggle.styles — Toggle の pure style resolver（styleRefs conformance 対応で Toggle.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/toggle.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/toggle-conformance.test.ts が行う。
+ *
+ * - variant = variantModeledStates（off/on）。component 側で value:boolean から暗黙決定する。
+ * - track の寸法・thumbOffset の literal は recipe の値を直書きし、conformance で照合する。
+ *   thumb 位置は track に padding=thumbOffset を持たせ、component 側が justifyContent
+ *   flex-start / flex-end で寄せる（recipe description の「on 時は右端へ」の RN 表現）。
+ * - disabled は state 差分（opacity）。TOGGLE_DISABLED_OPACITY を component が適用し、
+ *   conformance が recipe states.disabled と照合する。
+ */
+import type { NativeTheme, ThemeMode } from "../theme";
+/** ON/OFF（toggle.contract の variantModeledStates と 1:1）。 */
+export type ToggleVariant = "off" | "on";
+export type ToggleSize = "medium" | "large";
+/**
+ * size → track / thumb 寸法（toggle.recipe sizes と整合）。
+ * literal は recipe の値を直書きし、conformance で recipe と照合する。
+ */
+export declare const TOGGLE_SIZE_SPEC: Record<ToggleSize, {
+    trackWidth: number;
+    trackHeight: number;
+    thumbSize: number;
+    thumbOffset: number;
+}>;
+/** disabled state の opacity（recipe states.disabled.style.opacity と照合）。 */
+export declare const TOGGLE_DISABLED_OPACITY = 0.5;
+/**
+ * variant / size → track + thumb の最終 style 値の解決（toggle.recipe styleRefs の 1:1 写像）。
+ * track.padding = thumbOffset（thumb を track 内で浮かせる余白）。
+ */
+export declare function resolveToggleStyle(theme: NativeTheme, mode: ThemeMode, { variant, size }: {
+    variant: ToggleVariant;
+    size?: ToggleSize;
+}): {
+    track: {
+        width: number;
+        height: number;
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+    };
+    thumb: {
+        width: number;
+        height: number;
+        backgroundColor: string;
+        borderRadius: number;
+    };
+};
+//# sourceMappingURL=toggle.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEvD,4DAA4D;AAC5D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC;AACzC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CACnC,UAAU,EACV;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAIpF,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,EAAE,OAAO,EAAE,IAAe,EAAE,EAAE;IAAE,OAAO,EAAE,aAAa,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,GAC1E;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,eAAe,EAAE,MAAM,CAAC;QACxB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;CACzF,CAmBA"}