melta-app 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","useTheme","CONTRACTS","resolveSurfaceStyle","jsx","_jsx","Surface","bg","radius","elevation","padding","style","testID","children","theme","mode","resolved","base","__contract","surface"],"sourceRoot":"../../../src","sources":["components/Surface.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,IAAI,QAAwC,cAAc;AACnE,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAQ,gCAA6B;AACvD,SAASC,mBAAmB,QAAgC,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/E,OAAO,SAASC,OAAOA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC,SAAS;EAAEC,OAAO;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAuB,CAAC,EAAE;EACjG,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAClC,MAAMe,QAAQ,GAAGb,mBAAmB,CAACW,KAAK,EAAEC,IAAI,EAAE;IAAER,EAAE;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAQ,CAAC,CAAC;EACrF,oBACEL,IAAA,CAACL,IAAI;IAACY,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACK,QAAQ,CAACC,IAAI,EAAED,QAAQ,CAACP,SAAS,EAAEE,KAAK,CAAE;IAAAE,QAAA,EACrEA;EAAQ,CACL,CAAC;AAEX;;AAEA;AACAP,OAAO,CAACY,UAAU,GAAGhB,SAAS,CAACiB,OAAO","ignoreList":[]}

package/lib/module/components/TextField.js

@@ -0,0 +1,84 @@
+"use strict";
+
+/**
+ * TextField — テキスト入力フィールド（contract: textfield）。RN TextInput の薄いラッパ。
+ *
+ * - label 必須（FORM_NO_LABEL_OMIT）。label（labelStyle）→ input → helperText / errorText の縦構成。
+ * - variant は検証状態（default/error/success）。disabled=true で variant を "disabled" に上書きし、
+ *   editable=false + accessibilityState.disabled を併せて適用する（recipe description の規約）。
+ * - error 時は errorText を必ずテキストで表示する（FORM_NO_COLOR_ONLY_ERROR = 色だけで伝えない）。
+ *   RN には aria-describedby 相当が無いため、accessibilityState ではなく Text の実表示で伝える。
+ * - focus は内部 state（onFocus/onBlur）で recipe states.focus の inputStyle 差分
+ *   （borderColor=primary.500）を重ねる。disabled 時は focus させない。
+ * - 色・寸法の決定は pure resolver（textfield.styles.ts）に分離。
+ *   recipes/app/textfield.recipe.json との機械照合は scripts/lib/textfield-conformance.test.ts が行う。
+ */
+
+import { useMemo, useState } from "react";
+import { TextInput, View, Text as RNText } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { CONTRACTS } from "../contracts/contract-types.js";
+import { resolveTextFieldStyle, resolveTextFieldFocusStyle } from "./textfield.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TextField({
+  label,
+  value,
+  onChangeText,
+  placeholder,
+  variant = "default",
+  disabled = false,
+  size = "medium",
+  helperText,
+  errorText,
+  style,
+  testID
+}) {
+  const {
+    theme,
+    mode,
+    colors
+  } = useTheme();
+  const [focused, setFocused] = useState(false);
+
+  // disabled prop が variant を上書き（契約の variant 語彙 "disabled" への写像）。
+  const effectiveVariant = disabled ? "disabled" : variant;
+  const resolved = useMemo(() => resolveTextFieldStyle(theme, mode, {
+    variant: effectiveVariant,
+    size
+  }), [theme, mode, effectiveVariant, size]);
+  const focusStyle = useMemo(() => resolveTextFieldFocusStyle(theme), [theme]);
+  const showError = effectiveVariant === "error" && errorText != null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(RNText, {
+      style: resolved.label,
+      children: label
+    }), /*#__PURE__*/_jsx(TextInput, {
+      value: value,
+      onChangeText: onChangeText,
+      placeholder: placeholder,
+      placeholderTextColor: colors["text-muted"],
+      editable: !disabled,
+      accessibilityLabel: label,
+      accessibilityState: {
+        disabled
+      },
+      onFocus: () => {
+        if (!disabled) setFocused(true);
+      },
+      onBlur: () => setFocused(false),
+      style: [resolved.input, focused && !disabled ? focusStyle : null]
+    }), helperText != null && !showError && /*#__PURE__*/_jsx(RNText, {
+      style: resolved.helperText,
+      children: helperText
+    }), showError && /*#__PURE__*/_jsx(RNText, {
+      style: resolved.errorText,
+      children: errorText
+    })]
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+TextField.__contract = CONTRACTS.textfield;
+//# sourceMappingURL=TextField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","TextInput","View","Text","RNText","useTheme","CONTRACTS","resolveTextFieldStyle","resolveTextFieldFocusStyle","jsx","_jsx","jsxs","_jsxs","TextField","label","value","onChangeText","placeholder","variant","disabled","size","helperText","errorText","style","testID","theme","mode","colors","focused","setFocused","effectiveVariant","resolved","focusStyle","showError","children","placeholderTextColor","editable","accessibilityLabel","accessibilityState","onFocus","onBlur","input","__contract","textfield"],"sourceRoot":"../../../src","sources":["components/TextField.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACzC,SACEC,SAAS,EACTC,IAAI,EACJC,IAAI,IAAIC,MAAM,QAGT,cAAc;AACrB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAQ,gCAA6B;AACvD,SACEC,qBAAqB,EACrBC,0BAA0B,QAErB,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAqB5B,OAAO,SAASC,SAASA,CAAC;EACxBC,KAAK;EACLC,KAAK;EACLC,YAAY;EACZC,WAAW;EACXC,OAAO,GAAG,SAAS;EACnBC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,QAAQ;EACfC,UAAU;EACVC,SAAS;EACTC,KAAK;EACLC;AACc,CAAC,EAAE;EACjB,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGtB,QAAQ,CAAC,CAAC;EAC1C,MAAM,CAACuB,OAAO,EAAEC,UAAU,CAAC,GAAG7B,QAAQ,CAAC,KAAK,CAAC;;EAE7C;EACA,MAAM8B,gBAAgB,GAAGX,QAAQ,GAAG,UAAU,GAAGD,OAAO;EACxD,MAAMa,QAAQ,GAAGhC,OAAO,CACtB,MAAMQ,qBAAqB,CAACkB,KAAK,EAAEC,IAAI,EAAE;IAAER,OAAO,EAAEY,gBAAgB;IAAEV;EAAK,CAAC,CAAC,EAC7E,CAACK,KAAK,EAAEC,IAAI,EAAEI,gBAAgB,EAAEV,IAAI,CACtC,CAAC;EACD,MAAMY,UAAU,GAAGjC,OAAO,CAAC,MAAMS,0BAA0B,CAACiB,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAE5E,MAAMQ,SAAS,GAAGH,gBAAgB,KAAK,OAAO,IAAIR,SAAS,IAAI,IAAI;EAEnE,oBACEV,KAAA,CAACV,IAAI;IAACqB,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAAAU,QAAA,gBACjCxB,IAAA,CAACN,MAAM;MAACmB,KAAK,EAAEQ,QAAQ,CAACjB,KAAM;MAAAoB,QAAA,EAAEpB;IAAK,CAAS,CAAC,eAC/CJ,IAAA,CAACT,SAAS;MACRc,KAAK,EAAEA,KAAM;MACbC,YAAY,EAAEA,YAAa;MAC3BC,WAAW,EAAEA,WAAY;MACzBkB,oBAAoB,EAAER,MAAM,CAAC,YAAY,CAAE;MAC3CS,QAAQ,EAAE,CAACjB,QAAS;MACpBkB,kBAAkB,EAAEvB,KAAM;MAC1BwB,kBAAkB,EAAE;QAAEnB;MAAS,CAAE;MACjCoB,OAAO,EAAEA,CAAA,KAAM;QACb,IAAI,CAACpB,QAAQ,EAAEU,UAAU,CAAC,IAAI,CAAC;MACjC,CAAE;MACFW,MAAM,EAAEA,CAAA,KAAMX,UAAU,CAAC,KAAK,CAAE;MAChCN,KAAK,EAAE,CAACQ,QAAQ,CAACU,KAAK,EAAEb,OAAO,IAAI,CAACT,QAAQ,GAAGa,UAAU,GAAG,IAAI;IAAE,CACnE,CAAC,EACDX,UAAU,IAAI,IAAI,IAAI,CAACY,SAAS,iBAC/BvB,IAAA,CAACN,MAAM;MAACmB,KAAK,EAAEQ,QAAQ,CAACV,UAAW;MAAAa,QAAA,EAAEb;IAAU,CAAS,CACzD,EACAY,SAAS,iBAAIvB,IAAA,CAACN,MAAM;MAACmB,KAAK,EAAEQ,QAAQ,CAACT,SAAU;MAAAY,QAAA,EAAEZ;IAAS,CAAS,CAAC;EAAA,CACjE,CAAC;AAEX;;AAEA;AACAT,SAAS,CAAC6B,UAAU,GAAGpC,SAAS,CAACqC,SAAS","ignoreList":[]}

package/lib/module/components/Toast.js

@@ -0,0 +1,105 @@
+"use strict";
+
+/**
+ * Toast — 一時的な通知メッセージ（feedback）。contract: toast。
+ * 4タイプ（success/error/warning/info）。Alert と同系の bg subtle + text 色に elevation.sm を重ねる。
+ *
+ * - presentational component。表示位置・キュー・自動消滅はアプリ層の責務
+ *   （entering/visible/dismissing のアニメ state は Phase 外、recipe description）。
+ * - closeButton は契約 anatomy で必須 → onClose を required prop にして型で強制。
+ *   Pressable + テキスト ×（accessibilityLabel="閉じる" 必須）。
+ * - a11y（§2 web→RN mapping）: web の role=status + aria-live=polite を
+ *   accessibilityLiveRegion="polite"（Android のみ有効）に落とす。
+ * - elevation は theme.elevation.sm（iOS shadow* + Android elevation の複合値）を container に
+ *   spread（Surface と同じ扱い）。
+ * - 色・寸法の決定は pure resolver（toast.styles.ts）に分離。dark mode は resolver が
+ *   status.*.subtleDark / textDark を解決（info のみ primary 固定）。
+ *   recipes/app/toast.recipe.json との機械照合は scripts/lib/toast-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 { TOAST_SPEC, resolveToastStyles } from "./toast.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Toast({
+  variant,
+  message,
+  description,
+  onClose,
+  actionLabel,
+  onAction,
+  style,
+  testID
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const styles = useMemo(() => resolveToastStyles(theme, mode, variant), [theme, mode, variant]);
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityLiveRegion: "polite",
+    testID: testID,
+    style: [styles.containerStyle, styles.elevation, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        gap: theme.spacing["1"]
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: TOAST_SPEC.messageFont,
+        weight: TOAST_SPEC.messageWeight,
+        style: {
+          color: styles.messageStyle.color
+        },
+        children: message
+      }), description != null &&
+      /*#__PURE__*/
+      // description の style は recipe 外（anatomy の description? slot）。message と同色・同サイズ、weight 無し。
+      _jsx(Text, {
+        variant: TOAST_SPEC.messageFont,
+        style: {
+          color: styles.messageStyle.color
+        },
+        children: description
+      })]
+    }), actionLabel != null && onAction != null && /*#__PURE__*/_jsx(Pressable, {
+      onPress: onAction,
+      accessibilityRole: "button",
+      hitSlop: 10,
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: TOAST_SPEC.messageFont,
+        weight: TOAST_SPEC.messageWeight,
+        style: {
+          color: styles.messageStyle.color,
+          textDecorationLine: "underline"
+        },
+        children: actionLabel
+      })
+    }), /*#__PURE__*/_jsx(Pressable, {
+      onPress: onClose,
+      accessibilityRole: "button",
+      accessibilityLabel: "\u9589\u3058\u308B",
+      hitSlop: 10,
+      style: {
+        minWidth: 24,
+        minHeight: 24,
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "xs",
+        style: {
+          color: styles.messageStyle.color
+        },
+        children: "\xD7"
+      })
+    })]
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Toast.__contract = CONTRACTS.toast;
+//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Pressable","View","Text","useTheme","CONTRACTS","TOAST_SPEC","resolveToastStyles","jsx","_jsx","jsxs","_jsxs","Toast","variant","message","description","onClose","actionLabel","onAction","style","testID","theme","mode","styles","accessibilityLiveRegion","containerStyle","elevation","children","flex","gap","spacing","messageFont","weight","messageWeight","color","messageStyle","onPress","accessibilityRole","hitSlop","textDecorationLine","accessibilityLabel","minWidth","minHeight","alignItems","justifyContent","__contract","toast"],"sourceRoot":"../../../src","sources":["components/Toast.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Toggle.js

@@ -0,0 +1,77 @@
+"use strict";
+
+/**
+ * Toggle — ON/OFF スイッチ（contract: toggle）。custom track+thumb 実装。
+ *
+ * - RN Switch は token 制御（track/thumb 色 + サイズ段階）が弱いため使わない
+ *   （recipe description の規約）。Pressable の track + 内側 thumb で組む。
+ * - variant（off/on = variantModeledStates）は value:boolean から暗黙決定する。
+ * - thumb 位置: track に padding=thumbOffset を持たせ、value で justifyContent
+ *   flex-start / flex-end を切り替える（アニメは Phase 外）。
+ * - disabled: recipe states.disabled の opacity + accessibilityState.disabled + onPress 無効。
+ * - a11y: accessibilityRole="switch" + accessibilityState.checked。label があれば右に表示し、
+ *   Pressable 全体がタップ領域 + accessibilityLabel になる。
+ * - 色・寸法の決定は pure resolver（toggle.styles.ts）に分離。
+ *   recipes/app/toggle.recipe.json との機械照合は scripts/lib/toggle-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 { resolveToggleStyle, TOGGLE_DISABLED_OPACITY } from "./toggle.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Toggle({
+  value,
+  onValueChange,
+  label,
+  size = "medium",
+  disabled = false,
+  style,
+  testID
+}) {
+  const {
+    theme,
+    mode
+  } = useTheme();
+  const variant = value ? "on" : "off";
+  const resolved = useMemo(() => resolveToggleStyle(theme, mode, {
+    variant,
+    size
+  }), [theme, mode, variant, size]);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: () => onValueChange?.(!value),
+    disabled: disabled,
+    accessibilityRole: "switch",
+    accessibilityState: {
+      checked: value,
+      disabled
+    },
+    accessibilityLabel: label,
+    testID: testID,
+    style: [{
+      flexDirection: "row",
+      alignItems: "center",
+      alignSelf: "flex-start",
+      gap: theme.spacing["2"],
+      opacity: disabled ? TOGGLE_DISABLED_OPACITY : 1
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [resolved.track, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: value ? "flex-end" : "flex-start"
+      }],
+      children: /*#__PURE__*/_jsx(View, {
+        style: resolved.thumb
+      })
+    }), label != null && /*#__PURE__*/_jsx(Text, {
+      children: label
+    })]
+  });
+}
+
+// Phase 2 conformance test 用の contract メタ（§2 A-3）。
+Toggle.__contract = CONTRACTS.toggle;
+//# sourceMappingURL=Toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Pressable","View","Text","useTheme","CONTRACTS","resolveToggleStyle","TOGGLE_DISABLED_OPACITY","jsx","_jsx","jsxs","_jsxs","Toggle","value","onValueChange","label","size","disabled","style","testID","theme","mode","variant","resolved","onPress","accessibilityRole","accessibilityState","checked","accessibilityLabel","flexDirection","alignItems","alignSelf","gap","spacing","opacity","children","track","justifyContent","thumb","__contract","toggle"],"sourceRoot":"../../../src","sources":["components/Toggle.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,IAAI,QAAQ,uBAAoB;AACzC,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAQ,gCAA6B;AACvD,SACEC,kBAAkB,EAClBC,uBAAuB,QAGlB,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAczB,OAAO,SAASC,MAAMA,CAAC;EACrBC,KAAK;EACLC,aAAa;EACbC,KAAK;EACLC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC;AACW,CAAC,EAAE;EACd,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGjB,QAAQ,CAAC,CAAC;EAElC,MAAMkB,OAAsB,GAAGT,KAAK,GAAG,IAAI,GAAG,KAAK;EACnD,MAAMU,QAAQ,GAAGvB,OAAO,CACtB,MAAMM,kBAAkB,CAACc,KAAK,EAAEC,IAAI,EAAE;IAAEC,OAAO;IAAEN;EAAK,CAAC,CAAC,EACxD,CAACI,KAAK,EAAEC,IAAI,EAAEC,OAAO,EAAEN,IAAI,CAC7B,CAAC;EAED,oBACEL,KAAA,CAACV,SAAS;IACRuB,OAAO,EAAEA,CAAA,KAAMV,aAAa,GAAG,CAACD,KAAK,CAAE;IACvCI,QAAQ,EAAEA,QAAS;IACnBQ,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEC,OAAO,EAAEd,KAAK;MAAEI;IAAS,CAAE;IACjDW,kBAAkB,EAAEb,KAAM;IAC1BI,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAE,CACL;MACEW,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,YAAY;MACvBC,GAAG,EAAEZ,KAAK,CAACa,OAAO,CAAC,GAAG,CAAC;MACvBC,OAAO,EAAEjB,QAAQ,GAAGV,uBAAuB,GAAG;IAChD,CAAC,EACDW,KAAK,CACL;IAAAiB,QAAA,gBAEF1B,IAAA,CAACP,IAAI;MACHgB,KAAK,EAAE,CACLK,QAAQ,CAACa,KAAK,EACd;QACEP,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBO,cAAc,EAAExB,KAAK,GAAG,UAAU,GAAG;MACvC,CAAC,CACD;MAAAsB,QAAA,eAEF1B,IAAA,CAACP,IAAI;QAACgB,KAAK,EAAEK,QAAQ,CAACe;MAAM,CAAE;IAAC,CAC3B,CAAC,EACNvB,KAAK,IAAI,IAAI,iBAAIN,IAAA,CAACN,IAAI;MAAAgC,QAAA,EAAEpB;IAAK,CAAO,CAAC;EAAA,CAC7B,CAAC;AAEhB;;AAEA;AACAH,MAAM,CAAC2B,UAAU,GAAGlC,SAAS,CAACmC,MAAM","ignoreList":[]}

package/lib/module/components/action-sheet.styles.js

@@ -0,0 +1,70 @@
+"use strict";
+
+/**
+ * action-sheet.styles — ActionSheet の pure style resolver（styleRefs conformance 対応で
+ * ActionSheet.tsx から分離）。
+ *
+ * react-native を import しない純粋モジュールにすることで node テスト（tsx --test）から
+ * 直接実行できる。recipes/app/action-sheet.recipe.json（melta-contracts の styleRefs）との
+ * 機械照合は scripts/lib/action-sheet-conformance.test.ts が行う。
+ *
+ * - actions は縦積み（区切り線 border-default）、cancel は下に分離した独立ブロック。
+ * - destructive アクションは actionTextStyle の色を destructiveColor（status.danger.base）に
+ *   差し替える（destructiveTextStyle）。
+ * - overlay の黒 50% は token 外の literal（modal と同じ）。
+ * - sheet の下余白（SafeArea）は実装（ActionSheet.tsx）が SafeAreaView で加算する。
+ */
+
+/** overlay の黒 50%（token 外 literal。modal と同値）。 */
+// eslint-disable-next-line melta/no-raw-color -- overlay の黒 50% は契約上 token 外の literal（recipe description / web の bg-black/50 と同値）
+export const ACTION_SHEET_OVERLAY_COLOR = "rgba(0,0,0,0.5)";
+/** mode → ActionSheet style の解決（action-sheet.recipe styleRefs の 1:1 写像）。 */
+export function resolveActionSheetStyle(theme, mode) {
+  const semantic = theme.color.semantic[mode];
+  return {
+    overlayStyle: {
+      flex: 1,
+      backgroundColor: ACTION_SHEET_OVERLAY_COLOR,
+      justifyContent: "flex-end",
+      padding: theme.spacing["2"]
+    },
+    sheetStyle: {
+      backgroundColor: semantic["bg-surface"],
+      borderRadius: theme.radius.lg,
+      overflow: "hidden"
+    },
+    titleStyle: {
+      fontSize: theme.typography.fontSize.sm.fontSize,
+      color: semantic["text-muted"],
+      textAlign: "center",
+      paddingVertical: theme.spacing["3"]
+    },
+    actionStyle: {
+      paddingVertical: theme.spacing["4"],
+      alignItems: "center",
+      borderTopWidth: 1,
+      borderTopColor: semantic["border-default"]
+    },
+    actionTextStyle: {
+      fontSize: theme.typography.fontSize.lg.fontSize,
+      color: theme.color.primary["500"]
+    },
+    destructiveTextStyle: {
+      fontSize: theme.typography.fontSize.lg.fontSize,
+      color: theme.color.status.danger.base
+    },
+    cancelStyle: {
+      backgroundColor: semantic["bg-surface"],
+      borderRadius: theme.radius.lg,
+      marginTop: theme.spacing["2"],
+      paddingVertical: theme.spacing["4"],
+      alignItems: "center"
+    },
+    cancelTextStyle: {
+      fontSize: theme.typography.fontSize.lg.fontSize,
+      fontWeight: theme.typography.fontWeight.semibold,
+      color: theme.color.primary["500"]
+    }
+  };
+}
+//# sourceMappingURL=action-sheet.styles.js.map

package/lib/module/components/action-sheet.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ACTION_SHEET_OVERLAY_COLOR","resolveActionSheetStyle","theme","mode","semantic","color","overlayStyle","flex","backgroundColor","justifyContent","padding","spacing","sheetStyle","borderRadius","radius","lg","overflow","titleStyle","fontSize","typography","sm","textAlign","paddingVertical","actionStyle","alignItems","borderTopWidth","borderTopColor","actionTextStyle","primary","destructiveTextStyle","status","danger","base","cancelStyle","marginTop","cancelTextStyle","fontWeight","semibold"],"sourceRoot":"../../../src","sources":["components/action-sheet.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA,OAAO,MAAMA,0BAA0B,GAAG,iBAAiB;AAkC3D;AACA,OAAO,SAASC,uBAAuBA,CAACC,KAAkB,EAAEC,IAAe,EAAoB;EAC7F,MAAMC,QAAQ,GAAGF,KAAK,CAACG,KAAK,CAACD,QAAQ,CAACD,IAAI,CAAC;EAC3C,OAAO;IACLG,YAAY,EAAE;MACZC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAER,0BAA0B;MAC3CS,cAAc,EAAE,UAAU;MAC1BC,OAAO,EAAER,KAAK,CAACS,OAAO,CAAC,GAAG;IAC5B,CAAC;IACDC,UAAU,EAAE;MACVJ,eAAe,EAAEJ,QAAQ,CAAC,YAAY,CAAC;MACvCS,YAAY,EAAEX,KAAK,CAACY,MAAM,CAACC,EAAE;MAC7BC,QAAQ,EAAE;IACZ,CAAC;IACDC,UAAU,EAAE;MACVC,QAAQ,EAAEhB,KAAK,CAACiB,UAAU,CAACD,QAAQ,CAACE,EAAE,CAACF,QAAQ;MAC/Cb,KAAK,EAAED,QAAQ,CAAC,YAAY,CAAC;MAC7BiB,SAAS,EAAE,QAAQ;MACnBC,eAAe,EAAEpB,KAAK,CAACS,OAAO,CAAC,GAAG;IACpC,CAAC;IACDY,WAAW,EAAE;MACXD,eAAe,EAAEpB,KAAK,CAACS,OAAO,CAAC,GAAG,CAAC;MACnCa,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,CAAC;MACjBC,cAAc,EAAEtB,QAAQ,CAAC,gBAAgB;IAC3C,CAAC;IACDuB,eAAe,EAAE;MACfT,QAAQ,EAAEhB,KAAK,CAACiB,UAAU,CAACD,QAAQ,CAACH,EAAE,CAACG,QAAQ;MAC/Cb,KAAK,EAAEH,KAAK,CAACG,KAAK,CAACuB,OAAO,CAAC,KAAK;IAClC,CAAC;IACDC,oBAAoB,EAAE;MACpBX,QAAQ,EAAEhB,KAAK,CAACiB,UAAU,CAACD,QAAQ,CAACH,EAAE,CAACG,QAAQ;MAC/Cb,KAAK,EAAEH,KAAK,CAACG,KAAK,CAACyB,MAAM,CAACC,MAAM,CAACC;IACnC,CAAC;IACDC,WAAW,EAAE;MACXzB,eAAe,EAAEJ,QAAQ,CAAC,YAAY,CAAC;MACvCS,YAAY,EAAEX,KAAK,CAACY,MAAM,CAACC,EAAE;MAC7BmB,SAAS,EAAEhC,KAAK,CAACS,OAAO,CAAC,GAAG,CAAC;MAC7BW,eAAe,EAAEpB,KAAK,CAACS,OAAO,CAAC,GAAG,CAAC;MACnCa,UAAU,EAAE;IACd,CAAC;IACDW,eAAe,EAAE;MACfjB,QAAQ,EAAEhB,KAAK,CAACiB,UAAU,CAACD,QAAQ,CAACH,EAAE,CAACG,QAAQ;MAC/CkB,UAAU,EAAElC,KAAK,CAACiB,UAAU,CAACiB,UAAU,CAACC,QAAQ;MAChDhC,KAAK,EAAEH,KAAK,CAACG,KAAK,CAACuB,OAAO,CAAC,KAAK;IAClC;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/components/alert.styles.js

@@ -0,0 +1,80 @@
+"use strict";
+
+/**
+ * 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 と同じ）。
+ */
+
+/**
+ * 構成キー（token キー）。component は Text にこのキーをそのまま渡し、resolver は同じキーから
+ * style 値を解決する（component と resolver が別々のキーを持って drift する事故を防ぐ SSOT）。
+ */
+export const ALERT_SPEC = {
+  padding: "4",
+  gap: "3",
+  radius: "md",
+  titleFont: "base",
+  titleWeight: "medium",
+  messageFont: "sm"
+};
+
+/** slot 構成（alert.recipe 各 variant の containerStyle / titleStyle / messageStyle と 1:1）。 */
+
+/**
+ * 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 function resolveAlertColors(theme, mode, variant) {
+  if (variant === "info") {
+    return {
+      bg: theme.color.primary["50"],
+      text: theme.color.primary["800"]
+    };
+  }
+  const status = theme.color.status[variant === "error" ? "danger" : variant];
+  return mode === "dark" ? {
+    bg: status.subtleDark,
+    text: status.textDark
+  } : {
+    bg: status.subtleLight,
+    text: status.textLight
+  };
+}
+
+/** variant → 全 slot の style 解決（alert.recipe styleRefs の 1:1 写像）。 */
+export function resolveAlertStyles(theme, mode, variant) {
+  const {
+    bg,
+    text
+  } = resolveAlertColors(theme, mode, variant);
+  return {
+    containerStyle: {
+      backgroundColor: bg,
+      borderRadius: theme.radius[ALERT_SPEC.radius],
+      padding: theme.spacing[ALERT_SPEC.padding],
+      flexDirection: "row",
+      alignItems: "flex-start",
+      gap: theme.spacing[ALERT_SPEC.gap]
+    },
+    titleStyle: {
+      color: text,
+      fontSize: theme.typography.fontSize[ALERT_SPEC.titleFont].fontSize,
+      fontWeight: theme.typography.fontWeight[ALERT_SPEC.titleWeight]
+    },
+    messageStyle: {
+      color: text,
+      fontSize: theme.typography.fontSize[ALERT_SPEC.messageFont].fontSize
+    }
+  };
+}
+//# sourceMappingURL=alert.styles.js.map

package/lib/module/components/alert.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ALERT_SPEC","padding","gap","radius","titleFont","titleWeight","messageFont","resolveAlertColors","theme","mode","variant","bg","color","primary","text","status","subtleDark","textDark","subtleLight","textLight","resolveAlertStyles","containerStyle","backgroundColor","borderRadius","spacing","flexDirection","alignItems","titleStyle","fontSize","typography","fontWeight","messageStyle"],"sourceRoot":"../../../src","sources":["components/alert.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA,OAAO,MAAMA,UAAU,GAAG;EACxBC,OAAO,EAAE,GAAG;EACZC,GAAG,EAAE,GAAG;EACRC,MAAM,EAAE,IAAI;EACZC,SAAS,EAAE,MAAM;EACjBC,WAAW,EAAE,QAAQ;EACrBC,WAAW,EAAE;AACf,CAOC;;AAED;;AAuBA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAChCC,KAAkB,EAClBC,IAAe,EACfC,OAAqB,EACS;EAC9B,IAAIA,OAAO,KAAK,MAAM,EAAE;IACtB,OAAO;MAAEC,EAAE,EAAEH,KAAK,CAACI,KAAK,CAACC,OAAO,CAAC,IAAI,CAAC;MAAEC,IAAI,EAAEN,KAAK,CAACI,KAAK,CAACC,OAAO,CAAC,KAAK;IAAE,CAAC;EAC5E;EACA,MAAME,MAAM,GAAGP,KAAK,CAACI,KAAK,CAACG,MAAM,CAACL,OAAO,KAAK,OAAO,GAAG,QAAQ,GAAGA,OAAO,CAAC;EAC3E,OAAOD,IAAI,KAAK,MAAM,GAClB;IAAEE,EAAE,EAAEI,MAAM,CAACC,UAAU;IAAEF,IAAI,EAAEC,MAAM,CAACE;EAAS,CAAC,GAChD;IAAEN,EAAE,EAAEI,MAAM,CAACG,WAAW;IAAEJ,IAAI,EAAEC,MAAM,CAACI;EAAU,CAAC;AACxD;;AAEA;AACA,OAAO,SAASC,kBAAkBA,CAChCZ,KAAkB,EAClBC,IAAe,EACfC,OAAqB,EACR;EACb,MAAM;IAAEC,EAAE;IAAEG;EAAK,CAAC,GAAGP,kBAAkB,CAACC,KAAK,EAAEC,IAAI,EAAEC,OAAO,CAAC;EAC7D,OAAO;IACLW,cAAc,EAAE;MACdC,eAAe,EAAEX,EAAE;MACnBY,YAAY,EAAEf,KAAK,CAACL,MAAM,CAACH,UAAU,CAACG,MAAM,CAAC;MAC7CF,OAAO,EAAEO,KAAK,CAACgB,OAAO,CAACxB,UAAU,CAACC,OAAO,CAAC;MAC1CwB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,YAAY;MACxBxB,GAAG,EAAEM,KAAK,CAACgB,OAAO,CAACxB,UAAU,CAACE,GAAG;IACnC,CAAC;IACDyB,UAAU,EAAE;MACVf,KAAK,EAAEE,IAAI;MACXc,QAAQ,EAAEpB,KAAK,CAACqB,UAAU,CAACD,QAAQ,CAAC5B,UAAU,CAACI,SAAS,CAAC,CAACwB,QAAQ;MAClEE,UAAU,EAAEtB,KAAK,CAACqB,UAAU,CAACC,UAAU,CAAC9B,UAAU,CAACK,WAAW;IAChE,CAAC;IACD0B,YAAY,EAAE;MACZnB,KAAK,EAAEE,IAAI;MACXc,QAAQ,EAAEpB,KAAK,CAACqB,UAAU,CAACD,QAAQ,CAAC5B,UAAU,CAACM,WAAW,CAAC,CAACsB;IAC9D;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/components/avatar.styles.js

@@ -0,0 +1,94 @@
+"use strict";
+
+/**
+ * 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 が行う。
+ */
+
+/** サイズ軸（contract sizes の height と 1:1。recipe sizes の width/height/dotSize/fontSize に対応）。 */
+const SIZE_TABLE = {
+  small: {
+    box: 32,
+    dot: 8,
+    fontSize: "xs"
+  },
+  medium: {
+    box: 40,
+    dot: 10,
+    fontSize: "sm"
+  },
+  large: {
+    box: 48,
+    dot: 12,
+    fontSize: "base"
+  }
+};
+
+/** group の重なり（-spacing.2 相当。負値 token が無いため recipe と同じ literal）。 */
+export const AVATAR_GROUP_OVERLAP = -8;
+
+/**
+ * group variant（avatar.recipe の group.style / group.overlapStyle の 1:1 写像）。
+ * container は横並び、2枚目以降の子に overlap（負 margin）を適用する。
+ */
+export function resolveAvatarGroupStyle() {
+  return {
+    container: {
+      flexDirection: "row"
+    },
+    overlap: {
+      marginLeft: AVATAR_GROUP_OVERLAP
+    }
+  };
+}
+/**
+ * variant / size → Avatar style の解決（avatar.recipe styleRefs の 1:1 写像）。
+ */
+export function resolveAvatarStyle(theme, mode, variant, size) {
+  const s = SIZE_TABLE[size];
+  return {
+    container: {
+      width: s.box,
+      height: s.box,
+      borderRadius: theme.radius.full,
+      ...(variant === "image" ? {
+        overflow: "hidden"
+      } : {
+        backgroundColor: theme.color.primary["50"],
+        alignItems: "center",
+        justifyContent: "center"
+      })
+    },
+    text: {
+      color: theme.color.primary["500"],
+      fontWeight: theme.typography.fontWeight.medium,
+      fontSize: theme.typography.fontSize[s.fontSize].fontSize
+    },
+    dot: {
+      width: s.dot,
+      height: s.dot,
+      borderRadius: theme.radius.full,
+      borderWidth: 2,
+      borderColor: theme.color.semantic[mode]["bg-surface"]
+    }
+  };
+}
+
+/**
+ * status → statusDot の背景色（avatar.recipe states の 1:1 写像）。
+ * online=success / away=warning / offline=ニュートラル（border-strong）。
+ */
+export function resolveAvatarStatusColor(theme, mode, status) {
+  switch (status) {
+    case "online":
+      return theme.color.status.success.base;
+    case "away":
+      return theme.color.status.warning.base;
+    case "offline":
+      return theme.color.semantic[mode]["border-strong"];
+  }
+}
+//# sourceMappingURL=avatar.styles.js.map

package/lib/module/components/avatar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SIZE_TABLE","small","box","dot","fontSize","medium","large","AVATAR_GROUP_OVERLAP","resolveAvatarGroupStyle","container","flexDirection","overlap","marginLeft","resolveAvatarStyle","theme","mode","variant","size","s","width","height","borderRadius","radius","full","overflow","backgroundColor","color","primary","alignItems","justifyContent","text","fontWeight","typography","borderWidth","borderColor","semantic","resolveAvatarStatusColor","status","success","base","warning"],"sourceRoot":"../../../src","sources":["components/avatar.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;AACA,MAAMA,UAAU,GAAG;EACjBC,KAAK,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAK,CAAC;EAC1CC,MAAM,EAAE;IAAEH,GAAG,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAK,CAAC;EAC5CE,KAAK,EAAE;IAAEJ,GAAG,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAO;AAC9C,CAAU;;AAEV;AACA,OAAO,MAAMG,oBAAoB,GAAG,CAAC,CAAC;;AAEtC;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAAA,EAGrC;EACA,OAAO;IACLC,SAAS,EAAE;MAAEC,aAAa,EAAE;IAAM,CAAC;IACnCC,OAAO,EAAE;MAAEC,UAAU,EAAEL;IAAqB;EAC9C,CAAC;AACH;AAmBA;AACA;AACA;AACA,OAAO,SAASM,kBAAkBA,CAChCC,KAAkB,EAClBC,IAAe,EACfC,OAA6B,EAC7BC,IAAgB,EACG;EACnB,MAAMC,CAAC,GAAGlB,UAAU,CAACiB,IAAI,CAAC;EAC1B,OAAO;IACLR,SAAS,EAAE;MACTU,KAAK,EAAED,CAAC,CAAChB,GAAG;MACZkB,MAAM,EAAEF,CAAC,CAAChB,GAAG;MACbmB,YAAY,EAAEP,KAAK,CAACQ,MAAM,CAACC,IAAI;MAC/B,IAAIP,OAAO,KAAK,OAAO,GACnB;QAAEQ,QAAQ,EAAE;MAAkB,CAAC,GAC/B;QACEC,eAAe,EAAEX,KAAK,CAACY,KAAK,CAACC,OAAO,CAAC,IAAI,CAAC;QAC1CC,UAAU,EAAE,QAAiB;QAC7BC,cAAc,EAAE;MAClB,CAAC;IACP,CAAC;IACDC,IAAI,EAAE;MACJJ,KAAK,EAAEZ,KAAK,CAACY,KAAK,CAACC,OAAO,CAAC,KAAK,CAAC;MACjCI,UAAU,EAAEjB,KAAK,CAACkB,UAAU,CAACD,UAAU,CAAC1B,MAAM;MAC9CD,QAAQ,EAAEU,KAAK,CAACkB,UAAU,CAAC5B,QAAQ,CAACc,CAAC,CAACd,QAAQ,CAAC,CAACA;IAClD,CAAC;IACDD,GAAG,EAAE;MACHgB,KAAK,EAAED,CAAC,CAACf,GAAG;MACZiB,MAAM,EAAEF,CAAC,CAACf,GAAG;MACbkB,YAAY,EAAEP,KAAK,CAACQ,MAAM,CAACC,IAAI;MAC/BU,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEpB,KAAK,CAACY,KAAK,CAACS,QAAQ,CAACpB,IAAI,CAAC,CAAC,YAAY;IACtD;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASqB,wBAAwBA,CACtCtB,KAAkB,EAClBC,IAAe,EACfsB,MAAoB,EACZ;EACR,QAAQA,MAAM;IACZ,KAAK,QAAQ;MACX,OAAOvB,KAAK,CAACY,KAAK,CAACW,MAAM,CAACC,OAAO,CAACC,IAAI;IACxC,KAAK,MAAM;MACT,OAAOzB,KAAK,CAACY,KAAK,CAACW,MAAM,CAACG,OAAO,CAACD,IAAI;IACxC,KAAK,SAAS;MACZ,OAAOzB,KAAK,CAACY,KAAK,CAACS,QAAQ,CAACpB,IAAI,CAAC,CAAC,eAAe,CAAC;EACtD;AACF","ignoreList":[]}

package/lib/module/components/bottom-sheet.styles.js

@@ -0,0 +1,55 @@
+"use strict";
+
+/**
+ * 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 で加算する。
+ */
+
+/** overlay の黒 50%（token 外 literal。modal と同値）。 */
+// eslint-disable-next-line melta/no-raw-color -- overlay の黒 50% は契約上 token 外の literal（recipe description / web の bg-black/50 と同値）
+export const BOTTOM_SHEET_OVERLAY_COLOR = "rgba(0,0,0,0.5)";
+/** mode → BottomSheet style の解決（bottom-sheet.recipe styleRefs の 1:1 写像）。 */
+export function resolveBottomSheetStyle(theme, mode) {
+  const semantic = theme.color.semantic[mode];
+  return {
+    overlayStyle: {
+      flex: 1,
+      backgroundColor: BOTTOM_SHEET_OVERLAY_COLOR,
+      justifyContent: "flex-end"
+    },
+    sheetStyle: {
+      backgroundColor: semantic["bg-surface"],
+      borderTopLeftRadius: theme.radius.lg,
+      borderTopRightRadius: theme.radius.lg
+    },
+    grabberStyle: {
+      width: 36,
+      height: 4,
+      borderRadius: theme.radius.full,
+      backgroundColor: semantic["border-strong"],
+      alignSelf: "center",
+      marginTop: theme.spacing["2"]
+    },
+    titleStyle: {
+      fontSize: theme.typography.fontSize.lg.fontSize,
+      fontWeight: theme.typography.fontWeight.bold,
+      color: semantic["text-heading"],
+      paddingHorizontal: theme.spacing["4"],
+      paddingTop: theme.spacing["4"]
+    },
+    contentStyle: {
+      padding: theme.spacing["4"]
+    }
+  };
+}
+//# sourceMappingURL=bottom-sheet.styles.js.map

package/lib/module/components/bottom-sheet.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BOTTOM_SHEET_OVERLAY_COLOR","resolveBottomSheetStyle","theme","mode","semantic","color","overlayStyle","flex","backgroundColor","justifyContent","sheetStyle","borderTopLeftRadius","radius","lg","borderTopRightRadius","grabberStyle","width","height","borderRadius","full","alignSelf","marginTop","spacing","titleStyle","fontSize","typography","fontWeight","bold","paddingHorizontal","paddingTop","contentStyle","padding"],"sourceRoot":"../../../src","sources":["components/bottom-sheet.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA,OAAO,MAAMA,0BAA0B,GAAG,iBAAiB;AA2B3D;AACA,OAAO,SAASC,uBAAuBA,CAACC,KAAkB,EAAEC,IAAe,EAAoB;EAC7F,MAAMC,QAAQ,GAAGF,KAAK,CAACG,KAAK,CAACD,QAAQ,CAACD,IAAI,CAAC;EAC3C,OAAO;IACLG,YAAY,EAAE;MACZC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAER,0BAA0B;MAC3CS,cAAc,EAAE;IAClB,CAAC;IACDC,UAAU,EAAE;MACVF,eAAe,EAAEJ,QAAQ,CAAC,YAAY,CAAC;MACvCO,mBAAmB,EAAET,KAAK,CAACU,MAAM,CAACC,EAAE;MACpCC,oBAAoB,EAAEZ,KAAK,CAACU,MAAM,CAACC;IACrC,CAAC;IACDE,YAAY,EAAE;MACZC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,CAAC;MACTC,YAAY,EAAEhB,KAAK,CAACU,MAAM,CAACO,IAAI;MAC/BX,eAAe,EAAEJ,QAAQ,CAAC,eAAe,CAAC;MAC1CgB,SAAS,EAAE,QAAQ;MACnBC,SAAS,EAAEnB,KAAK,CAACoB,OAAO,CAAC,GAAG;IAC9B,CAAC;IACDC,UAAU,EAAE;MACVC,QAAQ,EAAEtB,KAAK,CAACuB,UAAU,CAACD,QAAQ,CAACX,EAAE,CAACW,QAAQ;MAC/CE,UAAU,EAAExB,KAAK,CAACuB,UAAU,CAACC,UAAU,CAACC,IAAI;MAC5CtB,KAAK,EAAED,QAAQ,CAAC,cAAc,CAAC;MAC/BwB,iBAAiB,EAAE1B,KAAK,CAACoB,OAAO,CAAC,GAAG,CAAC;MACrCO,UAAU,EAAE3B,KAAK,CAACoB,OAAO,CAAC,GAAG;IAC/B,CAAC;IACDQ,YAAY,EAAE;MAAEC,OAAO,EAAE7B,KAAK,CAACoB,OAAO,CAAC,GAAG;IAAE;EAC9C,CAAC;AACH","ignoreList":[]}