everkit-ui 0.1.0

package/dist/commonjs/components/LikeButton.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LikeButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _lucideReactNative = require("lucide-react-native");
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _haptics = require("../internal/haptics.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Snappier-than-press preset reserved for the heart pop on like — scales to 1.3
+ * quickly and settles without overshoot. Lifted verbatim from the pilot
+ * consumer's inline `HEART_SPRING_CONFIG`.
+ */const HEART_SPRING = {
+  damping: 12,
+  stiffness: 400,
+  mass: 0.5
+};
+/**
+ * Theme-agnostic heart + count pair — the "like" affordance for a feed-style
+ * card. Owns the pop animation, an optional haptic, and the count accessibility
+ * label; stays a pure visual primitive, so callers decide what each Pressable
+ * does.
+ *
+ * Colour comes INLINE from {@link useColors}: a liked heart fills with
+ * `semantic.error` (overridable via `likedColor`) and an unliked heart is an
+ * outline in `text.tertiary`; the count shares the same tint. Haptics are
+ * decoupled from any app hook via the optional `expo-haptics` peer.
+ */
+const LikeButton = exports.LikeButton = /*#__PURE__*/_react.default.memo(function LikeButton({
+  isLiked,
+  likeCount,
+  onLikePress,
+  onLikeCountPress,
+  size = 16,
+  haptic = true,
+  likedColor
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const liked = likedColor ?? colors.semantic.error;
+  const heartScale = (0, _reactNativeReanimated.useSharedValue)(1);
+  const heartAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      scale: heartScale.value
+    }]
+  }));
+  const handleHeartPress = (0, _react.useCallback)(() => {
+    if (!isLiked) {
+      heartScale.value = (0, _reactNativeReanimated.withSpring)(1.3, HEART_SPRING, finished => {
+        if (finished) {
+          heartScale.value = (0, _reactNativeReanimated.withSpring)(1, HEART_SPRING);
+        }
+      });
+      if (haptic) (0, _haptics.triggerLightHaptic)();
+    }
+    onLikePress();
+  }, [isLiked, onLikePress, heartScale, haptic]);
+  const tint = isLiked ? liked : colors.text.tertiary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: handleHeartPress,
+      hitSlop: 8,
+      accessibilityRole: "button",
+      accessibilityLabel: isLiked ? 'Unlike' : 'Like',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: heartAnimatedStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Heart, {
+          size: size,
+          color: tint,
+          fill: isLiked ? liked : 'transparent'
+        })
+      })
+    }), likeCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onLikeCountPress,
+      hitSlop: 12,
+      style: {
+        paddingVertical: 6,
+        paddingHorizontal: 4
+      },
+      accessibilityRole: "button",
+      accessibilityLabel: `See who liked this — ${likeCount} ${likeCount === 1 ? 'like' : 'likes'}`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "caption",
+        style: {
+          color: tint
+        },
+        children: likeCount
+      })
+    })]
+  });
+});
+//# sourceMappingURL=LikeButton.js.map

package/dist/commonjs/components/LikeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_lucideReactNative","_Text","_ThemeProvider","_haptics","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HEART_SPRING","damping","stiffness","mass","LikeButton","exports","React","memo","isLiked","likeCount","onLikePress","onLikeCountPress","size","haptic","likedColor","colors","useColors","liked","semantic","error","heartScale","useSharedValue","heartAnimatedStyle","useAnimatedStyle","transform","scale","value","handleHeartPress","useCallback","withSpring","finished","triggerLightHaptic","tint","text","tertiary","jsxs","View","style","flexDirection","alignItems","gap","children","jsx","Pressable","onPress","hitSlop","accessibilityRole","accessibilityLabel","Heart","color","fill","paddingVertical","paddingHorizontal","Text","variant"],"sourceRoot":"../../../src","sources":["components/LikeButton.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/LoadingScreen.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingScreen = LoadingScreen;
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme-agnostic full-bleed loading body — a centered spinner on a solid
+ * surface, used as the `isLoading` state of `<FormScreen>` / `<DetailScreen>`
+ * (the header stays painted above it).
+ *
+ * Color comes INLINE from {@link useColors}: the fill is `bg.primary` and the
+ * indicator is `brand.primary`. Layout (flex + centering) is applied INLINE so
+ * the screen renders with no NativeWind setup in the consumer; `style` is an
+ * inline override merged last.
+ */
+function LoadingScreen({
+  style
+} = {}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, {
+      backgroundColor: colors.bg.primary
+    }, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      color: colors.brand.primary,
+      size: "large"
+    })
+  });
+}
+//# sourceMappingURL=LoadingScreen.js.map

package/dist/commonjs/components/LoadingScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeProvider","_jsxRuntime","LoadingScreen","style","colors","useColors","jsx","View","flex","alignItems","justifyContent","backgroundColor","bg","primary","children","ActivityIndicator","color","brand","size"],"sourceRoot":"../../../src","sources":["components/LoadingScreen.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAOlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,aAAaA,CAAC;EAAEC;AAA0B,CAAC,GAAG,CAAC,CAAC,EAAE;EAChE,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,oBACE,IAAAJ,WAAA,CAAAK,GAAA,EAACR,YAAA,CAAAS,IAAI;IACHJ,KAAK,EAAE,CACL;MAAEK,IAAI,EAAE,CAAC;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAC,EAC3D;MAAEC,eAAe,EAAEP,MAAM,CAACQ,EAAE,CAACC;IAAQ,CAAC,EACtCV,KAAK,CACL;IAAAW,QAAA,eAEF,IAAAb,WAAA,CAAAK,GAAA,EAACR,YAAA,CAAAiB,iBAAiB;MAACC,KAAK,EAAEZ,MAAM,CAACa,KAAK,CAACJ,OAAQ;MAACK,IAAI,EAAC;IAAO,CAAE;EAAC,CAC3D,CAAC;AAEX","ignoreList":[]}

package/dist/commonjs/components/NotesCard.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotesCard = NotesCard;
+var _reactNative = require("react-native");
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme-agnostic notes card — a soft surface with a heading and a body
+ * paragraph (the "Tasting Notes" / "Notes" block pattern).
+ *
+ * Colour comes INLINE from {@link useColors}: the surface is `bg.card`, the
+ * heading defaults to `text.primary` (via {@link Text}), and the body is
+ * `text.secondary`. Elevation comes from the themed {@link useShadows} `sm`
+ * preset so each theme tunes its own dark-mode shadow.
+ */
+function NotesCard({
+  heading,
+  body
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const shadows = (0, _ThemeProvider.useShadows)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      backgroundColor: colors.bg.card,
+      borderRadius: 16,
+      padding: 16
+    }, shadows.sm],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "heading-sm",
+      style: {
+        marginBottom: 8
+      },
+      children: heading
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "body-md",
+      style: {
+        color: colors.text.secondary,
+        lineHeight: 22
+      },
+      children: body
+    })]
+  });
+}
+//# sourceMappingURL=NotesCard.js.map

package/dist/commonjs/components/NotesCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Text","_ThemeProvider","_jsxRuntime","NotesCard","heading","body","colors","useColors","shadows","useShadows","jsxs","View","style","backgroundColor","bg","card","borderRadius","padding","sm","children","jsx","Text","variant","marginBottom","color","text","secondary","lineHeight"],"sourceRoot":"../../../src","sources":["components/NotesCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAS9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,SAASA,CAAC;EAAEC,OAAO;EAAEC;AAAqB,CAAC,EAAE;EAC3D,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,MAAMC,OAAO,GAAG,IAAAC,yBAAU,EAAC,CAAC;EAC5B,oBACE,IAAAP,WAAA,CAAAQ,IAAA,EAACZ,YAAA,CAAAa,IAAI;IACHC,KAAK,EAAE,CAAC;MAAEC,eAAe,EAAEP,MAAM,CAACQ,EAAE,CAACC,IAAI;MAAEC,YAAY,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAG,CAAC,EAAET,OAAO,CAACU,EAAE,CAAE;IAAAC,QAAA,gBAExF,IAAAjB,WAAA,CAAAkB,GAAA,EAACpB,KAAA,CAAAqB,IAAI;MAACC,OAAO,EAAC,YAAY;MAACV,KAAK,EAAE;QAAEW,YAAY,EAAE;MAAE,CAAE;MAAAJ,QAAA,EACnDf;IAAO,CACJ,CAAC,eACP,IAAAF,WAAA,CAAAkB,GAAA,EAACpB,KAAA,CAAAqB,IAAI;MAACC,OAAO,EAAC,SAAS;MAACV,KAAK,EAAE;QAAEY,KAAK,EAAElB,MAAM,CAACmB,IAAI,CAACC,SAAS;QAAEC,UAAU,EAAE;MAAG,CAAE;MAAAR,QAAA,EAC7Ed;IAAI,CACD,CAAC;EAAA,CACH,CAAC;AAEX","ignoreList":[]}

package/dist/commonjs/components/OnboardingSlide.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnboardingSlide = OnboardingSlide;
+var _reactNative = require("react-native");
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const ICON_CIRCLE_SIZE = 136;
+/**
+ * Theme-agnostic onboarding pager slide: an accent-coloured circle holding an
+ * icon, a heading, and a body paragraph. Rendered inside a paged horizontal
+ * FlatList (the app owns the pager + dots).
+ *
+ * Colour comes INLINE: the circle fill is the caller-supplied `accent` (a theme
+ * value, typically `colors.brand.*Light`), the heading defaults to `text.primary`
+ * (via {@link Text}), and the body is `text.secondary` from {@link useColors}.
+ * Layout (flex, padding, alignment, margins) is applied INLINE from the
+ * library-owned {@link SPACE} scale, so the slide renders with no NativeWind
+ * setup in the consumer; `width` is the paging geometry and `style` is an inline
+ * override merged last.
+ */
+function OnboardingSlide({
+  icon,
+  accent,
+  heading,
+  body,
+  width,
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flex: 1,
+      paddingHorizontal: _scale.SPACE['8'],
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, {
+      width
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: ICON_CIRCLE_SIZE,
+        height: ICON_CIRCLE_SIZE,
+        borderRadius: ICON_CIRCLE_SIZE / 2,
+        backgroundColor: accent,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginBottom: 40
+      },
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "display-md",
+      style: {
+        textAlign: 'center',
+        marginBottom: _scale.SPACE['4']
+      },
+      children: heading
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "body-lg",
+      style: {
+        textAlign: 'center',
+        lineHeight: 26,
+        color: colors.text.secondary
+      },
+      children: body
+    })]
+  });
+}
+//# sourceMappingURL=OnboardingSlide.js.map

package/dist/commonjs/components/OnboardingSlide.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Text","_ThemeProvider","_scale","_jsxRuntime","ICON_CIRCLE_SIZE","OnboardingSlide","icon","accent","heading","body","width","style","colors","useColors","jsxs","View","flex","paddingHorizontal","SPACE","alignItems","justifyContent","children","jsx","height","borderRadius","backgroundColor","marginBottom","Text","variant","textAlign","lineHeight","color","text","secondary"],"sourceRoot":"../../../src","sources":["components/OnboardingSlide.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAsC,IAAAI,WAAA,GAAAJ,OAAA;AAEtC,MAAMK,gBAAgB,GAAG,GAAG;AAiB5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,eAAeA,CAAC;EAC9BC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC,IAAI;EACJC,KAAK;EACLC;AACoB,CAAC,EAAE;EACvB,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAE1B,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAAChB,YAAA,CAAAiB,IAAI;IACHJ,KAAK,EAAE,CACL;MAAEK,IAAI,EAAE,CAAC;MAAEC,iBAAiB,EAAEC,YAAK,CAAC,GAAG,CAAC;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAC,EAC1F;MAAEV;IAAM,CAAC,EACTC,KAAK,CACL;IAAAU,QAAA,gBAEF,IAAAlB,WAAA,CAAAmB,GAAA,EAACxB,YAAA,CAAAiB,IAAI;MACHJ,KAAK,EAAE;QACLD,KAAK,EAAEN,gBAAgB;QACvBmB,MAAM,EAAEnB,gBAAgB;QACxBoB,YAAY,EAAEpB,gBAAgB,GAAG,CAAC;QAClCqB,eAAe,EAAElB,MAAM;QACvBY,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBM,YAAY,EAAE;MAChB,CAAE;MAAAL,QAAA,EAEDf;IAAI,CACD,CAAC,eAEP,IAAAH,WAAA,CAAAmB,GAAA,EAACtB,KAAA,CAAA2B,IAAI;MAACC,OAAO,EAAC,YAAY;MAACjB,KAAK,EAAE;QAAEkB,SAAS,EAAE,QAAQ;QAAEH,YAAY,EAAER,YAAK,CAAC,GAAG;MAAE,CAAE;MAAAG,QAAA,EACjFb;IAAO,CACJ,CAAC,eACP,IAAAL,WAAA,CAAAmB,GAAA,EAACtB,KAAA,CAAA2B,IAAI;MACHC,OAAO,EAAC,SAAS;MACjBjB,KAAK,EAAE;QAAEkB,SAAS,EAAE,QAAQ;QAAEC,UAAU,EAAE,EAAE;QAAEC,KAAK,EAAEnB,MAAM,CAACoB,IAAI,CAACC;MAAU,CAAE;MAAAZ,QAAA,EAE5EZ;IAAI,CACD,CAAC;EAAA,CACH,CAAC;AAEX","ignoreList":[]}

package/dist/commonjs/components/PhotoPicker.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PhotoPicker = PhotoPicker;
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _Text = require("./Text.js");
+var _AppImage = require("./AppImage.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const REMOVE_HIT = 44;
+const REMOVE_BADGE = 24;
+
+/**
+ * Theme-agnostic multi-photo grid — a wrapping row of thumbnails (each with a
+ * remove badge) plus an add tile that's shown until `maxPhotos` is reached.
+ *
+ * Headless about *picking*: it never touches `expo-image-picker`, permissions,
+ * or a source chooser. Tapping the add tile fires {@link onAddPress}, and the
+ * consumer runs its own pick flow and appends the URI; removing fires
+ * {@link onRemove} with the index. That keeps the platform/permission concern in
+ * the app and the visual grid here, reusable across sessions / teas / profiles.
+ *
+ * Colour comes INLINE from {@link useColors} (`bg.secondary` tiles,
+ * `border.default` frame, `semantic.error` remove badge, `text.inverse` glyph);
+ * spacing + radii from the {@link SPACE}/{@link RADIUS} scale.
+ */
+function PhotoPicker({
+  photos,
+  maxPhotos = 1,
+  onAddPress,
+  onRemove,
+  thumbnailSize = 80,
+  addLabel = 'Add',
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const canAddMore = photos.length < maxPhotos;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap: _scale.SPACE['3']
+    }, style],
+    children: [photos.map((uri, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        width: thumbnailSize,
+        height: thumbnailSize
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: thumbnailSize,
+          height: thumbnailSize,
+          borderRadius: _scale.RADIUS.md,
+          overflow: 'hidden',
+          borderWidth: 1,
+          borderColor: colors.border.default
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppImage.AppImage, {
+          source: {
+            uri
+          },
+          style: {
+            width: thumbnailSize,
+            height: thumbnailSize
+          },
+          contentFit: "cover",
+          recyclingKey: uri,
+          accessibilityLabel: `Photo ${index + 1}`
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: () => onRemove(index),
+        hitSlop: 0,
+        accessibilityRole: "button",
+        accessibilityLabel: `Remove photo ${index + 1}`,
+        style: {
+          position: 'absolute',
+          top: -_scale.SPACE['2'],
+          right: -_scale.SPACE['2'],
+          width: REMOVE_HIT,
+          height: REMOVE_HIT,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: REMOVE_BADGE,
+            height: REMOVE_BADGE,
+            borderRadius: REMOVE_BADGE / 2,
+            backgroundColor: colors.semantic.error,
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.X, {
+            size: 14,
+            color: colors.text.inverse,
+            strokeWidth: 2.5
+          })
+        })
+      })]
+    }, `${uri}-${index}`)), canAddMore ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: onAddPress,
+      accessibilityRole: "button",
+      accessibilityLabel: "Add photo",
+      style: {
+        width: thumbnailSize,
+        height: thumbnailSize,
+        borderRadius: _scale.RADIUS.md,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: colors.bg.secondary,
+        borderWidth: 1.5,
+        borderColor: colors.border.strong
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Camera, {
+        size: 24,
+        color: colors.text.tertiary,
+        strokeWidth: 1.5
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "caption-sm",
+        style: {
+          color: colors.text.tertiary,
+          marginTop: _scale.SPACE['1']
+        },
+        children: addLabel
+      })]
+    }) : null]
+  });
+}
+//# sourceMappingURL=PhotoPicker.js.map

package/dist/commonjs/components/PhotoPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_lucideReactNative","_Text","_AppImage","_ThemeProvider","_scale","_jsxRuntime","REMOVE_HIT","REMOVE_BADGE","PhotoPicker","photos","maxPhotos","onAddPress","onRemove","thumbnailSize","addLabel","style","colors","useColors","canAddMore","length","jsxs","View","flexDirection","flexWrap","gap","SPACE","children","map","uri","index","width","height","jsx","borderRadius","RADIUS","md","overflow","borderWidth","borderColor","border","default","AppImage","source","contentFit","recyclingKey","accessibilityLabel","Pressable","onPress","hitSlop","accessibilityRole","position","top","right","alignItems","justifyContent","backgroundColor","semantic","error","X","size","color","text","inverse","strokeWidth","bg","secondary","strong","Camera","tertiary","Text","variant","marginTop"],"sourceRoot":"../../../src","sources":["components/PhotoPicker.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/PhotoStrip.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PhotoStrip = PhotoStrip;
+var _reactNative = require("react-native");
+var _AppImage = require("./AppImage.js");
+var _Text = require("./Text.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme-agnostic horizontal photo thumbnail strip. Tapping a thumbnail fires
+ * `onPhotoPress` with its index — the parent decides what happens (usually opens
+ * a fullscreen viewer; the library does not pull in an image-viewer dependency).
+ *
+ * Carries no colour of its own beyond the optional heading (`text.primary` via
+ * {@link Text}); thumbnails render through the library's {@link AppImage} so they
+ * get the shared cache policy. Layout (heading gap, thumbnail gap) is applied
+ * INLINE from the library-owned {@link SPACE} scale, so the strip renders with no
+ * NativeWind setup in the consumer; `style` is an inline override merged last.
+ */
+function PhotoStrip({
+  photos,
+  onPhotoPress,
+  heading,
+  thumbnailSize = 160,
+  accessibilityIndexOffset = 0,
+  style
+}) {
+  if (photos.length === 0) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: style,
+    children: [heading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "heading-sm",
+      style: {
+        marginBottom: _scale.SPACE['2']
+      },
+      children: heading
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: {
+        gap: _scale.SPACE['3']
+      },
+      children: photos.map((uri, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: () => onPhotoPress(i),
+        accessibilityRole: "imagebutton",
+        accessibilityLabel: `View photo ${i + 1 + accessibilityIndexOffset} fullscreen`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppImage.AppImage, {
+          source: {
+            uri
+          },
+          style: {
+            width: thumbnailSize,
+            height: thumbnailSize,
+            borderRadius: 14
+          },
+          contentFit: "cover",
+          transition: 300
+        })
+      }, `${uri}-${i}`))
+    })]
+  });
+}
+//# sourceMappingURL=PhotoStrip.js.map

package/dist/commonjs/components/PhotoStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_AppImage","_Text","_scale","_jsxRuntime","PhotoStrip","photos","onPhotoPress","heading","thumbnailSize","accessibilityIndexOffset","style","length","jsxs","View","children","jsx","Text","variant","marginBottom","SPACE","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","gap","map","uri","i","Pressable","onPress","accessibilityRole","accessibilityLabel","AppImage","source","width","height","borderRadius","contentFit","transition"],"sourceRoot":"../../../src","sources":["components/PhotoStrip.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAsC,IAAAI,WAAA,GAAAJ,OAAA;AAqBtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,UAAUA,CAAC;EACzBC,MAAM;EACNC,YAAY;EACZC,OAAO;EACPC,aAAa,GAAG,GAAG;EACnBC,wBAAwB,GAAG,CAAC;EAC5BC;AACe,CAAC,EAAE;EAClB,IAAIL,MAAM,CAACM,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEpC,oBACE,IAAAR,WAAA,CAAAS,IAAA,EAACd,YAAA,CAAAe,IAAI;IAACH,KAAK,EAAEA,KAAM;IAAAI,QAAA,GAChBP,OAAO,gBACN,IAAAJ,WAAA,CAAAY,GAAA,EAACd,KAAA,CAAAe,IAAI;MAACC,OAAO,EAAC,YAAY;MAACP,KAAK,EAAE;QAAEQ,YAAY,EAAEC,YAAK,CAAC,GAAG;MAAE,CAAE;MAAAL,QAAA,EAC5DP;IAAO,CACJ,CAAC,GACL,IAAI,eACR,IAAAJ,WAAA,CAAAY,GAAA,EAACjB,YAAA,CAAAsB,UAAU;MACTC,UAAU;MACVC,8BAA8B,EAAE,KAAM;MACtCC,qBAAqB,EAAE;QAAEC,GAAG,EAAEL,YAAK,CAAC,GAAG;MAAE,CAAE;MAAAL,QAAA,EAE1CT,MAAM,CAACoB,GAAG,CAAC,CAACC,GAAG,EAAEC,CAAC,kBACjB,IAAAxB,WAAA,CAAAY,GAAA,EAACjB,YAAA,CAAA8B,SAAS;QAERC,OAAO,EAAEA,CAAA,KAAMvB,YAAY,CAACqB,CAAC,CAAE;QAC/BG,iBAAiB,EAAC,aAAa;QAC/BC,kBAAkB,EAAE,cAAcJ,CAAC,GAAG,CAAC,GAAGlB,wBAAwB,aAAc;QAAAK,QAAA,eAEhF,IAAAX,WAAA,CAAAY,GAAA,EAACf,SAAA,CAAAgC,QAAQ;UACPC,MAAM,EAAE;YAAEP;UAAI,CAAE;UAChBhB,KAAK,EAAE;YAAEwB,KAAK,EAAE1B,aAAa;YAAE2B,MAAM,EAAE3B,aAAa;YAAE4B,YAAY,EAAE;UAAG,CAAE;UACzEC,UAAU,EAAC,OAAO;UAClBC,UAAU,EAAE;QAAI,CACjB;MAAC,GAVG,GAAGZ,GAAG,IAAIC,CAAC,EAWP,CACZ;IAAC,CACQ,CAAC;EAAA,CACT,CAAC;AAEX","ignoreList":[]}

package/dist/commonjs/components/PhotoViewer.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PhotoViewer = PhotoViewer;
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _lucideReactNative = require("lucide-react-native");
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+// `react-native-image-viewing` is an OPTIONAL peer, loaded behind a try/catch so
+// the library builds without it. Consumers that use PhotoViewer install the peer;
+// if it's absent the component degrades to rendering nothing (the lightbox simply
+// never opens) rather than crashing the import graph.
+let ImageViewComp = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  ImageViewComp = require('react-native-image-viewing').default ?? null;
+} catch {
+  ImageViewComp = null;
+}
+
+/** A single viewable image. The bare `{ uri }` shape `react-native-image-viewing` expects. */
+
+/** Coerce the `string[]` convenience form into the `{ uri }[]` shape the peer expects. */
+function normaliseImages(images) {
+  return images.map(image => typeof image === 'string' ? {
+    uri: image
+  } : image);
+}
+
+/**
+ * Theme-agnostic fullscreen image lightbox — a thin wrapper over the optional
+ * `react-native-image-viewing` peer with a pure-black backdrop, swipe-to-close and
+ * double-tap-to-zoom, plus a custom header (index counter + close button).
+ *
+ * The backdrop is intrinsically black, so the header chrome is coloured from the
+ * theme's on-dark token ({@link useColors} `text.inverse`) for legibility; layout
+ * comes INLINE from {@link SPACE} / {@link RADIUS} and the safe-area inset. Side
+ * effects (open/close, paging) are injected via props — the parent owns `visible`,
+ * `imageIndex` and the data.
+ *
+ * `react-native-image-viewing` is an optional peer (see top of file); when it is
+ * absent the component renders nothing.
+ */
+function PhotoViewer({
+  images,
+  visible,
+  imageIndex = 0,
+  onClose,
+  onIndexChange
+}) {
+  const ImageView = ImageViewComp;
+  if (!ImageView) return null;
+  const normalised = normaliseImages(images);
+
+  // The peer's Modal mounts above everything; no portal/nav coupling needed.
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageView, {
+    images: normalised,
+    imageIndex: imageIndex,
+    visible: visible,
+    onRequestClose: onClose,
+    onImageIndexChange: onIndexChange,
+    presentationStyle: "overFullScreen",
+    backgroundColor: "#000000",
+    animationType: "fade",
+    swipeToCloseEnabled: true,
+    doubleTapToZoomEnabled: true,
+    HeaderComponent: ({
+      imageIndex: index
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(PhotoViewerHeader, {
+      imageIndex: index,
+      total: normalised.length,
+      onClose: onClose
+    })
+  });
+}
+function PhotoViewerHeader({
+  imageIndex,
+  total,
+  onClose
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingTop: insets.top + _scale.SPACE['2'],
+      paddingHorizontal: _scale.SPACE['5'],
+      paddingBottom: _scale.SPACE['3']
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.Text, {
+      variant: "label-md"
+      // Hide the counter when there is only one photo — looks cleaner.
+      ,
+      style: {
+        color: colors.text.inverse,
+        opacity: total > 1 ? 1 : 0
+      },
+      accessibilityLabel: `Photo ${imageIndex + 1} of ${total}`,
+      children: [imageIndex + 1, " / ", total]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onClose,
+      hitSlop: 12,
+      accessibilityRole: "button",
+      accessibilityLabel: "Close photo viewer",
+      style: {
+        padding: _scale.SPACE['1.5'],
+        borderRadius: _scale.RADIUS.full,
+        backgroundColor: 'rgba(255, 255, 255, 0.12)'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.X, {
+        size: 22,
+        color: colors.text.inverse
+      })
+    })]
+  });
+}
+//# sourceMappingURL=PhotoViewer.js.map

package/dist/commonjs/components/PhotoViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeSafeAreaContext","_lucideReactNative","_Text","_ThemeProvider","_scale","_jsxRuntime","ImageViewComp","default","normaliseImages","images","map","image","uri","PhotoViewer","visible","imageIndex","onClose","onIndexChange","ImageView","normalised","jsx","onRequestClose","onImageIndexChange","presentationStyle","backgroundColor","animationType","swipeToCloseEnabled","doubleTapToZoomEnabled","HeaderComponent","index","PhotoViewerHeader","total","length","colors","useColors","insets","useSafeAreaInsets","jsxs","View","style","flexDirection","alignItems","justifyContent","paddingTop","top","SPACE","paddingHorizontal","paddingBottom","children","Text","variant","color","text","inverse","opacity","accessibilityLabel","Pressable","onPress","hitSlop","accessibilityRole","padding","borderRadius","RADIUS","full","X","size"],"sourceRoot":"../../../src","sources":["components/PhotoViewer.tsx"],"mappings":"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","ignoreList":[]}