everkit-ui 0.1.0

package/dist/module/components/ConfirmDialog.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import { Modal, Pressable, View } from 'react-native';
+import { Text } from "./Text.js";
+import { Button } from "./Button.js";
+import { useColors, useShadows } from "../theme/ThemeProvider.js";
+import { SPACE, RADIUS } from "../theme/scale.js";
+import { hexToRgba } from "../internal/hexToRgba.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DISC_SIZE = 52;
+
+/**
+ * Theme-agnostic confirm dialog — a centered card on a dim scrim with an optional
+ * header glyph in a tinted disc, a title, supporting copy, and a Cancel / Confirm
+ * button pair. Domain-free: the consumer injects the title, message, labels, and
+ * icon, so the same dialog backs a "Block user?", "Delete draft?", or "Sign out?"
+ * prompt.
+ *
+ * Color comes INLINE from {@link useColors}: the surface is `bg.primary`, the
+ * title `text.primary` (via {@link Text}), the message `text.secondary`. When
+ * `destructive`, the confirm {@link Button} switches to the `danger` variant and
+ * the header disc tints from `semantic.error`; otherwise the disc tints from
+ * `brand.primary` — both DERIVED via {@link hexToRgba} so no literal rgba leaks
+ * in. Elevation comes from the themed {@link useShadows} `lg` preset; spacing +
+ * radii from the {@link SPACE}/{@link RADIUS} scale. The backdrop is a fixed black
+ * scrim (modal dim is conventionally dark on any theme). Tap-outside-to-close is
+ * the outer `<Pressable onPress={onClose}>` with an inner `<Pressable>` that
+ * swallows taps on the card.
+ */
+export function ConfirmDialog({
+  visible,
+  onClose,
+  onConfirm,
+  title,
+  message,
+  confirmLabel = 'Confirm',
+  cancelLabel = 'Cancel',
+  destructive = false,
+  icon,
+  confirming = false
+}) {
+  const colors = useColors();
+  const shadows = useShadows();
+  const accent = destructive ? colors.semantic.error : colors.brand.primary;
+  const discTint = hexToRgba(accent, 0.14);
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(Pressable, {
+      onPress: onClose,
+      style: {
+        flex: 1,
+        backgroundColor: 'rgba(0,0,0,0.5)',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: SPACE['6']
+      },
+      children: /*#__PURE__*/_jsx(Pressable, {
+        onPress: e => e.stopPropagation(),
+        style: {
+          width: '100%',
+          maxWidth: 380
+        },
+        children: /*#__PURE__*/_jsxs(View, {
+          style: {
+            backgroundColor: colors.bg.primary,
+            borderRadius: RADIUS.xl,
+            padding: SPACE['6'],
+            alignItems: 'center',
+            ...shadows.lg
+          },
+          children: [icon ? /*#__PURE__*/_jsx(View, {
+            style: {
+              width: DISC_SIZE,
+              height: DISC_SIZE,
+              borderRadius: DISC_SIZE / 2,
+              backgroundColor: discTint,
+              alignItems: 'center',
+              justifyContent: 'center',
+              marginBottom: SPACE['3']
+            },
+            children: icon
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            variant: "heading-md",
+            style: {
+              textAlign: 'center',
+              marginBottom: SPACE['2']
+            },
+            children: title
+          }), message != null ? typeof message === 'string' ? /*#__PURE__*/_jsx(Text, {
+            variant: "body-md",
+            style: {
+              textAlign: 'center',
+              color: colors.text.secondary
+            },
+            children: message
+          }) : message : null, /*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              gap: SPACE['2.5'],
+              marginTop: SPACE['5'],
+              alignSelf: 'stretch'
+            },
+            children: [/*#__PURE__*/_jsx(View, {
+              style: {
+                flex: 1
+              },
+              children: /*#__PURE__*/_jsx(Button, {
+                fullWidth: true,
+                variant: "ghost",
+                onPress: onClose,
+                disabled: confirming,
+                children: cancelLabel
+              })
+            }), /*#__PURE__*/_jsx(View, {
+              style: {
+                flex: 1
+              },
+              children: /*#__PURE__*/_jsx(Button, {
+                fullWidth: true,
+                variant: destructive ? 'danger' : 'primary',
+                onPress: onConfirm,
+                loading: confirming,
+                children: confirmLabel
+              })
+            })]
+          })]
+        })
+      })
+    })
+  });
+}
+//# sourceMappingURL=ConfirmDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Modal","Pressable","View","Text","Button","useColors","useShadows","SPACE","RADIUS","hexToRgba","jsx","_jsx","jsxs","_jsxs","DISC_SIZE","ConfirmDialog","visible","onClose","onConfirm","title","message","confirmLabel","cancelLabel","destructive","icon","confirming","colors","shadows","accent","semantic","error","brand","primary","discTint","transparent","animationType","onRequestClose","children","onPress","style","flex","backgroundColor","alignItems","justifyContent","paddingHorizontal","e","stopPropagation","width","maxWidth","bg","borderRadius","xl","padding","lg","height","marginBottom","variant","textAlign","color","text","secondary","flexDirection","gap","marginTop","alignSelf","fullWidth","disabled","loading"],"sourceRoot":"../../../src","sources":["components/ConfirmDialog.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/DateField.js

@@ -0,0 +1,141 @@
+"use strict";
+
+import { useState } from 'react';
+import { Platform, Pressable } from 'react-native';
+import { CalendarClock } from 'lucide-react-native';
+import { Card } from "./Card.js";
+import { Text } from "./Text.js";
+import { useColors } from "../theme/ThemeProvider.js";
+import { SPACE } from "../theme/scale.js";
+
+// `@react-native-community/datetimepicker` is an OPTIONAL peer, loaded behind a
+// try/catch so the library builds without it. Consumers that use DateField
+// install the peer; if it's absent the field still renders the labelled value
+// row, just without an interactive picker.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+let DateTimePickerComp = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  DateTimePickerComp = require('@react-native-community/datetimepicker').default ?? null;
+} catch {
+  DateTimePickerComp = null;
+}
+
+/** Minimal shape of the picker's change event (avoids a build-time type dep). */
+
+/**
+ * Polished, locale-aware display: "Mon, May 12 · 7:42 PM" for datetime, the
+ * relevant half for date / time. `toLocale*` honours device locale.
+ */
+function formatValue(date, mode) {
+  const datePart = date.toLocaleDateString(undefined, {
+    weekday: 'short',
+    month: 'short',
+    day: 'numeric'
+  });
+  const timePart = date.toLocaleTimeString(undefined, {
+    hour: 'numeric',
+    minute: '2-digit'
+  });
+  if (mode === 'date') return datePart;
+  if (mode === 'time') return timePart;
+  return `${datePart} · ${timePart}`;
+}
+
+/**
+ * Theme-agnostic date / time field — one wrapper over the platform picker that
+ * hides the iOS-inline-spinner vs Android-modal split and the `event.type` set/
+ * dismiss boilerplate. Wrapped in a {@link Card} so it lines up with other form
+ * rows. Colour comes INLINE from {@link useColors}; spacing from {@link SPACE}.
+ *
+ * iOS renders the spinner inline (every dial change forwards `onChange`).
+ * Android renders a tappable row that opens the OS modal (auto-dismisses on set
+ * or cancel; a value forwards only on "set"). Android only supports `date`/
+ * `time` natively — `datetime` falls back to `date`.
+ *
+ * `@react-native-community/datetimepicker` is an optional peer (see top of file).
+ */
+export function DateField({
+  label,
+  value,
+  onChange,
+  minimumDate,
+  maximumDate,
+  mode = 'datetime',
+  helperText,
+  disabled = false
+}) {
+  const colors = useColors();
+  const [androidVisible, setAndroidVisible] = useState(false);
+  const Picker = DateTimePickerComp;
+  const handleIosChange = (_event, picked) => {
+    if (picked) onChange(picked);
+  };
+  const handleAndroidChange = (event, picked) => {
+    setAndroidVisible(false);
+    if (event.type === 'set' && picked) onChange(picked);
+  };
+  const handlePressRow = () => {
+    if (disabled) return;
+    if (Platform.OS === 'android') setAndroidVisible(true);
+  };
+  return /*#__PURE__*/_jsxs(Card, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "label-md",
+      style: {
+        color: colors.text.secondary,
+        marginBottom: SPACE['1.5']
+      },
+      children: label
+    }), /*#__PURE__*/_jsxs(Pressable, {
+      onPress: handlePressRow,
+      disabled: disabled || Platform.OS === 'ios',
+      accessibilityRole: "button",
+      accessibilityLabel: `Change ${label.toLowerCase()}`,
+      accessibilityHint: Platform.OS === 'android' ? 'Opens a date and time picker' : undefined,
+      accessibilityState: {
+        disabled
+      },
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: SPACE['2.5'],
+        paddingVertical: SPACE['2.5'],
+        opacity: disabled ? 0.5 : 1
+      },
+      children: [/*#__PURE__*/_jsx(CalendarClock, {
+        size: 18,
+        color: colors.brand.accent
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-md",
+        style: {
+          color: colors.text.primary
+        },
+        children: formatValue(value, mode)
+      })]
+    }), Picker && Platform.OS === 'ios' && !disabled && /*#__PURE__*/_jsx(Picker, {
+      value: value,
+      mode: mode,
+      display: "spinner",
+      maximumDate: maximumDate,
+      minimumDate: minimumDate,
+      onChange: handleIosChange,
+      textColor: colors.text.primary
+    }), Picker && Platform.OS === 'android' && androidVisible && /*#__PURE__*/_jsx(Picker, {
+      value: value,
+      mode: mode,
+      display: "default",
+      maximumDate: maximumDate,
+      minimumDate: minimumDate,
+      onChange: handleAndroidChange
+    }), helperText && /*#__PURE__*/_jsx(Text, {
+      variant: "body-sm",
+      style: {
+        color: colors.text.secondary,
+        marginTop: SPACE['1']
+      },
+      children: helperText
+    })]
+  });
+}
+//# sourceMappingURL=DateField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Platform","Pressable","CalendarClock","Card","Text","useColors","SPACE","jsx","_jsx","jsxs","_jsxs","DateTimePickerComp","require","default","formatValue","date","mode","datePart","toLocaleDateString","undefined","weekday","month","day","timePart","toLocaleTimeString","hour","minute","DateField","label","value","onChange","minimumDate","maximumDate","helperText","disabled","colors","androidVisible","setAndroidVisible","Picker","handleIosChange","_event","picked","handleAndroidChange","event","type","handlePressRow","OS","children","variant","style","color","text","secondary","marginBottom","onPress","accessibilityRole","accessibilityLabel","toLowerCase","accessibilityHint","accessibilityState","flexDirection","alignItems","gap","paddingVertical","opacity","size","brand","accent","primary","display","textColor","marginTop"],"sourceRoot":"../../../src","sources":["components/DateField.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/DetailHeader.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { ScreenHeader } from "./ScreenHeader.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Theme-agnostic detail-screen header — a thin convenience wrapper over
+ * {@link ScreenHeader} pinned to `variant="detail"` (back chevron + optional
+ * inline title/subtitle + right actions). Use it when you want the detail header
+ * shape without spelling out the variant; reach for {@link ScreenHeader} directly
+ * for the `'form'` variant. Router-decoupled — `onBack` is a plain callback.
+ */
+export function DetailHeader({
+  title,
+  subtitle,
+  rightActions,
+  onBack,
+  showBack = true
+}) {
+  return /*#__PURE__*/_jsx(ScreenHeader, {
+    variant: "detail",
+    title: title,
+    subtitle: subtitle,
+    rightActions: rightActions,
+    onBack: onBack,
+    showBack: showBack
+  });
+}
+//# sourceMappingURL=DetailHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ScreenHeader","jsx","_jsx","DetailHeader","title","subtitle","rightActions","onBack","showBack","variant"],"sourceRoot":"../../../src","sources":["components/DetailHeader.tsx"],"mappings":";;AACA,SAASA,YAAY,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAqB7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAC;EAC3BC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,QAAQ,GAAG;AACM,CAAC,EAAE;EACpB,oBACEN,IAAA,CAACF,YAAY;IACXS,OAAO,EAAC,QAAQ;IAChBL,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN","ignoreList":[]}

package/dist/module/components/DetailScreen.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import { View } from 'react-native';
+import { SafeAreaView } 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";
+/**
+ * Theme-agnostic chrome for detail screens. Composes the library's own scaffolds
+ * rather than duplicating them: {@link ScreenGradient} background + safe area +
+ * an always-visible {@link ScreenHeader} (`variant="detail"`), a body, and an
+ * optional bottom bar / FAB overlay.
+ *
+ * The body switches between {@link LoadingScreen}, {@link ErrorState} and
+ * `children` via the pure lifted {@link resolveDetailScreenState} — so the back
+ * chevron never vanishes while a load query is in flight. Carries NO color of
+ * its own; every surface inside reads the theme.
+ *
+ * Scrollable bodies use {@link KeyboardScrollView} (with the FormScreen keyboard
+ * pattern — iOS `automaticallyAdjustKeyboardInsets`, KAV off) so any `TextInput`
+ * inside (e.g. comments) keeps the focused field visible. The bottom bar is a
+ * SIBLING outside the scroll body so the CTA stays pinned and hides under the
+ * keyboard while typing.
+ *
+ * Router-decoupled: `onBack` is forwarded straight to the header — no
+ * `expo-router` import, no `router.back()` default.
+ */
+export function DetailScreen({
+  title,
+  subtitle,
+  rightActions,
+  onBack,
+  isLoading,
+  error,
+  errorMessage,
+  onRetry,
+  bottomBar,
+  fab,
+  scrollable = 'scroll',
+  contentContainerStyle,
+  children
+}) {
+  const state = resolveDetailScreenState({
+    isLoading,
+    error: error ?? null
+  });
+  const body = state === 'loading' ? /*#__PURE__*/_jsx(LoadingScreen, {}) : state === 'error' ? /*#__PURE__*/_jsx(ErrorState, {
+    message: errorMessage,
+    onRetry: onRetry
+  }) : scrollable === 'scroll' ? /*#__PURE__*/_jsx(KeyboardScrollView, {
+    enableKeyboardAvoidance: false,
+    automaticallyAdjustKeyboardInsets: true,
+    contentContainerStyle: contentContainerStyle,
+    children: children
+  }) : /*#__PURE__*/_jsx(View, {
+    style: {
+      flex: 1
+    },
+    children: children
+  });
+  return /*#__PURE__*/_jsx(ScreenGradient, {
+    children: /*#__PURE__*/_jsxs(SafeAreaView, {
+      style: {
+        flex: 1
+      },
+      edges: ['top'],
+      children: [/*#__PURE__*/_jsx(ScreenHeader, {
+        variant: "detail",
+        title: title,
+        subtitle: subtitle,
+        rightActions: rightActions,
+        onBack: onBack
+      }), body, bottomBar ? /*#__PURE__*/_jsx(StickyBottomBar, {
+        children: bottomBar
+      }) : null, fab]
+    })
+  });
+}
+//# sourceMappingURL=DetailScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","SafeAreaView","KeyboardScrollView","ScreenGradient","LoadingScreen","ErrorState","StickyBottomBar","ScreenHeader","resolveDetailScreenState","jsx","_jsx","jsxs","_jsxs","DetailScreen","title","subtitle","rightActions","onBack","isLoading","error","errorMessage","onRetry","bottomBar","fab","scrollable","contentContainerStyle","children","state","body","message","enableKeyboardAvoidance","automaticallyAdjustKeyboardInsets","style","flex","edges","variant"],"sourceRoot":"../../../src","sources":["components/DetailScreen.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,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;AAkCxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAC;EAC3BC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,YAAY;EACZC,OAAO;EACPC,SAAS;EACTC,GAAG;EACHC,UAAU,GAAG,QAAQ;EACrBC,qBAAqB;EACrBC;AACiB,CAAC,EAAE;EACpB,MAAMC,KAAK,GAAGnB,wBAAwB,CAAC;IAAEU,SAAS;IAAEC,KAAK,EAAEA,KAAK,IAAI;EAAK,CAAC,CAAC;EAE3E,MAAMS,IAAI,GACRD,KAAK,KAAK,SAAS,gBACjBjB,IAAA,CAACN,aAAa,IAAE,CAAC,GACfuB,KAAK,KAAK,OAAO,gBACnBjB,IAAA,CAACL,UAAU;IAACwB,OAAO,EAAET,YAAa;IAACC,OAAO,EAAEA;EAAQ,CAAE,CAAC,GACrDG,UAAU,KAAK,QAAQ,gBACzBd,IAAA,CAACR,kBAAkB;IACjB4B,uBAAuB,EAAE,KAAM;IAC/BC,iCAAiC;IACjCN,qBAAqB,EAAEA,qBAAsB;IAAAC,QAAA,EAE5CA;EAAQ,CACS,CAAC,gBAErBhB,IAAA,CAACV,IAAI;IAACgC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE,CAAE;IAAAP,QAAA,EAAEA;EAAQ,CAAO,CAC3C;EAEH,oBACEhB,IAAA,CAACP,cAAc;IAAAuB,QAAA,eACbd,KAAA,CAACX,YAAY;MAAC+B,KAAK,EAAE;QAAEC,IAAI,EAAE;MAAE,CAAE;MAACC,KAAK,EAAE,CAAC,KAAK,CAAE;MAAAR,QAAA,gBAC/ChB,IAAA,CAACH,YAAY;QACX4B,OAAO,EAAC,QAAQ;QAChBrB,KAAK,EAAEA,KAAM;QACbC,QAAQ,EAAEA,QAAS;QACnBC,YAAY,EAAEA,YAAa;QAC3BC,MAAM,EAAEA;MAAO,CAChB,CAAC,EACDW,IAAI,EACJN,SAAS,gBAAGZ,IAAA,CAACJ,eAAe;QAAAoB,QAAA,EAAEJ;MAAS,CAAkB,CAAC,GAAG,IAAI,EACjEC,GAAG;IAAA,CACQ;EAAC,CACD,CAAC;AAErB","ignoreList":[]}

package/dist/module/components/EmptyState.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Sparkles } from 'lucide-react-native';
+import { Text } from "./Text.js";
+import { Button } from "./Button.js";
+import { useColors, useShadows } from "../theme/ThemeProvider.js";
+import { SPACE } from "../theme/scale.js";
+import { hexToRgba } from "../internal/hexToRgba.js";
+
+// expo-linear-gradient is loaded behind a try/catch so the component still
+// renders gracefully if the (optional) peer is ever missing in a build — it then
+// falls back to a flat tinted circle.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+let LinearGradientComp = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  LinearGradientComp = require('expo-linear-gradient').LinearGradient ?? null;
+} catch {
+  LinearGradientComp = null;
+}
+const CIRCLE_SIZE = 96;
+
+/**
+ * Theme-agnostic empty-state placeholder — a mascot icon on a soft brand-tinted
+ * circle, a title, a description, and an optional CTA.
+ *
+ * Color comes INLINE from {@link useColors}: the title defaults to `text.primary`
+ * (via {@link Text}), the description is `text.tertiary`, and the CTA is the
+ * library's own {@link Button}. The mascot-circle tint is DERIVED from
+ * `colors.brand.primary` via {@link hexToRgba} — a vertical gradient from 18% to
+ * a generic `'transparent'` (flat 14% on the no-gradient fallback) — so it
+ * follows any injected theme with no literal brand rgba. Elevation comes from the
+ * themed {@link useShadows} `sm` preset. Layout (flex, padding, margins) is
+ * applied INLINE from the library-owned {@link SPACE} scale, so the empty state
+ * renders with no NativeWind setup in the consumer; `style` is an inline
+ * override merged last.
+ */
+export function EmptyState({
+  title,
+  description,
+  actionLabel,
+  onAction,
+  icon: Icon = Sparkles,
+  style
+}) {
+  const colors = useColors();
+  const shadows = useShadows();
+
+  // Brand-derived tint — follows the theme's brand.primary, no literal rgba.
+  const tintStrong = hexToRgba(colors.brand.primary, 0.18);
+  const tintSoft = 'transparent';
+  const fallbackTint = hexToRgba(colors.brand.primary, 0.14);
+  const circleInner = /*#__PURE__*/_jsx(Icon, {
+    size: 40,
+    color: colors.brand.primary
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingHorizontal: SPACE['6']
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        alignItems: 'center',
+        marginBottom: SPACE['3']
+      },
+      children: LinearGradientComp ? /*#__PURE__*/_jsx(LinearGradientComp, {
+        colors: [tintStrong, tintSoft],
+        start: {
+          x: 0.5,
+          y: 0
+        },
+        end: {
+          x: 0.5,
+          y: 1
+        },
+        style: {
+          width: CIRCLE_SIZE,
+          height: CIRCLE_SIZE,
+          borderRadius: CIRCLE_SIZE / 2,
+          alignItems: 'center',
+          justifyContent: 'center',
+          ...shadows.sm
+        },
+        children: circleInner
+      }) : /*#__PURE__*/_jsx(View, {
+        style: {
+          width: CIRCLE_SIZE,
+          height: CIRCLE_SIZE,
+          borderRadius: CIRCLE_SIZE / 2,
+          backgroundColor: fallbackTint,
+          alignItems: 'center',
+          justifyContent: 'center',
+          ...shadows.sm
+        },
+        children: circleInner
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "display-sm",
+      style: {
+        textAlign: 'center',
+        marginBottom: SPACE['1']
+      },
+      children: title
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-md",
+      style: {
+        textAlign: 'center',
+        maxWidth: 280,
+        marginBottom: SPACE['5'],
+        color: colors.text.tertiary
+      },
+      children: description
+    }), actionLabel && onAction && /*#__PURE__*/_jsx(Button, {
+      variant: "primary",
+      size: "md",
+      onPress: onAction,
+      children: actionLabel
+    })]
+  });
+}
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Sparkles","Text","Button","useColors","useShadows","SPACE","hexToRgba","jsx","_jsx","jsxs","_jsxs","LinearGradientComp","require","LinearGradient","CIRCLE_SIZE","EmptyState","title","description","actionLabel","onAction","icon","Icon","style","colors","shadows","tintStrong","brand","primary","tintSoft","fallbackTint","circleInner","size","color","flex","alignItems","justifyContent","paddingHorizontal","children","marginBottom","start","x","y","end","width","height","borderRadius","sm","backgroundColor","variant","textAlign","maxWidth","text","tertiary","onPress"],"sourceRoot":"../../../src","sources":["components/EmptyState.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAwC,cAAc;AACnE,SAASC,QAAQ,QAAyB,qBAAqB;AAC/D,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,SAAS,EAAEC,UAAU,QAAQ,2BAAwB;AAC9D,SAASC,KAAK,QAAQ,mBAAgB;AACtC,SAASC,SAAS,QAAQ,0BAAuB;;AAEjD;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,IAAIC,kBAAmD,GAAG,IAAI;AAC9D,IAAI;EACF;EACAA,kBAAkB,GAAGC,OAAO,CAAC,sBAAsB,CAAC,CAACC,cAAc,IAAI,IAAI;AAC7E,CAAC,CAAC,MAAM;EACNF,kBAAkB,GAAG,IAAI;AAC3B;AAiBA,MAAMG,WAAW,GAAG,EAAE;;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,KAAK;EACLC,WAAW;EACXC,WAAW;EACXC,QAAQ;EACRC,IAAI,EAAEC,IAAI,GAAGrB,QAAQ;EACrBsB;AACe,CAAC,EAAE;EAClB,MAAMC,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAC1B,MAAMqB,OAAO,GAAGpB,UAAU,CAAC,CAAC;;EAE5B;EACA,MAAMqB,UAAU,GAAGnB,SAAS,CAACiB,MAAM,CAACG,KAAK,CAACC,OAAO,EAAE,IAAI,CAAC;EACxD,MAAMC,QAAQ,GAAG,aAAa;EAC9B,MAAMC,YAAY,GAAGvB,SAAS,CAACiB,MAAM,CAACG,KAAK,CAACC,OAAO,EAAE,IAAI,CAAC;EAE1D,MAAMG,WAAW,gBAAGtB,IAAA,CAACa,IAAI;IAACU,IAAI,EAAE,EAAG;IAACC,KAAK,EAAET,MAAM,CAACG,KAAK,CAACC;EAAQ,CAAE,CAAC;EAEnE,oBACEjB,KAAA,CAACX,IAAI;IACHuB,KAAK,EAAE,CACL;MAAEW,IAAI,EAAE,CAAC;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE,QAAQ;MAAEC,iBAAiB,EAAE/B,KAAK,CAAC,GAAG;IAAE,CAAC,EAC1FiB,KAAK,CACL;IAAAe,QAAA,gBAEF7B,IAAA,CAACT,IAAI;MAACuB,KAAK,EAAE;QAAEY,UAAU,EAAE,QAAQ;QAAEI,YAAY,EAAEjC,KAAK,CAAC,GAAG;MAAE,CAAE;MAAAgC,QAAA,EAC7D1B,kBAAkB,gBACjBH,IAAA,CAACG,kBAAkB;QACjBY,MAAM,EAAE,CAACE,UAAU,EAAEG,QAAQ,CAAE;QAC/BW,KAAK,EAAE;UAAEC,CAAC,EAAE,GAAG;UAAEC,CAAC,EAAE;QAAE,CAAE;QACxBC,GAAG,EAAE;UAAEF,CAAC,EAAE,GAAG;UAAEC,CAAC,EAAE;QAAE,CAAE;QACtBnB,KAAK,EAAE;UACLqB,KAAK,EAAE7B,WAAW;UAClB8B,MAAM,EAAE9B,WAAW;UACnB+B,YAAY,EAAE/B,WAAW,GAAG,CAAC;UAC7BoB,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxB,GAAGX,OAAO,CAACsB;QACb,CAAE;QAAAT,QAAA,EAEDP;MAAW,CACM,CAAC,gBAErBtB,IAAA,CAACT,IAAI;QACHuB,KAAK,EAAE;UACLqB,KAAK,EAAE7B,WAAW;UAClB8B,MAAM,EAAE9B,WAAW;UACnB+B,YAAY,EAAE/B,WAAW,GAAG,CAAC;UAC7BiC,eAAe,EAAElB,YAAY;UAC7BK,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxB,GAAGX,OAAO,CAACsB;QACb,CAAE;QAAAT,QAAA,EAEDP;MAAW,CACR;IACP,CACG,CAAC,eAEPtB,IAAA,CAACP,IAAI;MAAC+C,OAAO,EAAC,YAAY;MAAC1B,KAAK,EAAE;QAAE2B,SAAS,EAAE,QAAQ;QAAEX,YAAY,EAAEjC,KAAK,CAAC,GAAG;MAAE,CAAE;MAAAgC,QAAA,EACjFrB;IAAK,CACF,CAAC,eAEPR,IAAA,CAACP,IAAI;MACH+C,OAAO,EAAC,SAAS;MACjB1B,KAAK,EAAE;QAAE2B,SAAS,EAAE,QAAQ;QAAEC,QAAQ,EAAE,GAAG;QAAEZ,YAAY,EAAEjC,KAAK,CAAC,GAAG,CAAC;QAAE2B,KAAK,EAAET,MAAM,CAAC4B,IAAI,CAACC;MAAS,CAAE;MAAAf,QAAA,EAEpGpB;IAAW,CACR,CAAC,EAENC,WAAW,IAAIC,QAAQ,iBACtBX,IAAA,CAACN,MAAM;MAAC8C,OAAO,EAAC,SAAS;MAACjB,IAAI,EAAC,IAAI;MAACsB,OAAO,EAAElC,QAAS;MAAAkB,QAAA,EACnDnB;IAAW,CACN,CACT;EAAA,CACG,CAAC;AAEX","ignoreList":[]}

package/dist/module/components/ErrorBoundary.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import React from 'react';
+import { View } from '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 render-error boundary — catches a render-time crash in its
+ * subtree and shows a centered "Something went wrong" fallback with a retry
+ * button (the library's own {@link Button}) that re-mounts the children.
+ *
+ * Colour comes INLINE from {@link useColors} (via the {@link ErrorBoundaryFallback}
+ * function child so the class can use a hook): the title defaults to
+ * `text.primary` and the message is `text.secondary`. Logging is decoupled — pass
+ * `onError` to forward the crash to analytics; the library never imports one.
+ */
+export class ErrorBoundary extends React.Component {
+  state = {
+    hasError: false
+  };
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info);
+  }
+  handleRetry = () => {
+    this.setState({
+      hasError: false
+    });
+  };
+  render() {
+    if (this.state.hasError) {
+      return /*#__PURE__*/_jsx(ErrorBoundaryFallback, {
+        message: this.props.fallbackMessage,
+        retryLabel: this.props.retryLabel,
+        onRetry: this.handleRetry
+      });
+    }
+    return this.props.children;
+  }
+}
+function ErrorBoundaryFallback({
+  message,
+  retryLabel = 'Try Again',
+  onRetry
+}) {
+  const colors = useColors();
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingHorizontal: SPACE['8']
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "heading-md",
+      style: {
+        marginBottom: SPACE['2']
+      },
+      children: "Something went wrong"
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-sm",
+      style: {
+        textAlign: 'center',
+        marginBottom: SPACE['4'],
+        color: colors.text.secondary
+      },
+      children: message ?? 'An unexpected error occurred. Please try again.'
+    }), /*#__PURE__*/_jsx(Button, {
+      onPress: onRetry,
+      children: retryLabel
+    })]
+  });
+}
+//# sourceMappingURL=ErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Button","useColors","SPACE","jsx","_jsx","jsxs","_jsxs","ErrorBoundary","Component","state","hasError","getDerivedStateFromError","componentDidCatch","error","info","props","onError","handleRetry","setState","render","ErrorBoundaryFallback","message","fallbackMessage","retryLabel","onRetry","children","colors","style","flex","alignItems","justifyContent","paddingHorizontal","variant","marginBottom","textAlign","color","text","secondary","onPress"],"sourceRoot":"../../../src","sources":["components/ErrorBoundary.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,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;AAoBtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,SAASV,KAAK,CAACW,SAAS,CAA4B;EAC5EC,KAAK,GAAU;IAAEC,QAAQ,EAAE;EAAM,CAAC;EAElC,OAAOC,wBAAwBA,CAAA,EAAU;IACvC,OAAO;MAAED,QAAQ,EAAE;IAAK,CAAC;EAC3B;EAEAE,iBAAiBA,CAACC,KAAY,EAAEC,IAAqB,EAAE;IACrD,IAAI,CAACC,KAAK,CAACC,OAAO,GAAGH,KAAK,EAAEC,IAAI,CAAC;EACnC;EAEAG,WAAW,GAAGA,CAAA,KAAM;IAClB,IAAI,CAACC,QAAQ,CAAC;MAAER,QAAQ,EAAE;IAAM,CAAC,CAAC;EACpC,CAAC;EAEDS,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACV,KAAK,CAACC,QAAQ,EAAE;MACvB,oBACEN,IAAA,CAACgB,qBAAqB;QACpBC,OAAO,EAAE,IAAI,CAACN,KAAK,CAACO,eAAgB;QACpCC,UAAU,EAAE,IAAI,CAACR,KAAK,CAACQ,UAAW;QAClCC,OAAO,EAAE,IAAI,CAACP;MAAY,CAC3B,CAAC;IAEN;IACA,OAAO,IAAI,CAACF,KAAK,CAACU,QAAQ;EAC5B;AACF;AAEA,SAASL,qBAAqBA,CAAC;EAC7BC,OAAO;EACPE,UAAU,GAAG,WAAW;EACxBC;AAKF,CAAC,EAAE;EACD,MAAME,MAAM,GAAGzB,SAAS,CAAC,CAAC;EAC1B,oBACEK,KAAA,CAACR,IAAI;IACH6B,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,iBAAiB,EAAE7B,KAAK,CAAC,GAAG;IAC9B,CAAE;IAAAuB,QAAA,gBAEFrB,IAAA,CAACL,IAAI;MAACiC,OAAO,EAAC,YAAY;MAACL,KAAK,EAAE;QAAEM,YAAY,EAAE/B,KAAK,CAAC,GAAG;MAAE,CAAE;MAAAuB,QAAA,EAAC;IAEhE,CAAM,CAAC,eACPrB,IAAA,CAACL,IAAI;MACHiC,OAAO,EAAC,SAAS;MACjBL,KAAK,EAAE;QAAEO,SAAS,EAAE,QAAQ;QAAED,YAAY,EAAE/B,KAAK,CAAC,GAAG,CAAC;QAAEiC,KAAK,EAAET,MAAM,CAACU,IAAI,CAACC;MAAU,CAAE;MAAAZ,QAAA,EAEtFJ,OAAO,IAAI;IAAiD,CACzD,CAAC,eACPjB,IAAA,CAACJ,MAAM;MAACsC,OAAO,EAAEd,OAAQ;MAAAC,QAAA,EAAEF;IAAU,CAAS,CAAC;EAAA,CAC3C,CAAC;AAEX","ignoreList":[]}