everkit-ui 0.1.0

package/dist/commonjs/components/FabMenu.js

@@ -0,0 +1,199 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FabMenu = FabMenu;
+var _react = 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 _scale = require("../theme/scale.js");
+var _springs = require("../internal/springs.js");
+var _overlay = require("../internal/overlay.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); }
+const AnimatedPressable = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.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.
+ */
+function FabMenu({
+  actions,
+  accessibilityLabel = 'Actions',
+  bottom = 24,
+  right = 20
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const shadows = (0, _ThemeProvider.useShadows)();
+  const [open, setOpen] = (0, _react.useState)(false);
+  const pressed = (0, _reactNativeReanimated.useSharedValue)(0);
+  // Morph the "+" into an "✕" by rotating it 45° as the menu opens.
+  const rotation = (0, _reactNativeReanimated.useSharedValue)(0);
+  const toggle = () => {
+    const next = !open;
+    setOpen(next);
+    rotation.value = (0, _reactNativeReanimated.withTiming)(next ? 45 : 0, {
+      duration: 180
+    });
+  };
+  const close = () => {
+    setOpen(false);
+    rotation.value = (0, _reactNativeReanimated.withTiming)(0, {
+      duration: 180
+    });
+  };
+  const scaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      scale: 1 - pressed.value * 0.05
+    }]
+  }));
+  const iconStyle = (0, _reactNativeReanimated.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
+      entering: _reactNativeReanimated.FadeIn.duration(160),
+      exiting: _reactNativeReanimated.FadeOut.duration(160),
+      onPress: close,
+      accessibilityRole: "button",
+      accessibilityLabel: "Close actions",
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: (0, _overlay.scrimColor)(colors.text.primary)
+      }
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          entering: _reactNativeReanimated.FadeInDown.delay(i * 45).springify().damping(18).stiffness(220),
+          exiting: _reactNativeReanimated.FadeOutDown.duration(120),
+          style: {
+            marginBottom: _scale.SPACE['3']
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+            onPress: () => {
+              close();
+              action.onPress();
+            },
+            accessibilityRole: "button",
+            accessibilityLabel: action.label,
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 12
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [{
+                borderRadius: _scale.RADIUS.full,
+                paddingHorizontal: _scale.SPACE['3'],
+                paddingVertical: _scale.SPACE['2'],
+                backgroundColor: colors.bg.card
+              }, shadows.md],
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+                variant: "label-md",
+                children: action.label
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [{
+                alignItems: 'center',
+                justifyContent: 'center',
+                borderRadius: _scale.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__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
+        onPress: toggle,
+        onPressIn: () => {
+          pressed.value = (0, _reactNativeReanimated.withSpring)(1, _springs.SPRINGS.press);
+        },
+        onPressOut: () => {
+          pressed.value = (0, _reactNativeReanimated.withSpring)(0, _springs.SPRINGS.press);
+        },
+        accessibilityRole: "button",
+        accessibilityLabel: accessibilityLabel,
+        accessibilityState: {
+          expanded: open
+        },
+        style: [scaleStyle, {
+          alignItems: 'center',
+          justifyContent: 'center',
+          borderRadius: _scale.RADIUS.full,
+          width: FAB_SIZE,
+          height: FAB_SIZE,
+          backgroundColor: colors.brand.primary
+        }, shadows.lg],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: iconStyle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Plus, {
+            size: 24,
+            color: colors.text.inverse
+          })
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=FabMenu.js.map

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

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

package/dist/commonjs/components/FavoriteButton.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FavoriteButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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.
+ */
+const FavoriteButton = exports.FavoriteButton = /*#__PURE__*/_react.default.memo(function FavoriteButton({
+  isFavorite,
+  onPress,
+  itemName,
+  size = 22,
+  activeColor,
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const active = activeColor ?? colors.brand.accent;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    hitSlop: 12,
+    style: style,
+    accessibilityRole: "button",
+    accessibilityLabel: isFavorite ? `Remove ${itemName} from favorites` : `Add ${itemName} to favorites`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Heart, {
+      size: size,
+      color: isFavorite ? active : colors.text.tertiary,
+      fill: isFavorite ? active : 'transparent'
+    })
+  });
+});
+//# sourceMappingURL=FavoriteButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_lucideReactNative","_ThemeProvider","_jsxRuntime","e","__esModule","default","FavoriteButton","exports","React","memo","isFavorite","onPress","itemName","size","activeColor","style","colors","useColors","active","brand","accent","jsx","Pressable","hitSlop","accessibilityRole","accessibilityLabel","children","Heart","color","text","tertiary","fill"],"sourceRoot":"../../../src","sources":["components/FavoriteButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAkD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAelD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,SAASH,cAAcA,CAAC;EAC/DI,UAAU;EACVC,OAAO;EACPC,QAAQ;EACRC,IAAI,GAAG,EAAE;EACTC,WAAW;EACXC;AACmB,CAAC,EAAE;EACtB,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,MAAMC,MAAM,GAAGJ,WAAW,IAAIE,MAAM,CAACG,KAAK,CAACC,MAAM;EACjD,oBACE,IAAAlB,WAAA,CAAAmB,GAAA,EAACtB,YAAA,CAAAuB,SAAS;IACRX,OAAO,EAAEA,OAAQ;IACjBY,OAAO,EAAE,EAAG;IACZR,KAAK,EAAEA,KAAM;IACbS,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAChBf,UAAU,GAAG,UAAUE,QAAQ,iBAAiB,GAAG,OAAOA,QAAQ,eACnE;IAAAc,QAAA,eAED,IAAAxB,WAAA,CAAAmB,GAAA,EAACrB,kBAAA,CAAA2B,KAAK;MACJd,IAAI,EAAEA,IAAK;MACXe,KAAK,EAAElB,UAAU,GAAGQ,MAAM,GAAGF,MAAM,CAACa,IAAI,CAACC,QAAS;MAClDC,IAAI,EAAErB,UAAU,GAAGQ,MAAM,GAAG;IAAc,CAC3C;EAAC,CACO,CAAC;AAEhB,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/components/FollowStatsRow.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FollowStatsRow = FollowStatsRow;
+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");
+/**
+ * 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.
+ */
+function FollowStatsRow({
+  followerCount,
+  followingCount,
+  onFollowersPress,
+  onFollowingPress,
+  followersLabel = 'Followers',
+  followingLabel = 'Following',
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: _scale.SPACE['4']
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Stat, {
+      label: followersLabel,
+      count: followerCount,
+      onPress: onFollowersPress
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stat, {
+      label: followingLabel,
+      count: followingCount,
+      onPress: onFollowingPress
+    })]
+  });
+}
+function Stat({
+  label,
+  count,
+  onPress
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: !onPress,
+    hitSlop: 8,
+    accessibilityRole: "button",
+    accessibilityLabel: `${count} ${label.toLowerCase()}`,
+    style: ({
+      pressed
+    }) => [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: _scale.SPACE['1']
+    }, pressed ? {
+      opacity: 0.6
+    } : undefined],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "label-md",
+      children: count
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "caption",
+      style: {
+        color: colors.text.secondary
+      },
+      children: label
+    })]
+  });
+}
+//# sourceMappingURL=FollowStatsRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Text","_ThemeProvider","_scale","_jsxRuntime","FollowStatsRow","followerCount","followingCount","onFollowersPress","onFollowingPress","followersLabel","followingLabel","style","jsxs","View","flexDirection","alignItems","gap","SPACE","children","jsx","Stat","label","count","onPress","colors","useColors","Pressable","disabled","hitSlop","accessibilityRole","accessibilityLabel","toLowerCase","pressed","opacity","undefined","Text","variant","color","text","secondary"],"sourceRoot":"../../../src","sources":["components/FollowStatsRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAsC,IAAAI,WAAA,GAAAJ,OAAA;AAiBtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,cAAcA,CAAC;EAC7BC,aAAa;EACbC,cAAc;EACdC,gBAAgB;EAChBC,gBAAgB;EAChBC,cAAc,GAAG,WAAW;EAC5BC,cAAc,GAAG,WAAW;EAC5BC;AACmB,CAAC,EAAE;EACtB,oBACE,IAAAR,WAAA,CAAAS,IAAA,EAACd,YAAA,CAAAe,IAAI;IAACF,KAAK,EAAE,CAAC;MAAEG,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAEC,YAAK,CAAC,GAAG;IAAE,CAAC,EAAEN,KAAK,CAAE;IAAAO,QAAA,gBACpF,IAAAf,WAAA,CAAAgB,GAAA,EAACC,IAAI;MAACC,KAAK,EAAEZ,cAAe;MAACa,KAAK,EAAEjB,aAAc;MAACkB,OAAO,EAAEhB;IAAiB,CAAE,CAAC,eAChF,IAAAJ,WAAA,CAAAgB,GAAA,EAACC,IAAI;MAACC,KAAK,EAAEX,cAAe;MAACY,KAAK,EAAEhB,cAAe;MAACiB,OAAO,EAAEf;IAAiB,CAAE,CAAC;EAAA,CAC7E,CAAC;AAEX;AAEA,SAASY,IAAIA,CAAC;EACZC,KAAK;EACLC,KAAK;EACLC;AAKF,CAAC,EAAE;EACD,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,oBACE,IAAAtB,WAAA,CAAAS,IAAA,EAACd,YAAA,CAAA4B,SAAS;IACRH,OAAO,EAAEA,OAAQ;IACjBI,QAAQ,EAAE,CAACJ,OAAQ;IACnBK,OAAO,EAAE,CAAE;IACXC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,GAAGR,KAAK,IAAID,KAAK,CAACU,WAAW,CAAC,CAAC,EAAG;IACtDpB,KAAK,EAAEA,CAAC;MAAEqB;IAAQ,CAAC,KAAK,CACtB;MAAElB,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAEC,YAAK,CAAC,GAAG;IAAE,CAAC,EAC/De,OAAO,GAAG;MAAEC,OAAO,EAAE;IAAI,CAAC,GAAGC,SAAS,CACtC;IAAAhB,QAAA,gBAEF,IAAAf,WAAA,CAAAgB,GAAA,EAACnB,KAAA,CAAAmC,IAAI;MAACC,OAAO,EAAC,UAAU;MAAAlB,QAAA,EAAEI;IAAK,CAAO,CAAC,eACvC,IAAAnB,WAAA,CAAAgB,GAAA,EAACnB,KAAA,CAAAmC,IAAI;MAACC,OAAO,EAAC,SAAS;MAACzB,KAAK,EAAE;QAAE0B,KAAK,EAAEb,MAAM,CAACc,IAAI,CAACC;MAAU,CAAE;MAAArB,QAAA,EAC7DG;IAAK,CACF,CAAC;EAAA,CACE,CAAC;AAEhB","ignoreList":[]}

package/dist/commonjs/components/FormScreen.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormScreen = FormScreen;
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _KeyboardScrollView = require("./KeyboardScrollView.js");
+var _ScreenGradient = require("./ScreenGradient.js");
+var _LoadingScreen = require("./LoadingScreen.js");
+var _ErrorState = require("./ErrorState.js");
+var _StickyBottomBar = require("./StickyBottomBar.js");
+var _ScreenHeader = require("./ScreenHeader.js");
+var _detailScreenState = require("../internal/detailScreenState.js");
+var _jsxRuntime = require("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.
+ */
+function FormScreen({
+  title,
+  rightActions,
+  onBack,
+  isLoading,
+  error,
+  errorMessage,
+  onRetry,
+  bottomBar,
+  floatingBottomBar = false,
+  keyboardVerticalOffset,
+  contentContainerStyle,
+  children
+}) {
+  const state = (0, _detailScreenState.resolveDetailScreenState)({
+    isLoading,
+    error: error ?? null
+  });
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const body = state === 'loading' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      flex: 1
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingScreen.LoadingScreen, {})
+  }) : state === 'error' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      flex: 1
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorState.ErrorState, {
+      message: errorMessage,
+      onRetry: onRetry
+    })
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardScrollView.KeyboardScrollView, {
+    enableKeyboardAvoidance: false,
+    automaticallyAdjustKeyboardInsets: true,
+    keyboardVerticalOffset: keyboardVerticalOffset,
+    contentContainerStyle: contentContainerStyle ?? DEFAULT_CONTENT_CONTAINER_STYLE,
+    children: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenGradient.ScreenGradient, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSafeAreaContext.SafeAreaView, {
+      style: {
+        flex: 1
+      },
+      edges: ['top'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        variant: "form",
+        title: title,
+        rightActions: rightActions,
+        onBack: onBack
+      }), body, bottomBar ? floatingBottomBar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          paddingTop: 12,
+          paddingBottom: Math.max(insets.bottom, 12)
+        },
+        children: bottomBar
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_StickyBottomBar.StickyBottomBar, {
+        children: bottomBar
+      }) : null]
+    })
+  });
+}
+//# sourceMappingURL=FormScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeSafeAreaContext","_KeyboardScrollView","_ScreenGradient","_LoadingScreen","_ErrorState","_StickyBottomBar","_ScreenHeader","_detailScreenState","_jsxRuntime","DEFAULT_CONTENT_CONTAINER_STYLE","paddingBottom","FormScreen","title","rightActions","onBack","isLoading","error","errorMessage","onRetry","bottomBar","floatingBottomBar","keyboardVerticalOffset","contentContainerStyle","children","state","resolveDetailScreenState","insets","useSafeAreaInsets","body","jsx","View","style","flex","LoadingScreen","ErrorState","message","KeyboardScrollView","enableKeyboardAvoidance","automaticallyAdjustKeyboardInsets","ScreenGradient","jsxs","SafeAreaView","edges","ScreenHeader","variant","paddingTop","Math","max","bottom","StickyBottomBar"],"sourceRoot":"../../../src","sources":["components/FormScreen.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/FormattedText.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormattedText = FormattedText;
+var _reactNative = require("react-native");
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _parseInlineMarkdown = require("../internal/parseInlineMarkdown.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const CODE_FONT = _reactNative.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.
+ */
+function FormattedText({
+  content,
+  variant = 'body-md',
+  style,
+  boldFontFamily
+}) {
+  const typography = (0, _ThemeProvider.useTypography)();
+  const bold = boldFontFamily ?? typography.fontFamily['label-md'];
+  const tokens = (0, _parseInlineMarkdown.parseInlineMarkdown)(content);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    variant: variant,
+    style: style,
+    children: tokens.map((token, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: tokenStyle(token, bold),
+      children: token.text
+    }, i))
+  });
+}
+//# sourceMappingURL=FormattedText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Text","_ThemeProvider","_parseInlineMarkdown","_jsxRuntime","CODE_FONT","Platform","select","ios","default","tokenStyle","token","boldFontFamily","style","bold","fontFamily","italic","fontStyle","strike","textDecorationLine","code","Object","keys","length","undefined","FormattedText","content","variant","typography","useTypography","tokens","parseInlineMarkdown","jsx","Text","children","map","i","text"],"sourceRoot":"../../../src","sources":["components/FormattedText.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,oBAAA,GAAAH,OAAA;AAAuF,IAAAI,WAAA,GAAAJ,OAAA;AAiBvF,MAAMK,SAAS,GAAGC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,SAAS;EAAEC,OAAO,EAAE;AAAY,CAAC,CAAC;;AAE3E;AACA;AACA,SAASC,UAAUA,CAACC,KAAkB,EAAEC,cAAsB,EAAyB;EACrF,MAAMC,KAAgB,GAAG,CAAC,CAAC;EAC3B,IAAIF,KAAK,CAACG,IAAI,EAAED,KAAK,CAACE,UAAU,GAAGH,cAAc;EACjD,IAAID,KAAK,CAACK,MAAM,EAAEH,KAAK,CAACI,SAAS,GAAG,QAAQ;EAC5C,IAAIN,KAAK,CAACO,MAAM,EAAEL,KAAK,CAACM,kBAAkB,GAAG,cAAc;EAC3D,IAAIR,KAAK,CAACS,IAAI,EAAEP,KAAK,CAACE,UAAU,GAAGV,SAAS;EAC5C,OAAOgB,MAAM,CAACC,IAAI,CAACT,KAAK,CAAC,CAACU,MAAM,GAAG,CAAC,GAAGV,KAAK,GAAGW,SAAS;AAC1D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,aAAaA,CAAC;EAC5BC,OAAO;EACPC,OAAO,GAAG,SAAS;EACnBd,KAAK;EACLD;AACkB,CAAC,EAAE;EACrB,MAAMgB,UAAU,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAClC,MAAMf,IAAI,GAAGF,cAAc,IAAIgB,UAAU,CAACb,UAAU,CAAC,UAAU,CAAC;EAChE,MAAMe,MAAM,GAAG,IAAAC,wCAAmB,EAACL,OAAO,CAAC;EAC3C,oBACE,IAAAtB,WAAA,CAAA4B,GAAA,EAAC/B,KAAA,CAAAgC,IAAI;IAACN,OAAO,EAAEA,OAAQ;IAACd,KAAK,EAAEA,KAAM;IAAAqB,QAAA,EAClCJ,MAAM,CAACK,GAAG,CAAC,CAACxB,KAAK,EAAEyB,CAAC,kBACnB,IAAAhC,WAAA,CAAA4B,GAAA,EAACjC,YAAA,CAAAkC,IAAM;MAASpB,KAAK,EAAEH,UAAU,CAACC,KAAK,EAAEG,IAAI,CAAE;MAAAoB,QAAA,EAC5CvB,KAAK,CAAC0B;IAAI,GADAD,CAEL,CACT;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

package/dist/commonjs/components/GoogleGlyph.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GoogleGlyph = GoogleGlyph;
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+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); }
+/**
+ * Official multi-colour Google "G" glyph — the documented hardcoded-hex
+ * exception in everkit-ui.
+ *
+ * Google's brand guidelines require this EXACT four-colour mark on "Sign in with
+ * Google" buttons; a generic icon (or a theme-tinted recolour) is not acceptable
+ * and would violate the brand terms. So unlike every other component — whose
+ * colour comes inline from the injected theme — this one carries its four fixed
+ * brand hex values (`#EA4335` / `#4285F4` / `#FBBC05` / `#34A853`) by design.
+ * The paths are the canonical 48×48 Google logo, drawn via `react-native-svg`
+ * so no image asset is needed. `size` is the only knob.
+ */
+function GoogleGlyph({
+  size = 20
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 48 48",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#EA4335",
+      d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#4285F4",
+      d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#FBBC05",
+      d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#34A853",
+      d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
+    })]
+  });
+}
+//# sourceMappingURL=GoogleGlyph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSvg","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GoogleGlyph","size","jsxs","width","height","viewBox","children","jsx","Path","fill","d"],"sourceRoot":"../../../src","sources":["components/GoogleGlyph.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA4C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAO5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,WAAWA,CAAC;EAAEC,IAAI,GAAG;AAAqB,CAAC,EAAE;EAC3D,oBACE,IAAArB,WAAA,CAAAsB,IAAA,EAACzB,eAAA,CAAAc,OAAG;IAACY,KAAK,EAAEF,IAAK;IAACG,MAAM,EAAEH,IAAK;IAACI,OAAO,EAAC,WAAW;IAAAC,QAAA,gBACjD,IAAA1B,WAAA,CAAA2B,GAAA,EAAC9B,eAAA,CAAA+B,IAAI;MACHC,IAAI,EAAC,SAAS;MACdC,CAAC,EAAC;IAAyI,CAC5I,CAAC,eACF,IAAA9B,WAAA,CAAA2B,GAAA,EAAC9B,eAAA,CAAA+B,IAAI;MACHC,IAAI,EAAC,SAAS;MACdC,CAAC,EAAC;IAA2H,CAC9H,CAAC,eACF,IAAA9B,WAAA,CAAA2B,GAAA,EAAC9B,eAAA,CAAA+B,IAAI;MACHC,IAAI,EAAC,SAAS;MACdC,CAAC,EAAC;IAAkI,CACrI,CAAC,eACF,IAAA9B,WAAA,CAAA2B,GAAA,EAAC9B,eAAA,CAAA+B,IAAI;MACHC,IAAI,EAAC,SAAS;MACdC,CAAC,EAAC;IAA6I,CAChJ,CAAC;EAAA,CACC,CAAC;AAEV","ignoreList":[]}

package/dist/commonjs/components/Gradient.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Gradient = Gradient;
+var _expoLinearGradient = require("expo-linear-gradient");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _resolveGradient = require("../internal/resolveGradient.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme-agnostic semantic wrapper around `expo-linear-gradient` — the low-level
+ * gradient primitive (`ScreenGradient` is the full-screen convenience built on
+ * the same idea). Pick a variant by intent rather than colour stops:
+ *
+ * | variant  | when to use                                          |
+ * |----------|------------------------------------------------------|
+ * | `screen` | full-screen tinted background                        |
+ * | `card`   | subtle card-surface tint                             |
+ * | `fade`   | bottom-up scrim over a photo                         |
+ *
+ * GENERIC variants only — the pilot consumer's domain variants (`hero`,
+ * `tea-type`, `share`) read per-app palettes and stay per app. Every colour
+ * comes INLINE from {@link useColors} via the pure {@link resolveGradient}
+ * helper; the `fade` scrim is derived from the theme ink, so no literal `rgba`
+ * lives here. For one-off needs, pass an explicit `colors` tuple.
+ */
+function Gradient({
+  variant,
+  colors,
+  start,
+  end,
+  locations,
+  style,
+  children,
+  pointerEvents
+}) {
+  const themeColors = (0, _ThemeProvider.useColors)();
+  const resolved = (0, _resolveGradient.resolveGradient)({
+    variant,
+    colors,
+    start,
+    end,
+    locations
+  }, themeColors);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient
+  // The resolver guarantees ≥2 stops; the cast just narrows `string[]` to the
+  // tuple expo-linear-gradient's `colors` prop wants.
+  , {
+    colors: resolved.colors,
+    start: resolved.start,
+    end: resolved.end,
+    locations: resolved.locations,
+    style: style,
+    pointerEvents: pointerEvents,
+    children: children
+  });
+}
+//# sourceMappingURL=Gradient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_expoLinearGradient","require","_ThemeProvider","_resolveGradient","_jsxRuntime","Gradient","variant","colors","start","end","locations","style","children","pointerEvents","themeColors","useColors","resolved","resolveGradient","jsx","LinearGradient"],"sourceRoot":"../../../src","sources":["components/Gradient.tsx"],"mappings":";;;;;;AAEA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAA6D,IAAAG,WAAA,GAAAH,OAAA;AAmB7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,QAAQA,CAAC;EACvBC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC,GAAG;EACHC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC;AACa,CAAC,EAAE;EAChB,MAAMC,WAAW,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC/B,MAAMC,QAAQ,GAAG,IAAAC,gCAAe,EAAC;IAAEX,OAAO;IAAEC,MAAM;IAAEC,KAAK;IAAEC,GAAG;IAAEC;EAAU,CAAC,EAAEI,WAAW,CAAC;EAEzF,oBACE,IAAAV,WAAA,CAAAc,GAAA,EAAClB,mBAAA,CAAAmB;EACC;EACA;EAAA;IACAZ,MAAM,EAAES,QAAQ,CAACT,MAAwC;IACzDC,KAAK,EAAEQ,QAAQ,CAACR,KAAM;IACtBC,GAAG,EAAEO,QAAQ,CAACP,GAAI;IAClBC,SAAS,EAAEM,QAAQ,CAACN,SAAuD;IAC3EC,KAAK,EAAEA,KAAM;IACbE,aAAa,EAAEA,aAAc;IAAAD,QAAA,EAE5BA;EAAQ,CACK,CAAC;AAErB","ignoreList":[]}