melta-app 0.1.0

package/lib/module/primitives/Stack.js

@@ -0,0 +1,39 @@
+"use strict";
+
+/**
+ * Stack — 縦積み layout primitive。RN コア View の薄いラッパ。
+ * contract: stack（app 先行定義、melta-contracts）。dogfood 不足-1（生 flexbox 手書き）の解消。
+ *
+ * - gap は spacing token キー限定（生数値不可、§5 lint の意味を保つ）。
+ * - align は交差軸の配置（default stretch = RN デフォルト）。
+ * - 決定ロジックは pure resolver（stack.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 { resolveStackStyle } from "./stack.styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Stack({
+  gap,
+  align = "stretch",
+  style,
+  testID,
+  children
+}) {
+  const {
+    theme
+  } = useTheme();
+  const layout = useMemo(() => resolveStackStyle(theme, {
+    gap,
+    align
+  }), [theme, gap, align]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [layout, style],
+    testID: testID,
+    children: children
+  });
+}
+Stack.__contract = CONTRACTS.stack;
+//# sourceMappingURL=Stack.js.map

package/lib/module/primitives/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","View","useTheme","CONTRACTS","resolveStackStyle","jsx","_jsx","Stack","gap","align","style","testID","children","theme","layout","__contract","stack"],"sourceRoot":"../../../src","sources":["primitives/Stack.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAwB,OAAO;AAC/C,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,QAAQ,QAAQ,mBAAU;AAEnC,SAASC,SAAS,QAAQ,gCAA6B;AACvD,SAASC,iBAAiB,QAA0C,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYrF,OAAO,SAASC,KAAKA,CAAC;EAAEC,GAAG;EAAEC,KAAK,GAAG,SAAS;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAqB,CAAC,EAAE;EACrF,MAAM;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAE5B,MAAMY,MAAM,GAAGd,OAAO,CACpB,MAAMI,iBAAiB,CAACS,KAAK,EAAE;IAAEL,GAAG;IAAEC;EAAM,CAAC,CAAC,EAC9C,CAACI,KAAK,EAAEL,GAAG,EAAEC,KAAK,CACpB,CAAC;EAED,oBACEH,IAAA,CAACL,IAAI;IAACS,KAAK,EAAE,CAACI,MAAM,EAAEJ,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAC,QAAA,EAC1CA;EAAQ,CACL,CAAC;AAEX;AAEAL,KAAK,CAACQ,UAAU,GAAGZ,SAAS,CAACa,KAAK","ignoreList":[]}

package/lib/module/primitives/Tag.js

@@ -0,0 +1,160 @@
+"use strict";
+
+/**
+ * Tag — タグ / フィルターチップ primitive（設計書 §1, §4 C-3）。contract: tag。discriminated union。
+ *
+ * - variant で必須 prop が変わるため DU（§4: basic は表示のみ、removable は onRemove 必須、
+ *   filter-chip は selected/onToggle 必須）。
+ * - contract states active/inactive → prop selected:boolean（§2）。selected→accessibilityState.selected。
+ * - 配色: basic/removable は bg-page-alt、filter-chip は bg-surface+border、selected 時は
+ *   active-bg=primary.50 / active-border=primary.200 / active-text=primary.700（tag.contract tokenRefs）。
+ *   色・寸法の決定は pure resolver（tag.styles.ts）に分離、recipe との機械照合は
+ *   scripts/lib/tag-conformance.test.ts が行う。
+ * - label は Text primitive。filter-chip active の文字色だけ primary.700（SemanticColors 外なので style 上書き）。
+ * - focus outline は Button(Step8) で Pressable focus handling を共通化してから Tag にも適用する
+ *   （§1 は Phase1 scope だが acceptance 外。今は accessibilityState のみ。Button 実装時に回収）。
+ */
+
+import { Pressable, View } from "react-native";
+import { Text } from "./Text.js";
+import { useTheme } from "../theme/index.js";
+import { useFocusRing, FocusRing } from "./_internal/focus-ring.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { resolveTagBase, resolveTagVariant } from "./tag.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** 共通形状（px-3 py-1 rounded-full。寸法は resolver、layout はここで足す）。 */
+function useTagBase() {
+  const {
+    theme
+  } = useTheme();
+  return {
+    flexDirection: "row",
+    alignItems: "center",
+    ...resolveTagBase(theme)
+  };
+}
+function FilterChipTag(props) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const base = useTagBase();
+  const {
+    focused,
+    focusHandlers
+  } = useFocusRing();
+  const {
+    label,
+    selected,
+    onToggle,
+    style,
+    testID
+  } = props;
+  const v = resolveTagVariant(theme, mode, "filter-chip", selected);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ...focusHandlers,
+    onPress: onToggle,
+    accessibilityRole: "button",
+    accessibilityState: {
+      selected
+    },
+    testID: testID,
+    style: [base, {
+      backgroundColor: v.bg,
+      borderWidth: v.borderWidth,
+      borderColor: v.border
+    }, style],
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: v.font,
+      color: "text-default",
+      style: selected ? {
+        color: v.textColor
+      } : undefined,
+      children: label
+    }), /*#__PURE__*/_jsx(FocusRing, {
+      visible: focused,
+      radius: theme.radius.full
+    })]
+  });
+}
+function RemovableTag(props) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const base = useTagBase();
+  const {
+    focused,
+    focusHandlers
+  } = useFocusRing();
+  const {
+    label,
+    onRemove,
+    removeAccessibilityLabel,
+    style,
+    testID
+  } = props;
+  const v = resolveTagVariant(theme, mode, "removable");
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [base, {
+      backgroundColor: v.bg
+    }, style],
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: v.font,
+      color: "text-default",
+      children: label
+    }), /*#__PURE__*/_jsxs(Pressable, {
+      ...focusHandlers,
+      onPress: onRemove,
+      accessibilityRole: "button",
+      accessibilityLabel: removeAccessibilityLabel,
+      hitSlop: 10,
+      style: {
+        minWidth: 24,
+        minHeight: 24,
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "xs",
+        color: "text-muted",
+        children: "\xD7"
+      }), /*#__PURE__*/_jsx(FocusRing, {
+        visible: focused,
+        radius: theme.radius.full
+      })]
+    })]
+  });
+}
+export function Tag(props) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const base = useTagBase();
+  if (props.variant === "filter-chip") return /*#__PURE__*/_jsx(FilterChipTag, {
+    ...props
+  });
+  if (props.variant === "removable") return /*#__PURE__*/_jsx(RemovableTag, {
+    ...props
+  });
+
+  // basic（表示のみ）
+  const v = resolveTagVariant(theme, mode, "basic");
+  return /*#__PURE__*/_jsx(View, {
+    testID: props.testID,
+    style: [base, {
+      backgroundColor: v.bg
+    }, props.style],
+    children: /*#__PURE__*/_jsx(Text, {
+      variant: v.font,
+      color: "text-default",
+      children: props.label
+    })
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Tag.__contract = CONTRACTS.tag;
+//# sourceMappingURL=Tag.js.map

package/lib/module/primitives/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","Text","useTheme","useFocusRing","FocusRing","CONTRACTS","resolveTagBase","resolveTagVariant","jsx","_jsx","jsxs","_jsxs","useTagBase","theme","flexDirection","alignItems","FilterChipTag","props","mode","base","focused","focusHandlers","label","selected","onToggle","style","testID","v","onPress","accessibilityRole","accessibilityState","backgroundColor","bg","borderWidth","borderColor","border","children","variant","font","color","textColor","undefined","visible","radius","full","RemovableTag","onRemove","removeAccessibilityLabel","accessibilityLabel","hitSlop","minWidth","minHeight","justifyContent","Tag","__contract","tag"],"sourceRoot":"../../../src","sources":["primitives/Tag.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/primitives/Text.js

@@ -0,0 +1,54 @@
+"use strict";
+
+/**
+ * Text — 基本テキスト primitive（設計書 §1）。RN コア Text の薄いラッパ。
+ * contract: text（app 先行定義、melta-contracts）。
+ *
+ * - variant は contract 由来の VariantOf<"text">（= fontSize の段階）。theme の FontSizeKey と
+ *   構造一致している前提で theme.typography.fontSize[variant] を引く。乖離したら型エラーで検知
+ *   される（= A-3 conformance の型レベル最低ライン、§2）。
+ * - 色は token キーのみ（生 hex 不可、§5 lint の意味を保つ）。
+ * - letterSpacing は role(heading/body) の ratio を fontSize から pt 換算（text.styles.ts）。
+ * - 形状（fontSize/lineHeight/letterSpacing/fontWeight）は variant/role/weight 依存なので useMemo で
+ *   分離（B-3 の「形状/色 分離 + 参照安定性」を Phase1 は useMemo で満たす。StyleSheet 事前生成の
+ *   最適化は Card で実証予定）。色のみ render 時に colors から取る。
+ */
+
+import { useMemo } from "react";
+import { Text as RNText } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { resolveTextShape } from "./text.styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Text({
+  variant = "base",
+  weight,
+  color = "text-default",
+  role = "body",
+  numberOfLines,
+  style,
+  testID,
+  children
+}) {
+  const {
+    theme,
+    colors
+  } = useTheme();
+
+  // 形状（mode 非依存）は variant/role/weight にだけ依存させてメモ化（B-3）。
+  // 決定ロジックは pure resolver（text.styles.ts）に分離済み — recipe との機械照合対象。
+  const shape = useMemo(() => resolveTextShape(theme, variant, role, weight), [theme, variant, role, weight]);
+  return /*#__PURE__*/_jsx(RNText, {
+    style: [shape, {
+      color: colors[color]
+    }, style],
+    numberOfLines: numberOfLines,
+    accessibilityRole: role === "heading" ? "header" : undefined,
+    testID: testID,
+    children: children
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Text.__contract = CONTRACTS.text;
+//# sourceMappingURL=Text.js.map

package/lib/module/primitives/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Text","RNText","useTheme","CONTRACTS","resolveTextShape","jsx","_jsx","variant","weight","color","role","numberOfLines","style","testID","children","theme","colors","shape","accessibilityRole","undefined","__contract","text"],"sourceRoot":"../../../src","sources":["primitives/Text.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAwB,OAAO;AAC/C,SAASC,IAAI,IAAIC,MAAM,QAAwC,cAAc;AAC7E,SAASC,QAAQ,QAAQ,mBAAU;AAEnC,SAASC,SAAS,QAAwB,gCAA6B;AACvE,SAASC,gBAAgB,QAAuB,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAmBhE,OAAO,SAASN,IAAIA,CAAC;EACnBO,OAAO,GAAG,MAAM;EAChBC,MAAM;EACNC,KAAK,GAAG,cAAc;EACtBC,IAAI,GAAG,MAAM;EACbC,aAAa;EACbC,KAAK;EACLC,MAAM;EACNC;AACS,CAAC,EAAE;EACZ,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGd,QAAQ,CAAC,CAAC;;EAEpC;EACA;EACA,MAAMe,KAAK,GAAGlB,OAAO,CACnB,MAAMK,gBAAgB,CAACW,KAAK,EAAER,OAAO,EAAEG,IAAI,EAAEF,MAAM,CAAC,EACpD,CAACO,KAAK,EAAER,OAAO,EAAEG,IAAI,EAAEF,MAAM,CAC/B,CAAC;EAED,oBACEF,IAAA,CAACL,MAAM;IACLW,KAAK,EAAE,CAACK,KAAK,EAAE;MAAER,KAAK,EAAEO,MAAM,CAACP,KAAK;IAAE,CAAC,EAAEG,KAAK,CAAE;IAChDD,aAAa,EAAEA,aAAc;IAC7BO,iBAAiB,EAAER,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAGS,SAAU;IAC7DN,MAAM,EAAEA,MAAO;IAAAC,QAAA,EAEdA;EAAQ,CACH,CAAC;AAEb;;AAEA;AACAd,IAAI,CAACoB,UAAU,GAAGjB,SAAS,CAACkB,IAAI","ignoreList":[]}

package/lib/module/primitives/_internal/focus-ring.js

@@ -0,0 +1,57 @@
+"use strict";
+
+/**
+ * focus-ring — Pressable の focus 可視化を共通化する internal helper（設計書 §1/§2）。
+ *
+ * RN にブラウザの focus-visible / ring はないので、focus 時に「outline 相当の View overlay」を
+ * 対象の外側に絶対配置で描く（§2 mapping: focus → accessible + Pressable onFocus で outline）。
+ * 外付けキーボード / TV / a11y focus で効く。Button / Tag / Card で共有する（個別実装の重複を防ぐ）。
+ *
+ * 使い方:
+ *   const { focused, focusHandlers } = useFocusRing();
+ *   <Pressable {...focusHandlers} style={{ ... }}>
+ *     {children}
+ *     <FocusRing visible={focused} radius={theme.radius.md} />
+ *   </Pressable>
+ * 注: 親 Pressable は position:relative（RN 既定）かつ overflow を hidden にしないこと
+ *     （ring は inset 負値で外側に出るため）。
+ */
+
+import { useState } from "react";
+import { View } from "react-native";
+import { useTheme } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function useFocusRing() {
+  const [focused, setFocused] = useState(false);
+  return {
+    focused,
+    focusHandlers: {
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false)
+    }
+  };
+}
+const INSET = 3;
+export function FocusRing({
+  visible,
+  radius
+}) {
+  const {
+    theme
+  } = useTheme();
+  if (!visible) return null;
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: {
+      position: "absolute",
+      top: -INSET,
+      left: -INSET,
+      right: -INSET,
+      bottom: -INSET,
+      borderWidth: 2,
+      borderColor: theme.color.primary["500"],
+      borderRadius: radius + INSET
+    }
+  });
+}
+//# sourceMappingURL=focus-ring.js.map

package/lib/module/primitives/_internal/focus-ring.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","useTheme","jsx","_jsx","useFocusRing","focused","setFocused","focusHandlers","onFocus","onBlur","INSET","FocusRing","visible","radius","theme","pointerEvents","style","position","top","left","right","bottom","borderWidth","borderColor","color","primary","borderRadius"],"sourceRoot":"../../../../src","sources":["primitives/_internal/focus-ring.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,OAAO,SAASC,YAAYA,CAAA,EAAG;EAC7B,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EAC7C,OAAO;IACLM,OAAO;IACPE,aAAa,EAAE;MACbC,OAAO,EAAEA,CAAA,KAAMF,UAAU,CAAC,IAAI,CAAC;MAC/BG,MAAM,EAAEA,CAAA,KAAMH,UAAU,CAAC,KAAK;IAChC;EACF,CAAC;AACH;AAQA,MAAMI,KAAK,GAAG,CAAC;AAEf,OAAO,SAASC,SAASA,CAAC;EAAEC,OAAO;EAAEC;AAAuB,CAAC,EAAE;EAC7D,MAAM;IAAEC;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,IAAI,CAACW,OAAO,EAAE,OAAO,IAAI;EACzB,oBACET,IAAA,CAACH,IAAI;IACHe,aAAa,EAAC,MAAM;IACpBC,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAACR,KAAK;MACXS,IAAI,EAAE,CAACT,KAAK;MACZU,KAAK,EAAE,CAACV,KAAK;MACbW,MAAM,EAAE,CAACX,KAAK;MACdY,WAAW,EAAE,CAAC;MACdC,WAAW,EAAET,KAAK,CAACU,KAAK,CAACC,OAAO,CAAC,KAAK,CAAC;MACvCC,YAAY,EAAEb,MAAM,GAAGH;IACzB;EAAE,CACH,CAAC;AAEN","ignoreList":[]}

package/lib/module/primitives/button.styles.js

@@ -0,0 +1,88 @@
+"use strict";
+
+/**
+ * button.styles — Button の pure style resolver（P4 conformance 対応で Button.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/button.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/recipe-conformance.test.ts が行う。
+ */
+
+/** size → height / 横 padding / label fontSize / icon box（contract sizes/iconButton と整合）。 */
+export const SIZE_SPEC = {
+  small: {
+    height: 32,
+    px: "3",
+    font: "sm",
+    iconBox: 32
+  },
+  medium: {
+    height: 40,
+    px: "4",
+    font: "base",
+    iconBox: 40
+  },
+  large: {
+    height: 48,
+    px: "6",
+    font: "base",
+    iconBox: 48
+  }
+};
+
+/**
+ * variant → 色解決（button.contract tokenRefs の 1:1 写像）。
+ * 文字色は variant により semantic 外（primary.500 等）もあるため hex 文字列で返し、
+ * Text の style で color 上書きする（Text の color prop は SemanticColors キー限定のため）。
+ */
+export function resolveVariant(theme, mode, variant) {
+  const c = theme.color;
+  const sem = c.semantic[mode];
+  switch (variant) {
+    case "contained":
+      return {
+        bg: c.primary["500"],
+        pressedBg: c.primary["700"],
+        textColor: sem["text-on-accent"]
+      };
+    case "outlined":
+      return {
+        bg: sem["bg-surface"],
+        pressedBg: sem["bg-surface-alt"],
+        textColor: sem["text-default"],
+        border: sem["border-default"]
+      };
+    case "brand-outline":
+      return {
+        bg: sem["bg-surface"],
+        pressedBg: c.primary["50"],
+        textColor: c.primary["500"],
+        border: c.primary["500"]
+      };
+    case "neutral":
+      return {
+        bg: sem["bg-surface-alt"],
+        pressedBg: sem["border-default"],
+        textColor: sem["text-default"]
+      };
+    case "lighted":
+      return {
+        bg: c.primary["50"],
+        pressedBg: c.primary["100"],
+        textColor: c.primary["500"]
+      };
+    case "danger":
+      return {
+        bg: c.status.danger.base,
+        pressedBg: c.status.danger.textLight,
+        textColor: sem["text-on-accent"]
+      };
+    case "subtle":
+      return {
+        bg: "transparent",
+        pressedBg: sem["bg-surface-alt"],
+        textColor: sem["text-default"]
+      };
+  }
+}
+//# sourceMappingURL=button.styles.js.map

package/lib/module/primitives/button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SIZE_SPEC","small","height","px","font","iconBox","medium","large","resolveVariant","theme","mode","variant","c","color","sem","semantic","bg","primary","pressedBg","textColor","border","status","danger","base","textLight"],"sourceRoot":"../../../src","sources":["primitives/button.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA;AACA,OAAO,MAAMA,SAGZ,GAAG;EACFC,KAAK,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,EAAE,EAAE,GAAG;IAAEC,IAAI,EAAE,IAAI;IAAEC,OAAO,EAAE;EAAG,CAAC;EACvDC,MAAM,EAAE;IAAEJ,MAAM,EAAE,EAAE;IAAEC,EAAE,EAAE,GAAG;IAAEC,IAAI,EAAE,MAAM;IAAEC,OAAO,EAAE;EAAG,CAAC;EAC1DE,KAAK,EAAE;IAAEL,MAAM,EAAE,EAAE;IAAEC,EAAE,EAAE,GAAG;IAAEC,IAAI,EAAE,MAAM;IAAEC,OAAO,EAAE;EAAG;AAC1D,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,cAAcA,CAC5BC,KAAkB,EAClBC,IAAe,EACfC,OAAsB,EACmD;EACzE,MAAMC,CAAC,GAAGH,KAAK,CAACI,KAAK;EACrB,MAAMC,GAAG,GAAGF,CAAC,CAACG,QAAQ,CAACL,IAAI,CAAC;EAC5B,QAAQC,OAAO;IACb,KAAK,WAAW;MACd,OAAO;QAAEK,EAAE,EAAEJ,CAAC,CAACK,OAAO,CAAC,KAAK,CAAC;QAAEC,SAAS,EAAEN,CAAC,CAACK,OAAO,CAAC,KAAK,CAAC;QAAEE,SAAS,EAAEL,GAAG,CAAC,gBAAgB;MAAE,CAAC;IAChG,KAAK,UAAU;MACb,OAAO;QACLE,EAAE,EAAEF,GAAG,CAAC,YAAY,CAAC;QACrBI,SAAS,EAAEJ,GAAG,CAAC,gBAAgB,CAAC;QAChCK,SAAS,EAAEL,GAAG,CAAC,cAAc,CAAC;QAC9BM,MAAM,EAAEN,GAAG,CAAC,gBAAgB;MAC9B,CAAC;IACH,KAAK,eAAe;MAClB,OAAO;QACLE,EAAE,EAAEF,GAAG,CAAC,YAAY,CAAC;QACrBI,SAAS,EAAEN,CAAC,CAACK,OAAO,CAAC,IAAI,CAAC;QAC1BE,SAAS,EAAEP,CAAC,CAACK,OAAO,CAAC,KAAK,CAAC;QAC3BG,MAAM,EAAER,CAAC,CAACK,OAAO,CAAC,KAAK;MACzB,CAAC;IACH,KAAK,SAAS;MACZ,OAAO;QAAED,EAAE,EAAEF,GAAG,CAAC,gBAAgB,CAAC;QAAEI,SAAS,EAAEJ,GAAG,CAAC,gBAAgB,CAAC;QAAEK,SAAS,EAAEL,GAAG,CAAC,cAAc;MAAE,CAAC;IACxG,KAAK,SAAS;MACZ,OAAO;QAAEE,EAAE,EAAEJ,CAAC,CAACK,OAAO,CAAC,IAAI,CAAC;QAAEC,SAAS,EAAEN,CAAC,CAACK,OAAO,CAAC,KAAK,CAAC;QAAEE,SAAS,EAAEP,CAAC,CAACK,OAAO,CAAC,KAAK;MAAE,CAAC;IAC1F,KAAK,QAAQ;MACX,OAAO;QAAED,EAAE,EAAEJ,CAAC,CAACS,MAAM,CAACC,MAAM,CAACC,IAAI;QAAEL,SAAS,EAAEN,CAAC,CAACS,MAAM,CAACC,MAAM,CAACE,SAAS;QAAEL,SAAS,EAAEL,GAAG,CAAC,gBAAgB;MAAE,CAAC;IAC7G,KAAK,QAAQ;MACX,OAAO;QAAEE,EAAE,EAAE,aAAa;QAAEE,SAAS,EAAEJ,GAAG,CAAC,gBAAgB,CAAC;QAAEK,SAAS,EAAEL,GAAG,CAAC,cAAc;MAAE,CAAC;EAClG;AACF","ignoreList":[]}

package/lib/module/primitives/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+/** melta-app primitives の公開エントリ。実装ごとにここへ追記する（設計書 §1）。 */
+
+export { Text } from "./Text.js";
+export { Metric } from "./Metric.js";
+export { Tag } from "./Tag.js";
+export { Button } from "./Button.js";
+export { Stack } from "./Stack.js";
+export { Row } from "./Row.js";
+//# sourceMappingURL=index.js.map

package/lib/module/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","Metric","Tag","Button","Stack","Row"],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA;;AAEA,SAASA,IAAI,QAAQ,WAAQ;AAC7B,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,GAAG,QAAQ,UAAO;AAC3B,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,KAAK,QAAQ,YAAS;AAC/B,SAASC,GAAG,QAAQ,UAAO","ignoreList":[]}

package/lib/module/primitives/metric.styles.js

@@ -0,0 +1,54 @@
+"use strict";
+
+/**
+ * metric.styles — Metric の pure style resolver（styleRefs conformance 対応で Metric.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュール（型 import のみ可）にすることで node テスト
+ * （tsx --test）から直接実行できる。recipes/app/metric.recipe.json（melta-contracts の
+ * styleRefs）との機械照合は scripts/lib/metric-conformance.test.ts が行う。
+ */
+
+/**
+ * size → value / unit の fontSize token（metric.recipe sizes と整合）。
+ * unit は value の1段下の fontSize（ベースライン揃え用）。
+ */
+export const METRIC_FONT = {
+  sm: {
+    value: "lg",
+    unit: "base"
+  },
+  md: {
+    value: "2xl",
+    unit: "lg"
+  },
+  lg: {
+    value: "3xl",
+    unit: "xl"
+  }
+};
+/** size → value / unit / label の style 解決（metric.recipe styleRefs の 1:1 写像）。 */
+export function resolveMetricStyles(theme, mode, size) {
+  const sem = theme.color.semantic[mode];
+  const fontSize = theme.typography.fontSize;
+  const font = METRIC_FONT[size];
+  return {
+    valueStyle: {
+      fontSize: fontSize[font.value].fontSize,
+      lineHeight: fontSize[font.value].lineHeight,
+      fontWeight: theme.typography.fontWeight.bold,
+      color: sem["text-heading"],
+      fontVariant: ["tabular-nums"]
+    },
+    unitStyle: {
+      fontSize: fontSize[font.unit].fontSize,
+      fontWeight: theme.typography.fontWeight.medium,
+      color: sem["text-muted"],
+      marginLeft: theme.spacing["1"]
+    },
+    labelStyle: {
+      fontSize: fontSize.sm.fontSize,
+      color: sem["text-muted"]
+    }
+  };
+}
+//# sourceMappingURL=metric.styles.js.map

package/lib/module/primitives/metric.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["METRIC_FONT","sm","value","unit","md","lg","resolveMetricStyles","theme","mode","size","sem","color","semantic","fontSize","typography","font","valueStyle","lineHeight","fontWeight","bold","fontVariant","unitStyle","medium","marginLeft","spacing","labelStyle"],"sourceRoot":"../../../src","sources":["primitives/metric.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA,OAAO,MAAMA,WAA0E,GAAG;EACxFC,EAAE,EAAE;IAAEC,KAAK,EAAE,IAAI;IAAEC,IAAI,EAAE;EAAO,CAAC;EACjCC,EAAE,EAAE;IAAEF,KAAK,EAAE,KAAK;IAAEC,IAAI,EAAE;EAAK,CAAC;EAChCE,EAAE,EAAE;IAAEH,KAAK,EAAE,KAAK;IAAEC,IAAI,EAAE;EAAK;AACjC,CAAC;AAyBD;AACA,OAAO,SAASG,mBAAmBA,CACjCC,KAAkB,EAClBC,IAAe,EACfC,IAAgB,EACF;EACd,MAAMC,GAAG,GAAGH,KAAK,CAACI,KAAK,CAACC,QAAQ,CAACJ,IAAI,CAAC;EACtC,MAAMK,QAAQ,GAAGN,KAAK,CAACO,UAAU,CAACD,QAAQ;EAC1C,MAAME,IAAI,GAAGf,WAAW,CAACS,IAAI,CAAC;EAC9B,OAAO;IACLO,UAAU,EAAE;MACVH,QAAQ,EAAEA,QAAQ,CAACE,IAAI,CAACb,KAAK,CAAC,CAACW,QAAQ;MACvCI,UAAU,EAAEJ,QAAQ,CAACE,IAAI,CAACb,KAAK,CAAC,CAACe,UAAU;MAC3CC,UAAU,EAAEX,KAAK,CAACO,UAAU,CAACI,UAAU,CAACC,IAAI;MAC5CR,KAAK,EAAED,GAAG,CAAC,cAAc,CAAC;MAC1BU,WAAW,EAAE,CAAC,cAAc;IAC9B,CAAC;IACDC,SAAS,EAAE;MACTR,QAAQ,EAAEA,QAAQ,CAACE,IAAI,CAACZ,IAAI,CAAC,CAACU,QAAQ;MACtCK,UAAU,EAAEX,KAAK,CAACO,UAAU,CAACI,UAAU,CAACI,MAAM;MAC9CX,KAAK,EAAED,GAAG,CAAC,YAAY,CAAC;MACxBa,UAAU,EAAEhB,KAAK,CAACiB,OAAO,CAAC,GAAG;IAC/B,CAAC;IACDC,UAAU,EAAE;MACVZ,QAAQ,EAAEA,QAAQ,CAACZ,EAAE,CAACY,QAAQ;MAC9BF,KAAK,EAAED,GAAG,CAAC,YAAY;IACzB;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/primitives/row.styles.js

@@ -0,0 +1,53 @@
+"use strict";
+
+/**
+ * row.styles — Row の pure style resolver（styleRefs conformance 対応で Row.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/row.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/row-conformance.test.ts が行う。
+ */
+
+/** 交差軸の配置（RN alignItems への写像）。default "center"（recipe default に焼いてある）。 */
+
+/** 主軸の配置（RN justifyContent への写像）。default "start"（= RN デフォルト、style 出力なし）。 */
+
+const ALIGN_MAP = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  baseline: "baseline",
+  stretch: "stretch"
+};
+const JUSTIFY_MAP = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between"
+};
+/**
+ * props → 横並び style の解決（row.recipe styleRefs の 1:1 写像）。
+ * デフォルト（align=center / justify=start / wrap=false / gap なし）は
+ * recipe の default variant（flexDirection + alignItems: "center"）と一致させている。
+ */
+export function resolveRowStyle(theme, {
+  gap,
+  align = "center",
+  justify = "start",
+  wrap = false
+} = {}) {
+  return {
+    flexDirection: "row",
+    alignItems: ALIGN_MAP[align],
+    ...(justify !== "start" ? {
+      justifyContent: JUSTIFY_MAP[justify]
+    } : null),
+    ...(wrap ? {
+      flexWrap: "wrap"
+    } : null),
+    ...(gap != null ? {
+      gap: theme.spacing[gap]
+    } : null)
+  };
+}
+//# sourceMappingURL=row.styles.js.map

package/lib/module/primitives/row.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ALIGN_MAP","start","center","end","baseline","stretch","JUSTIFY_MAP","between","resolveRowStyle","theme","gap","align","justify","wrap","flexDirection","alignItems","justifyContent","flexWrap","spacing"],"sourceRoot":"../../../src","sources":["primitives/row.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;;AAEA;;AAGA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAE,YAAY;EACnBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,UAAU;EACfC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE;AACX,CAAU;AAEV,MAAMC,WAAW,GAAG;EAClBL,KAAK,EAAE,YAAY;EACnBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,UAAU;EACfI,OAAO,EAAE;AACX,CAAU;AAqBV;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAC7BC,KAAkB,EAClB;EAAEC,GAAG;EAAEC,KAAK,GAAG,QAAQ;EAAEC,OAAO,GAAG,OAAO;EAAEC,IAAI,GAAG;AAAqB,CAAC,GAAG,CAAC,CAAC,EACpE;EACV,OAAO;IACLC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAEf,SAAS,CAACW,KAAK,CAAC;IAC5B,IAAIC,OAAO,KAAK,OAAO,GAAG;MAAEI,cAAc,EAAEV,WAAW,CAACM,OAAO;IAAE,CAAC,GAAG,IAAI,CAAC;IAC1E,IAAIC,IAAI,GAAG;MAAEI,QAAQ,EAAE;IAAgB,CAAC,GAAG,IAAI,CAAC;IAChD,IAAIP,GAAG,IAAI,IAAI,GAAG;MAAEA,GAAG,EAAED,KAAK,CAACS,OAAO,CAACR,GAAG;IAAE,CAAC,GAAG,IAAI;EACtD,CAAC;AACH","ignoreList":[]}

package/lib/module/primitives/stack.styles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+/**
+ * stack.styles — Stack の pure style resolver（styleRefs conformance 対応で Stack.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/stack.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/stack-conformance.test.ts が行う。
+ */
+
+/** 交差軸の配置（RN alignItems への写像。default stretch = RN デフォルトなので出力しない）。 */
+
+const ALIGN_MAP = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch"
+};
+/**
+ * props → 縦積み style の解決（stack.recipe styleRefs の 1:1 写像）。
+ * デフォルト（gap なし / align=stretch）は recipe の default variant（flexDirection のみ）と一致させている。
+ */
+export function resolveStackStyle(theme, {
+  gap,
+  align = "stretch"
+} = {}) {
+  return {
+    flexDirection: "column",
+    ...(gap != null ? {
+      gap: theme.spacing[gap]
+    } : null),
+    ...(align !== "stretch" ? {
+      alignItems: ALIGN_MAP[align]
+    } : null)
+  };
+}
+//# sourceMappingURL=stack.styles.js.map

package/lib/module/primitives/stack.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ALIGN_MAP","start","center","end","stretch","resolveStackStyle","theme","gap","align","flexDirection","spacing","alignItems"],"sourceRoot":"../../../src","sources":["primitives/stack.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;;AAGA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAE,YAAY;EACnBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,UAAU;EACfC,OAAO,EAAE;AACX,CAAU;AAeV;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,KAAkB,EAClB;EAAEC,GAAG;EAAEC,KAAK,GAAG;AAA2B,CAAC,GAAG,CAAC,CAAC,EACpC;EACZ,OAAO;IACLC,aAAa,EAAE,QAAQ;IACvB,IAAIF,GAAG,IAAI,IAAI,GAAG;MAAEA,GAAG,EAAED,KAAK,CAACI,OAAO,CAACH,GAAG;IAAE,CAAC,GAAG,IAAI,CAAC;IACrD,IAAIC,KAAK,KAAK,SAAS,GAAG;MAAEG,UAAU,EAAEX,SAAS,CAACQ,KAAK;IAAE,CAAC,GAAG,IAAI;EACnE,CAAC;AACH","ignoreList":[]}

package/lib/module/primitives/tag.styles.js

@@ -0,0 +1,56 @@
+"use strict";
+
+/**
+ * tag.styles — Tag の pure style resolver（styleRefs conformance 対応で Tag.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/tag.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/tag-conformance.test.ts が行う。
+ */
+
+/** 共通形状（px-3 py-1 gap-1 rounded-full。tag.recipe の全 variant style と共通の寸法キー）。 */
+export function resolveTagBase(theme) {
+  return {
+    gap: theme.spacing["1"],
+    paddingHorizontal: theme.spacing["3"],
+    paddingVertical: theme.spacing["1"],
+    borderRadius: theme.radius.full
+  };
+}
+
+/**
+ * variant（+ filter-chip の selected 状態）→ 配色 + label fontSize（tag.recipe styleRefs の 1:1 写像）。
+ *
+ * - selected は contract states active/inactive → prop selected:boolean の写像（filter-chip のみ有効）。
+ *   active は bg=primary.50 / border=primary.200 / text=primary.700 の差分、inactive は variant style そのまま。
+ * - 文字色は active 時に semantic 外（primary.700）になるため hex 文字列で返し、
+ *   Text の style で color 上書きする（Text の color prop は SemanticColors キー限定のため）。
+ */
+export function resolveTagVariant(theme, mode, variant, selected = false) {
+  const c = theme.color;
+  const sem = c.semantic[mode];
+  switch (variant) {
+    case "basic":
+    case "removable":
+      return {
+        bg: sem["bg-page-alt"],
+        textColor: sem["text-default"],
+        font: "xs"
+      };
+    case "filter-chip":
+      return selected ? {
+        bg: c.primary["50"],
+        borderWidth: 1,
+        border: c.primary["200"],
+        textColor: c.primary["700"],
+        font: "sm"
+      } : {
+        bg: sem["bg-surface"],
+        borderWidth: 1,
+        border: sem["border-default"],
+        textColor: sem["text-default"],
+        font: "sm"
+      };
+  }
+}
+//# sourceMappingURL=tag.styles.js.map