everkit-ui 0.1.0

package/dist/module/components/ErrorState.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import { View } from 'react-native';
+import { CircleAlert } from 'lucide-react-native';
+import { Text } from "./Text.js";
+import { Button } from "./Button.js";
+import { useColors } from "../theme/ThemeProvider.js";
+import { SPACE } from "../theme/scale.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Theme-agnostic full-bleed error body — used as the `error` state of
+ * `<FormScreen>` / `<DetailScreen>` (the header stays painted above it).
+ *
+ * Color comes INLINE from {@link useColors}: the icon circle fills with
+ * `brand.accentLight`, the alert glyph is `semantic.error`, and the message uses
+ * `text.tertiary`. The «Oops!» heading defaults to `text.primary` (via {@link Text}).
+ * The retry button is the library's own {@link Button} (`outline`). Layout
+ * (flex, padding) is applied INLINE from the library-owned {@link SPACE} scale,
+ * so the error body renders with no NativeWind setup in the consumer; `style` is
+ * an inline override merged last.
+ */
+export function ErrorState({
+  message = 'Something went wrong',
+  onRetry,
+  style
+}) {
+  const colors = useColors();
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingHorizontal: SPACE['8']
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: 72,
+        height: 72,
+        borderRadius: 36,
+        backgroundColor: colors.brand.accentLight,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginBottom: 16
+      },
+      children: /*#__PURE__*/_jsx(CircleAlert, {
+        size: 36,
+        color: colors.semantic.error
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "display-sm",
+      style: {
+        textAlign: 'center',
+        marginBottom: SPACE['2']
+      },
+      children: "Oops!"
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-md",
+      style: {
+        textAlign: 'center',
+        maxWidth: 280,
+        marginBottom: SPACE['6'],
+        color: colors.text.tertiary
+      },
+      children: message
+    }), onRetry && /*#__PURE__*/_jsx(Button, {
+      variant: "outline",
+      size: "md",
+      onPress: onRetry,
+      children: "Try Again"
+    })]
+  });
+}
+//# sourceMappingURL=ErrorState.js.map

package/dist/module/components/ErrorState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","CircleAlert","Text","Button","useColors","SPACE","jsx","_jsx","jsxs","_jsxs","ErrorState","message","onRetry","style","colors","flex","alignItems","justifyContent","paddingHorizontal","children","width","height","borderRadius","backgroundColor","brand","accentLight","marginBottom","size","color","semantic","error","variant","textAlign","maxWidth","text","tertiary","onPress"],"sourceRoot":"../../../src","sources":["components/ErrorState.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAwC,cAAc;AACnE,SAASC,WAAW,QAAQ,qBAAqB;AACjD,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,SAAS,QAAQ,2BAAwB;AAClD,SAASC,KAAK,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,OAAO,GAAG,sBAAsB;EAChCC,OAAO;EACPC;AACe,CAAC,EAAE;EAClB,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;EAC1B,oBACEK,KAAA,CAACT,IAAI;IACHa,KAAK,EAAE,CACL;MAAEE,IAAI,EAAE,CAAC;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE,QAAQ;MAAEC,iBAAiB,EAAEb,KAAK,CAAC,GAAG;IAAE,CAAC,EAC1FQ,KAAK,CACL;IAAAM,QAAA,gBAEFZ,IAAA,CAACP,IAAI;MACHa,KAAK,EAAE;QACLO,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,EAAE;QAChBC,eAAe,EAAET,MAAM,CAACU,KAAK,CAACC,WAAW;QACzCT,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBS,YAAY,EAAE;MAChB,CAAE;MAAAP,QAAA,eAEFZ,IAAA,CAACN,WAAW;QAAC0B,IAAI,EAAE,EAAG;QAACC,KAAK,EAAEd,MAAM,CAACe,QAAQ,CAACC;MAAM,CAAE;IAAC,CACnD,CAAC,eAEPvB,IAAA,CAACL,IAAI;MAAC6B,OAAO,EAAC,YAAY;MAAClB,KAAK,EAAE;QAAEmB,SAAS,EAAE,QAAQ;QAAEN,YAAY,EAAErB,KAAK,CAAC,GAAG;MAAE,CAAE;MAAAc,QAAA,EAAC;IAErF,CAAM,CAAC,eACPZ,IAAA,CAACL,IAAI;MACH6B,OAAO,EAAC,SAAS;MACjBlB,KAAK,EAAE;QAAEmB,SAAS,EAAE,QAAQ;QAAEC,QAAQ,EAAE,GAAG;QAAEP,YAAY,EAAErB,KAAK,CAAC,GAAG,CAAC;QAAEuB,KAAK,EAAEd,MAAM,CAACoB,IAAI,CAACC;MAAS,CAAE;MAAAhB,QAAA,EAEpGR;IAAO,CACJ,CAAC,EAENC,OAAO,iBACNL,IAAA,CAACJ,MAAM;MAAC4B,OAAO,EAAC,SAAS;MAACJ,IAAI,EAAC,IAAI;MAACS,OAAO,EAAExB,OAAQ;MAAAO,QAAA,EAAC;IAEtD,CAAQ,CACT;EAAA,CACG,CAAC;AAEX","ignoreList":[]}

package/dist/module/components/Fab.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import { Pressable } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import { useColors, useShadows } from "../theme/ThemeProvider.js";
+import { SPRINGS } from "../internal/springs.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+const DEFAULT_SIZE = 56;
+
+/** Which brand token fills the circle. */
+
+/**
+ * Theme-agnostic single-action floating button — a circular CTA pinned
+ * bottom-right (above a tab bar) with a subtle press-scale.
+ *
+ * Color comes INLINE from {@link useColors}: the circle fills with the chosen
+ * `brand.*` token (`primary` by default) and the elevation is the themed
+ * {@link useShadows} `lg` preset (so each theme tunes its own dark-mode opacity).
+ * Motion runs on the lifted {@link SPRINGS} press config. There is no `className`
+ * — the FAB owns its absolute position; tune it with `bottom` / `right` / `size`.
+ *
+ * For a screen offering several actions, use {@link FabMenu} instead.
+ */
+export function Fab({
+  icon,
+  onPress,
+  accessibilityLabel,
+  color = 'primary',
+  size = DEFAULT_SIZE,
+  bottom = 24,
+  right = 20
+}) {
+  const colors = useColors();
+  const shadows = useShadows();
+  const pressed = useSharedValue(0);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: 1 - pressed.value * 0.05
+    }]
+  }));
+  const bg = color === 'secondary' ? colors.brand.secondary : color === 'accent' ? colors.brand.accent : colors.brand.primary;
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    onPress: onPress,
+    onPressIn: () => {
+      pressed.value = withSpring(1, SPRINGS.press);
+    },
+    onPressOut: () => {
+      pressed.value = withSpring(0, SPRINGS.press);
+    },
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    hitSlop: 8,
+    style: [animatedStyle, {
+      alignItems: 'center',
+      justifyContent: 'center',
+      position: 'absolute',
+      right,
+      bottom,
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      backgroundColor: bg
+    }, shadows.lg],
+    children: icon
+  });
+}
+//# sourceMappingURL=Fab.js.map

package/dist/module/components/Fab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","Animated","useAnimatedStyle","useSharedValue","withSpring","useColors","useShadows","SPRINGS","jsx","_jsx","AnimatedPressable","createAnimatedComponent","DEFAULT_SIZE","Fab","icon","onPress","accessibilityLabel","color","size","bottom","right","colors","shadows","pressed","animatedStyle","transform","scale","value","bg","brand","secondary","accent","primary","onPressIn","press","onPressOut","accessibilityRole","hitSlop","style","alignItems","justifyContent","position","width","height","borderRadius","backgroundColor","lg","children"],"sourceRoot":"../../../src","sources":["components/Fab.tsx"],"mappings":";;AACA,SAASA,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,IAAIC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,QAAQ,yBAAyB;AAChG,SAASC,SAAS,EAAEC,UAAU,QAAQ,2BAAwB;AAC9D,SAASC,OAAO,QAAQ,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,iBAAiB,GAAGT,QAAQ,CAACU,uBAAuB,CAACX,SAAS,CAAC;AACrE,MAAMY,YAAY,GAAG,EAAE;;AAEvB;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,GAAGA,CAAC;EAClBC,IAAI;EACJC,OAAO;EACPC,kBAAkB;EAClBC,KAAK,GAAG,SAAS;EACjBC,IAAI,GAAGN,YAAY;EACnBO,MAAM,GAAG,EAAE;EACXC,KAAK,GAAG;AACA,CAAC,EAAE;EACX,MAAMC,MAAM,GAAGhB,SAAS,CAAC,CAAC;EAC1B,MAAMiB,OAAO,GAAGhB,UAAU,CAAC,CAAC;EAC5B,MAAMiB,OAAO,GAAGpB,cAAc,CAAC,CAAC,CAAC;EAEjC,MAAMqB,aAAa,GAAGtB,gBAAgB,CAAC,OAAO;IAC5CuB,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAE,CAAC,GAAGH,OAAO,CAACI,KAAK,GAAG;IAAK,CAAC;EACjD,CAAC,CAAC,CAAC;EAEH,MAAMC,EAAE,GACNX,KAAK,KAAK,WAAW,GACjBI,MAAM,CAACQ,KAAK,CAACC,SAAS,GACtBb,KAAK,KAAK,QAAQ,GAChBI,MAAM,CAACQ,KAAK,CAACE,MAAM,GACnBV,MAAM,CAACQ,KAAK,CAACG,OAAO;EAE5B,oBACEvB,IAAA,CAACC,iBAAiB;IAChBK,OAAO,EAAEA,OAAQ;IACjBkB,SAAS,EAAEA,CAAA,KAAM;MACfV,OAAO,CAACI,KAAK,GAAGvB,UAAU,CAAC,CAAC,EAAEG,OAAO,CAAC2B,KAAK,CAAC;IAC9C,CAAE;IACFC,UAAU,EAAEA,CAAA,KAAM;MAChBZ,OAAO,CAACI,KAAK,GAAGvB,UAAU,CAAC,CAAC,EAAEG,OAAO,CAAC2B,KAAK,CAAC;IAC9C,CAAE;IACFE,iBAAiB,EAAC,QAAQ;IAC1BpB,kBAAkB,EAAEA,kBAAmB;IACvCqB,OAAO,EAAE,CAAE;IACXC,KAAK,EAAE,CACLd,aAAa,EACb;MACEe,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE,UAAU;MACpBrB,KAAK;MACLD,MAAM;MACNuB,KAAK,EAAExB,IAAI;MACXyB,MAAM,EAAEzB,IAAI;MACZ0B,YAAY,EAAE1B,IAAI,GAAG,CAAC;MACtB2B,eAAe,EAAEjB;IACnB,CAAC,EACDN,OAAO,CAACwB,EAAE,CACV;IAAAC,QAAA,EAEDjC;EAAI,CACY,CAAC;AAExB","ignoreList":[]}

package/dist/module/components/FabMenu.js

@@ -0,0 +1,194 @@
+"use strict";
+
+import { useState } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { FadeIn, FadeInDown, FadeOut, FadeOutDown, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { Plus } from 'lucide-react-native';
+import { Text } from "./Text.js";
+import { useColors, useShadows } from "../theme/ThemeProvider.js";
+import { SPACE, RADIUS } from "../theme/scale.js";
+import { SPRINGS } from "../internal/springs.js";
+import { scrimColor } from "../internal/overlay.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+const FAB_SIZE = 56;
+const ACTION_SIZE = 48;
+
+/** Circle treatment for one action. */
+
+/**
+ * Theme-agnostic speed-dial FAB pinned bottom-right. Tapping it expands a column
+ * of circular action buttons (each with a label pill on its left) and dims the
+ * screen with a tap-to-dismiss scrim; tapping again (the "+" morphs to "✕")
+ * collapses it.
+ *
+ * Color comes INLINE from {@link useColors}: the toggle + `primary` circles fill
+ * with `brand.primary`, `danger` circles with `semantic.error`, neutral circles
+ * + label pills with `bg.card` (outlined `border.default`), and the elevation is
+ * the themed {@link useShadows} (`lg` toggle, `md` actions). The dimming scrim is
+ * DERIVED from `colors.text.primary` via {@link scrimColor} — no literal
+ * `rgba(...)` — so it tracks any injected palette. Motion runs on the lifted
+ * {@link SPRINGS} press config + reanimated layout transitions. There is no
+ * `className`; the menu owns its absolute position via `bottom` / `right`.
+ *
+ * Material 3 "FAB menu" pattern: https://m3.material.io/components/fab-menu.
+ * For a single action, use {@link Fab} instead.
+ */
+export function FabMenu({
+  actions,
+  accessibilityLabel = 'Actions',
+  bottom = 24,
+  right = 20
+}) {
+  const colors = useColors();
+  const shadows = useShadows();
+  const [open, setOpen] = useState(false);
+  const pressed = useSharedValue(0);
+  // Morph the "+" into an "✕" by rotating it 45° as the menu opens.
+  const rotation = useSharedValue(0);
+  const toggle = () => {
+    const next = !open;
+    setOpen(next);
+    rotation.value = withTiming(next ? 45 : 0, {
+      duration: 180
+    });
+  };
+  const close = () => {
+    setOpen(false);
+    rotation.value = withTiming(0, {
+      duration: 180
+    });
+  };
+  const scaleStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: 1 - pressed.value * 0.05
+    }]
+  }));
+  const iconStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${rotation.value}deg`
+    }]
+  }));
+  const circleColors = (variant = 'default') => {
+    if (variant === 'primary') {
+      return {
+        bg: colors.brand.primary,
+        fg: colors.text.inverse,
+        border: colors.brand.primary
+      };
+    }
+    if (variant === 'danger') {
+      return {
+        bg: colors.semantic.error,
+        fg: colors.text.inverse,
+        border: colors.semantic.error
+      };
+    }
+    return {
+      bg: colors.bg.card,
+      fg: colors.text.primary,
+      border: colors.border.default
+    };
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [open ? /*#__PURE__*/_jsx(AnimatedPressable, {
+      entering: FadeIn.duration(160),
+      exiting: FadeOut.duration(160),
+      onPress: close,
+      accessibilityRole: "button",
+      accessibilityLabel: "Close actions",
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: scrimColor(colors.text.primary)
+      }
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      pointerEvents: "box-none",
+      style: {
+        position: 'absolute',
+        right,
+        bottom,
+        alignItems: 'flex-end'
+      },
+      children: [open ? actions.map((action, i) => {
+        const c = circleColors(action.variant);
+        return /*#__PURE__*/_jsx(Animated.View, {
+          entering: FadeInDown.delay(i * 45).springify().damping(18).stiffness(220),
+          exiting: FadeOutDown.duration(120),
+          style: {
+            marginBottom: SPACE['3']
+          },
+          children: /*#__PURE__*/_jsxs(Pressable, {
+            onPress: () => {
+              close();
+              action.onPress();
+            },
+            accessibilityRole: "button",
+            accessibilityLabel: action.label,
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 12
+            },
+            children: [/*#__PURE__*/_jsx(View, {
+              style: [{
+                borderRadius: RADIUS.full,
+                paddingHorizontal: SPACE['3'],
+                paddingVertical: SPACE['2'],
+                backgroundColor: colors.bg.card
+              }, shadows.md],
+              children: /*#__PURE__*/_jsx(Text, {
+                variant: "label-md",
+                children: action.label
+              })
+            }), /*#__PURE__*/_jsx(View, {
+              style: [{
+                alignItems: 'center',
+                justifyContent: 'center',
+                borderRadius: RADIUS.full,
+                borderWidth: 1,
+                width: ACTION_SIZE,
+                height: ACTION_SIZE,
+                backgroundColor: c.bg,
+                borderColor: c.border
+              }, shadows.md],
+              children: action.icon(c.fg)
+            })]
+          })
+        }, action.key);
+      }) : null, /*#__PURE__*/_jsx(AnimatedPressable, {
+        onPress: toggle,
+        onPressIn: () => {
+          pressed.value = withSpring(1, SPRINGS.press);
+        },
+        onPressOut: () => {
+          pressed.value = withSpring(0, SPRINGS.press);
+        },
+        accessibilityRole: "button",
+        accessibilityLabel: accessibilityLabel,
+        accessibilityState: {
+          expanded: open
+        },
+        style: [scaleStyle, {
+          alignItems: 'center',
+          justifyContent: 'center',
+          borderRadius: RADIUS.full,
+          width: FAB_SIZE,
+          height: FAB_SIZE,
+          backgroundColor: colors.brand.primary
+        }, shadows.lg],
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: iconStyle,
+          children: /*#__PURE__*/_jsx(Plus, {
+            size: 24,
+            color: colors.text.inverse
+          })
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=FabMenu.js.map

package/dist/module/components/FabMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Pressable","View","Animated","FadeIn","FadeInDown","FadeOut","FadeOutDown","useAnimatedStyle","useSharedValue","withSpring","withTiming","Plus","Text","useColors","useShadows","SPACE","RADIUS","SPRINGS","scrimColor","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedPressable","createAnimatedComponent","FAB_SIZE","ACTION_SIZE","FabMenu","actions","accessibilityLabel","bottom","right","colors","shadows","open","setOpen","pressed","rotation","toggle","next","value","duration","close","scaleStyle","transform","scale","iconStyle","rotate","circleColors","variant","bg","brand","primary","fg","text","inverse","border","semantic","error","card","default","children","entering","exiting","onPress","accessibilityRole","style","position","top","left","backgroundColor","pointerEvents","alignItems","map","action","i","c","delay","springify","damping","stiffness","marginBottom","label","flexDirection","gap","borderRadius","full","paddingHorizontal","paddingVertical","md","justifyContent","borderWidth","width","height","borderColor","icon","key","onPressIn","press","onPressOut","accessibilityState","expanded","lg","size","color"],"sourceRoot":"../../../src","sources":["components/FabMenu.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/FavoriteButton.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import React from 'react';
+import { Pressable } from 'react-native';
+import { Heart } from 'lucide-react-native';
+import { useColors } from "../theme/ThemeProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Theme-agnostic toggle heart — a small Pressable for favoriting an item on a
+ * card. Stays a pure visual primitive: it does not own the id, so callers wrap
+ * their own `onToggleFavorite(id, isFavorite)` in `onPress`.
+ *
+ * Colour comes INLINE from {@link useColors}: the active heart fills with
+ * `brand.accent` (overridable via `activeColor`) and the inactive heart is an
+ * outline in `text.tertiary`. It imposes NO external margin — spacing is the
+ * consumer's concern, applied via `style` (e.g. an inline `marginLeft`), so a
+ * heart dropped into a tight chip stays centred.
+ */
+export const FavoriteButton = /*#__PURE__*/React.memo(function FavoriteButton({
+  isFavorite,
+  onPress,
+  itemName,
+  size = 22,
+  activeColor,
+  style
+}) {
+  const colors = useColors();
+  const active = activeColor ?? colors.brand.accent;
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    hitSlop: 12,
+    style: style,
+    accessibilityRole: "button",
+    accessibilityLabel: isFavorite ? `Remove ${itemName} from favorites` : `Add ${itemName} to favorites`,
+    children: /*#__PURE__*/_jsx(Heart, {
+      size: size,
+      color: isFavorite ? active : colors.text.tertiary,
+      fill: isFavorite ? active : 'transparent'
+    })
+  });
+});
+//# sourceMappingURL=FavoriteButton.js.map

package/dist/module/components/FavoriteButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","Heart","useColors","jsx","_jsx","FavoriteButton","memo","isFavorite","onPress","itemName","size","activeColor","style","colors","active","brand","accent","hitSlop","accessibilityRole","accessibilityLabel","children","color","text","tertiary","fill"],"sourceRoot":"../../../src","sources":["components/FavoriteButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,SAAS,QAAQ,2BAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAelD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,gBAAGN,KAAK,CAACO,IAAI,CAAC,SAASD,cAAcA,CAAC;EAC/DE,UAAU;EACVC,OAAO;EACPC,QAAQ;EACRC,IAAI,GAAG,EAAE;EACTC,WAAW;EACXC;AACmB,CAAC,EAAE;EACtB,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1B,MAAMY,MAAM,GAAGH,WAAW,IAAIE,MAAM,CAACE,KAAK,CAACC,MAAM;EACjD,oBACEZ,IAAA,CAACJ,SAAS;IACRQ,OAAO,EAAEA,OAAQ;IACjBS,OAAO,EAAE,EAAG;IACZL,KAAK,EAAEA,KAAM;IACbM,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAChBZ,UAAU,GAAG,UAAUE,QAAQ,iBAAiB,GAAG,OAAOA,QAAQ,eACnE;IAAAW,QAAA,eAEDhB,IAAA,CAACH,KAAK;MACJS,IAAI,EAAEA,IAAK;MACXW,KAAK,EAAEd,UAAU,GAAGO,MAAM,GAAGD,MAAM,CAACS,IAAI,CAACC,QAAS;MAClDC,IAAI,EAAEjB,UAAU,GAAGO,MAAM,GAAG;IAAc,CAC3C;EAAC,CACO,CAAC;AAEhB,CAAC,CAAC","ignoreList":[]}

package/dist/module/components/FollowStatsRow.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import { Pressable, View } from 'react-native';
+import { Text } from "./Text.js";
+import { useColors } from "../theme/ThemeProvider.js";
+import { SPACE } from "../theme/scale.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Theme-agnostic "N Followers · N Following" line (Instagram-style, shown under
+ * a profile name). Each segment is tappable.
+ *
+ * Router-decoupled: the pilot consumer called `router.push('/user-list')`
+ * directly; here each segment takes an `onFollowersPress` / `onFollowingPress`
+ * callback so the app owns navigation and the library imports no router. Colour
+ * comes INLINE from {@link useColors} — counts default to `text.primary` (via
+ * {@link Text}) and the labels are `text.secondary`. Layout is applied INLINE
+ * from the library-owned {@link SPACE} scale, so the row renders with no
+ * NativeWind setup in the consumer and never collapses; `style` is an inline
+ * override merged last.
+ */
+export function FollowStatsRow({
+  followerCount,
+  followingCount,
+  onFollowersPress,
+  onFollowingPress,
+  followersLabel = 'Followers',
+  followingLabel = 'Following',
+  style
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: SPACE['4']
+    }, style],
+    children: [/*#__PURE__*/_jsx(Stat, {
+      label: followersLabel,
+      count: followerCount,
+      onPress: onFollowersPress
+    }), /*#__PURE__*/_jsx(Stat, {
+      label: followingLabel,
+      count: followingCount,
+      onPress: onFollowingPress
+    })]
+  });
+}
+function Stat({
+  label,
+  count,
+  onPress
+}) {
+  const colors = useColors();
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: onPress,
+    disabled: !onPress,
+    hitSlop: 8,
+    accessibilityRole: "button",
+    accessibilityLabel: `${count} ${label.toLowerCase()}`,
+    style: ({
+      pressed
+    }) => [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: SPACE['1']
+    }, pressed ? {
+      opacity: 0.6
+    } : undefined],
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "label-md",
+      children: count
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "caption",
+      style: {
+        color: colors.text.secondary
+      },
+      children: label
+    })]
+  });
+}
+//# sourceMappingURL=FollowStatsRow.js.map

package/dist/module/components/FollowStatsRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","Text","useColors","SPACE","jsx","_jsx","jsxs","_jsxs","FollowStatsRow","followerCount","followingCount","onFollowersPress","onFollowingPress","followersLabel","followingLabel","style","flexDirection","alignItems","gap","children","Stat","label","count","onPress","colors","disabled","hitSlop","accessibilityRole","accessibilityLabel","toLowerCase","pressed","opacity","undefined","variant","color","text","secondary"],"sourceRoot":"../../../src","sources":["components/FollowStatsRow.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,SAAS,QAAQ,2BAAwB;AAClD,SAASC,KAAK,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAC;EAC7BC,aAAa;EACbC,cAAc;EACdC,gBAAgB;EAChBC,gBAAgB;EAChBC,cAAc,GAAG,WAAW;EAC5BC,cAAc,GAAG,WAAW;EAC5BC;AACmB,CAAC,EAAE;EACtB,oBACER,KAAA,CAACP,IAAI;IAACe,KAAK,EAAE,CAAC;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAEf,KAAK,CAAC,GAAG;IAAE,CAAC,EAAEY,KAAK,CAAE;IAAAI,QAAA,gBACpFd,IAAA,CAACe,IAAI;MAACC,KAAK,EAAER,cAAe;MAACS,KAAK,EAAEb,aAAc;MAACc,OAAO,EAAEZ;IAAiB,CAAE,CAAC,eAChFN,IAAA,CAACe,IAAI;MAACC,KAAK,EAAEP,cAAe;MAACQ,KAAK,EAAEZ,cAAe;MAACa,OAAO,EAAEX;IAAiB,CAAE,CAAC;EAAA,CAC7E,CAAC;AAEX;AAEA,SAASQ,IAAIA,CAAC;EACZC,KAAK;EACLC,KAAK;EACLC;AAKF,CAAC,EAAE;EACD,MAAMC,MAAM,GAAGtB,SAAS,CAAC,CAAC;EAC1B,oBACEK,KAAA,CAACR,SAAS;IACRwB,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAE,CAACF,OAAQ;IACnBG,OAAO,EAAE,CAAE;IACXC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,GAAGN,KAAK,IAAID,KAAK,CAACQ,WAAW,CAAC,CAAC,EAAG;IACtDd,KAAK,EAAEA,CAAC;MAAEe;IAAQ,CAAC,KAAK,CACtB;MAAEd,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAEf,KAAK,CAAC,GAAG;IAAE,CAAC,EAC/D2B,OAAO,GAAG;MAAEC,OAAO,EAAE;IAAI,CAAC,GAAGC,SAAS,CACtC;IAAAb,QAAA,gBAEFd,IAAA,CAACJ,IAAI;MAACgC,OAAO,EAAC,UAAU;MAAAd,QAAA,EAAEG;IAAK,CAAO,CAAC,eACvCjB,IAAA,CAACJ,IAAI;MAACgC,OAAO,EAAC,SAAS;MAAClB,KAAK,EAAE;QAAEmB,KAAK,EAAEV,MAAM,CAACW,IAAI,CAACC;MAAU,CAAE;MAAAjB,QAAA,EAC7DE;IAAK,CACF,CAAC;EAAA,CACE,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/FormScreen.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import { View } from 'react-native';
+import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { KeyboardScrollView } from "./KeyboardScrollView.js";
+import { ScreenGradient } from "./ScreenGradient.js";
+import { LoadingScreen } from "./LoadingScreen.js";
+import { ErrorState } from "./ErrorState.js";
+import { StickyBottomBar } from "./StickyBottomBar.js";
+import { ScreenHeader } from "./ScreenHeader.js";
+import { resolveDetailScreenState } from "../internal/detailScreenState.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_CONTENT_CONTAINER_STYLE = {
+  paddingBottom: 32
+};
+/**
+ * Theme-agnostic chrome for form (add/edit) screens. Composes the library's own
+ * scaffolds rather than duplicating them: {@link ScreenGradient} background +
+ * safe area + an always-visible {@link ScreenHeader} (`variant="form"`), a
+ * keyboard-aware {@link KeyboardScrollView} body, and an optional bottom bar.
+ *
+ * The body switches between {@link LoadingScreen}, {@link ErrorState} and
+ * `children` via the pure lifted {@link resolveDetailScreenState} — the same
+ * resolver `<DetailScreen>` uses — so the back chevron never vanishes while a
+ * load query is in flight. It carries NO color of its own; every surface inside
+ * reads the theme.
+ *
+ * Forms set `enableKeyboardAvoidance={false}` + `automaticallyAdjustKeyboardInsets`
+ * so the focused field scrolls above the keyboard (a KAV only shifts the body and
+ * leaves a bottom field covered). The bottom bar is a SIBLING of the scroll body,
+ * so it tucks under the keyboard while typing.
+ *
+ * Router-decoupled: `onBack` is forwarded straight to the header — no
+ * `expo-router` import, no `router.back()` default.
+ */
+export function FormScreen({
+  title,
+  rightActions,
+  onBack,
+  isLoading,
+  error,
+  errorMessage,
+  onRetry,
+  bottomBar,
+  floatingBottomBar = false,
+  keyboardVerticalOffset,
+  contentContainerStyle,
+  children
+}) {
+  const state = resolveDetailScreenState({
+    isLoading,
+    error: error ?? null
+  });
+  const insets = useSafeAreaInsets();
+  const body = state === 'loading' ? /*#__PURE__*/_jsx(View, {
+    style: {
+      flex: 1
+    },
+    children: /*#__PURE__*/_jsx(LoadingScreen, {})
+  }) : state === 'error' ? /*#__PURE__*/_jsx(View, {
+    style: {
+      flex: 1
+    },
+    children: /*#__PURE__*/_jsx(ErrorState, {
+      message: errorMessage,
+      onRetry: onRetry
+    })
+  }) : /*#__PURE__*/_jsx(KeyboardScrollView, {
+    enableKeyboardAvoidance: false,
+    automaticallyAdjustKeyboardInsets: true,
+    keyboardVerticalOffset: keyboardVerticalOffset,
+    contentContainerStyle: contentContainerStyle ?? DEFAULT_CONTENT_CONTAINER_STYLE,
+    children: children
+  });
+  return /*#__PURE__*/_jsx(ScreenGradient, {
+    children: /*#__PURE__*/_jsxs(SafeAreaView, {
+      style: {
+        flex: 1
+      },
+      edges: ['top'],
+      children: [/*#__PURE__*/_jsx(ScreenHeader, {
+        variant: "form",
+        title: title,
+        rightActions: rightActions,
+        onBack: onBack
+      }), body, bottomBar ? floatingBottomBar ? /*#__PURE__*/_jsx(View, {
+        style: {
+          paddingTop: 12,
+          paddingBottom: Math.max(insets.bottom, 12)
+        },
+        children: bottomBar
+      }) : /*#__PURE__*/_jsx(StickyBottomBar, {
+        children: bottomBar
+      }) : null]
+    })
+  });
+}
+//# sourceMappingURL=FormScreen.js.map

package/dist/module/components/FormScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","SafeAreaView","useSafeAreaInsets","KeyboardScrollView","ScreenGradient","LoadingScreen","ErrorState","StickyBottomBar","ScreenHeader","resolveDetailScreenState","jsx","_jsx","jsxs","_jsxs","DEFAULT_CONTENT_CONTAINER_STYLE","paddingBottom","FormScreen","title","rightActions","onBack","isLoading","error","errorMessage","onRetry","bottomBar","floatingBottomBar","keyboardVerticalOffset","contentContainerStyle","children","state","insets","body","style","flex","message","enableKeyboardAvoidance","automaticallyAdjustKeyboardInsets","edges","variant","paddingTop","Math","max","bottom"],"sourceRoot":"../../../src","sources":["components/FormScreen.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,gCAAgC;AAChF,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,wBAAwB,QAAQ,kCAA+B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExE,MAAMC,+BAA0C,GAAG;EAAEC,aAAa,EAAE;AAAG,CAAC;AAgCxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,KAAK;EACLC,YAAY;EACZC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,YAAY;EACZC,OAAO;EACPC,SAAS;EACTC,iBAAiB,GAAG,KAAK;EACzBC,sBAAsB;EACtBC,qBAAqB;EACrBC;AACe,CAAC,EAAE;EAClB,MAAMC,KAAK,GAAGpB,wBAAwB,CAAC;IAAEW,SAAS;IAAEC,KAAK,EAAEA,KAAK,IAAI;EAAK,CAAC,CAAC;EAC3E,MAAMS,MAAM,GAAG5B,iBAAiB,CAAC,CAAC;EAElC,MAAM6B,IAAI,GACRF,KAAK,KAAK,SAAS,gBACjBlB,IAAA,CAACX,IAAI;IAACgC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE,CAAE;IAAAL,QAAA,eACvBjB,IAAA,CAACN,aAAa,IAAE;EAAC,CACb,CAAC,GACLwB,KAAK,KAAK,OAAO,gBACnBlB,IAAA,CAACX,IAAI;IAACgC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE,CAAE;IAAAL,QAAA,eACvBjB,IAAA,CAACL,UAAU;MAAC4B,OAAO,EAAEZ,YAAa;MAACC,OAAO,EAAEA;IAAQ,CAAE;EAAC,CACnD,CAAC,gBAEPZ,IAAA,CAACR,kBAAkB;IACjBgC,uBAAuB,EAAE,KAAM;IAC/BC,iCAAiC;IACjCV,sBAAsB,EAAEA,sBAAuB;IAC/CC,qBAAqB,EAAEA,qBAAqB,IAAIb,+BAAgC;IAAAc,QAAA,EAE/EA;EAAQ,CACS,CACrB;EAEH,oBACEjB,IAAA,CAACP,cAAc;IAAAwB,QAAA,eACbf,KAAA,CAACZ,YAAY;MAAC+B,KAAK,EAAE;QAAEC,IAAI,EAAE;MAAE,CAAE;MAACI,KAAK,EAAE,CAAC,KAAK,CAAE;MAAAT,QAAA,gBAC/CjB,IAAA,CAACH,YAAY;QACX8B,OAAO,EAAC,MAAM;QACdrB,KAAK,EAAEA,KAAM;QACbC,YAAY,EAAEA,YAAa;QAC3BC,MAAM,EAAEA;MAAO,CAChB,CAAC,EACDY,IAAI,EACJP,SAAS,GACRC,iBAAiB,gBACfd,IAAA,CAACX,IAAI;QAACgC,KAAK,EAAE;UAAEO,UAAU,EAAE,EAAE;UAAExB,aAAa,EAAEyB,IAAI,CAACC,GAAG,CAACX,MAAM,CAACY,MAAM,EAAE,EAAE;QAAE,CAAE;QAAAd,QAAA,EACzEJ;MAAS,CACN,CAAC,gBAEPb,IAAA,CAACJ,eAAe;QAAAqB,QAAA,EAAEJ;MAAS,CAAkB,CAC9C,GACC,IAAI;IAAA,CACI;EAAC,CACD,CAAC;AAErB","ignoreList":[]}

package/dist/module/components/FormattedText.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { Text as RNText, Platform } from 'react-native';
+import { Text } from "./Text.js";
+import { useTypography } from "../theme/ThemeProvider.js";
+import { parseInlineMarkdown } from "../internal/parseInlineMarkdown.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CODE_FONT = Platform.select({
+  ios: 'Courier',
+  default: 'monospace'
+});
+
+// Maps a token's flags to the style deltas layered on top of the inherited
+// parent text style. Plain tokens inherit everything and need no style.
+function tokenStyle(token, boldFontFamily) {
+  const style = {};
+  if (token.bold) style.fontFamily = boldFontFamily;
+  if (token.italic) style.fontStyle = 'italic';
+  if (token.strike) style.textDecorationLine = 'line-through';
+  if (token.code) style.fontFamily = CODE_FONT;
+  return Object.keys(style).length > 0 ? style : undefined;
+}
+
+/**
+ * Theme-agnostic inline-markdown renderer — turns the inline emphasis a bot
+ * reply may contain (`**bold**`, `_italic_`, `` `code` ``, `~~strike~~`) into
+ * styled segments. Block markdown is intentionally unsupported (chat bubbles
+ * render a single paragraph); the tokenizer lives in (and is tested through) the
+ * pure {@link parseInlineMarkdown} helper.
+ *
+ * Color + base font come INLINE from the theme via the wrapping {@link Text}
+ * (default `text.primary`, the `variant`'s family + geometry). Bold segments
+ * swap to {@link FormattedTextProps.boldFontFamily} — defaulting to the theme's
+ * `label-md` family — and inline code swaps to a platform monospace face.
+ */
+export function FormattedText({
+  content,
+  variant = 'body-md',
+  style,
+  boldFontFamily
+}) {
+  const typography = useTypography();
+  const bold = boldFontFamily ?? typography.fontFamily['label-md'];
+  const tokens = parseInlineMarkdown(content);
+  return /*#__PURE__*/_jsx(Text, {
+    variant: variant,
+    style: style,
+    children: tokens.map((token, i) => /*#__PURE__*/_jsx(RNText, {
+      style: tokenStyle(token, bold),
+      children: token.text
+    }, i))
+  });
+}
+//# sourceMappingURL=FormattedText.js.map