everkit-ui 0.1.0

package/dist/commonjs/components/DetailScreen.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DetailScreen = DetailScreen;
+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");
+/**
+ * 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.
+ */
+function DetailScreen({
+  title,
+  subtitle,
+  rightActions,
+  onBack,
+  isLoading,
+  error,
+  errorMessage,
+  onRetry,
+  bottomBar,
+  fab,
+  scrollable = 'scroll',
+  contentContainerStyle,
+  children
+}) {
+  const state = (0, _detailScreenState.resolveDetailScreenState)({
+    isLoading,
+    error: error ?? null
+  });
+  const body = state === 'loading' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingScreen.LoadingScreen, {}) : state === 'error' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorState.ErrorState, {
+    message: errorMessage,
+    onRetry: onRetry
+  }) : scrollable === 'scroll' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardScrollView.KeyboardScrollView, {
+    enableKeyboardAvoidance: false,
+    automaticallyAdjustKeyboardInsets: true,
+    contentContainerStyle: contentContainerStyle,
+    children: children
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      flex: 1
+    },
+    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: "detail",
+        title: title,
+        subtitle: subtitle,
+        rightActions: rightActions,
+        onBack: onBack
+      }), body, bottomBar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_StickyBottomBar.StickyBottomBar, {
+        children: bottomBar
+      }) : null, fab]
+    })
+  });
+}
+//# sourceMappingURL=DetailScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeSafeAreaContext","_KeyboardScrollView","_ScreenGradient","_LoadingScreen","_ErrorState","_StickyBottomBar","_ScreenHeader","_detailScreenState","_jsxRuntime","DetailScreen","title","subtitle","rightActions","onBack","isLoading","error","errorMessage","onRetry","bottomBar","fab","scrollable","contentContainerStyle","children","state","resolveDetailScreenState","body","jsx","LoadingScreen","ErrorState","message","KeyboardScrollView","enableKeyboardAvoidance","automaticallyAdjustKeyboardInsets","View","style","flex","ScreenGradient","jsxs","SafeAreaView","edges","ScreenHeader","variant","StickyBottomBar"],"sourceRoot":"../../../src","sources":["components/DetailScreen.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AAAwE,IAAAS,WAAA,GAAAT,OAAA;AAkCxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASU,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,GAAG,IAAAC,2CAAwB,EAAC;IAAEV,SAAS;IAAEC,KAAK,EAAEA,KAAK,IAAI;EAAK,CAAC,CAAC;EAE3E,MAAMU,IAAI,GACRF,KAAK,KAAK,SAAS,gBACjB,IAAAf,WAAA,CAAAkB,GAAA,EAACvB,cAAA,CAAAwB,aAAa,IAAE,CAAC,GACfJ,KAAK,KAAK,OAAO,gBACnB,IAAAf,WAAA,CAAAkB,GAAA,EAACtB,WAAA,CAAAwB,UAAU;IAACC,OAAO,EAAEb,YAAa;IAACC,OAAO,EAAEA;EAAQ,CAAE,CAAC,GACrDG,UAAU,KAAK,QAAQ,gBACzB,IAAAZ,WAAA,CAAAkB,GAAA,EAACzB,mBAAA,CAAA6B,kBAAkB;IACjBC,uBAAuB,EAAE,KAAM;IAC/BC,iCAAiC;IACjCX,qBAAqB,EAAEA,qBAAsB;IAAAC,QAAA,EAE5CA;EAAQ,CACS,CAAC,gBAErB,IAAAd,WAAA,CAAAkB,GAAA,EAAC5B,YAAA,CAAAmC,IAAI;IAACC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE,CAAE;IAAAb,QAAA,EAAEA;EAAQ,CAAO,CAC3C;EAEH,oBACE,IAAAd,WAAA,CAAAkB,GAAA,EAACxB,eAAA,CAAAkC,cAAc;IAAAd,QAAA,eACb,IAAAd,WAAA,CAAA6B,IAAA,EAACrC,2BAAA,CAAAsC,YAAY;MAACJ,KAAK,EAAE;QAAEC,IAAI,EAAE;MAAE,CAAE;MAACI,KAAK,EAAE,CAAC,KAAK,CAAE;MAAAjB,QAAA,gBAC/C,IAAAd,WAAA,CAAAkB,GAAA,EAACpB,aAAA,CAAAkC,YAAY;QACXC,OAAO,EAAC,QAAQ;QAChB/B,KAAK,EAAEA,KAAM;QACbC,QAAQ,EAAEA,QAAS;QACnBC,YAAY,EAAEA,YAAa;QAC3BC,MAAM,EAAEA;MAAO,CAChB,CAAC,EACDY,IAAI,EACJP,SAAS,gBAAG,IAAAV,WAAA,CAAAkB,GAAA,EAACrB,gBAAA,CAAAqC,eAAe;QAAApB,QAAA,EAAEJ;MAAS,CAAkB,CAAC,GAAG,IAAI,EACjEC,GAAG;IAAA,CACQ;EAAC,CACD,CAAC;AAErB","ignoreList":[]}

package/dist/commonjs/components/EmptyState.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyState = EmptyState;
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _Text = require("./Text.js");
+var _Button = require("./Button.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _hexToRgba = require("../internal/hexToRgba.js");
+var _jsxRuntime = require("react/jsx-runtime");
+// 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.
+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.
+ */
+function EmptyState({
+  title,
+  description,
+  actionLabel,
+  onAction,
+  icon: Icon = _lucideReactNative.Sparkles,
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const shadows = (0, _ThemeProvider.useShadows)();
+
+  // Brand-derived tint — follows the theme's brand.primary, no literal rgba.
+  const tintStrong = (0, _hexToRgba.hexToRgba)(colors.brand.primary, 0.18);
+  const tintSoft = 'transparent';
+  const fallbackTint = (0, _hexToRgba.hexToRgba)(colors.brand.primary, 0.14);
+  const circleInner = /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+    size: 40,
+    color: colors.brand.primary
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingHorizontal: _scale.SPACE['6']
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        alignItems: 'center',
+        marginBottom: _scale.SPACE['3']
+      },
+      children: LinearGradientComp ? /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: CIRCLE_SIZE,
+          height: CIRCLE_SIZE,
+          borderRadius: CIRCLE_SIZE / 2,
+          backgroundColor: fallbackTint,
+          alignItems: 'center',
+          justifyContent: 'center',
+          ...shadows.sm
+        },
+        children: circleInner
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "display-sm",
+      style: {
+        textAlign: 'center',
+        marginBottom: _scale.SPACE['1']
+      },
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "body-md",
+      style: {
+        textAlign: 'center',
+        maxWidth: 280,
+        marginBottom: _scale.SPACE['5'],
+        color: colors.text.tertiary
+      },
+      children: description
+    }), actionLabel && onAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: "primary",
+      size: "md",
+      onPress: onAction,
+      children: actionLabel
+    })]
+  });
+}
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_lucideReactNative","_Text","_Button","_ThemeProvider","_scale","_hexToRgba","_jsxRuntime","LinearGradientComp","LinearGradient","CIRCLE_SIZE","EmptyState","title","description","actionLabel","onAction","icon","Icon","Sparkles","style","colors","useColors","shadows","useShadows","tintStrong","hexToRgba","brand","primary","tintSoft","fallbackTint","circleInner","jsx","size","color","jsxs","View","flex","alignItems","justifyContent","paddingHorizontal","SPACE","children","marginBottom","start","x","y","end","width","height","borderRadius","sm","backgroundColor","Text","variant","textAlign","maxWidth","text","tertiary","Button","onPress"],"sourceRoot":"../../../src","sources":["components/EmptyState.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/ErrorBoundary.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorBoundary = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Text = require("./Text.js");
+var _Button = require("./Button.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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.
+ */
+class ErrorBoundary extends _react.default.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__*/(0, _jsxRuntime.jsx)(ErrorBoundaryFallback, {
+        message: this.props.fallbackMessage,
+        retryLabel: this.props.retryLabel,
+        onRetry: this.handleRetry
+      });
+    }
+    return this.props.children;
+  }
+}
+exports.ErrorBoundary = ErrorBoundary;
+function ErrorBoundaryFallback({
+  message,
+  retryLabel = 'Try Again',
+  onRetry
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingHorizontal: _scale.SPACE['8']
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "heading-md",
+      style: {
+        marginBottom: _scale.SPACE['2']
+      },
+      children: "Something went wrong"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "body-sm",
+      style: {
+        textAlign: 'center',
+        marginBottom: _scale.SPACE['4'],
+        color: colors.text.secondary
+      },
+      children: message ?? 'An unexpected error occurred. Please try again.'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      onPress: onRetry,
+      children: retryLabel
+    })]
+  });
+}
+//# sourceMappingURL=ErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Text","_Button","_ThemeProvider","_scale","_jsxRuntime","e","__esModule","default","ErrorBoundary","React","Component","state","hasError","getDerivedStateFromError","componentDidCatch","error","info","props","onError","handleRetry","setState","render","jsx","ErrorBoundaryFallback","message","fallbackMessage","retryLabel","onRetry","children","exports","colors","useColors","jsxs","View","style","flex","alignItems","justifyContent","paddingHorizontal","SPACE","Text","variant","marginBottom","textAlign","color","text","secondary","Button","onPress"],"sourceRoot":"../../../src","sources":["components/ErrorBoundary.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAsC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAoBtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,aAAa,SAASC,cAAK,CAACC,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,oBACE,IAAAR,WAAA,CAAAkB,GAAA,EAACC,qBAAqB;QACpBC,OAAO,EAAE,IAAI,CAACP,KAAK,CAACQ,eAAgB;QACpCC,UAAU,EAAE,IAAI,CAACT,KAAK,CAACS,UAAW;QAClCC,OAAO,EAAE,IAAI,CAACR;MAAY,CAC3B,CAAC;IAEN;IACA,OAAO,IAAI,CAACF,KAAK,CAACW,QAAQ;EAC5B;AACF;AAACC,OAAA,CAAArB,aAAA,GAAAA,aAAA;AAED,SAASe,qBAAqBA,CAAC;EAC7BC,OAAO;EACPE,UAAU,GAAG,WAAW;EACxBC;AAKF,CAAC,EAAE;EACD,MAAMG,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,oBACE,IAAA3B,WAAA,CAAA4B,IAAA,EAACjC,YAAA,CAAAkC,IAAI;IACHC,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,iBAAiB,EAAEC,YAAK,CAAC,GAAG;IAC9B,CAAE;IAAAX,QAAA,gBAEF,IAAAxB,WAAA,CAAAkB,GAAA,EAACtB,KAAA,CAAAwC,IAAI;MAACC,OAAO,EAAC,YAAY;MAACP,KAAK,EAAE;QAAEQ,YAAY,EAAEH,YAAK,CAAC,GAAG;MAAE,CAAE;MAAAX,QAAA,EAAC;IAEhE,CAAM,CAAC,eACP,IAAAxB,WAAA,CAAAkB,GAAA,EAACtB,KAAA,CAAAwC,IAAI;MACHC,OAAO,EAAC,SAAS;MACjBP,KAAK,EAAE;QAAES,SAAS,EAAE,QAAQ;QAAED,YAAY,EAAEH,YAAK,CAAC,GAAG,CAAC;QAAEK,KAAK,EAAEd,MAAM,CAACe,IAAI,CAACC;MAAU,CAAE;MAAAlB,QAAA,EAEtFJ,OAAO,IAAI;IAAiD,CACzD,CAAC,eACP,IAAApB,WAAA,CAAAkB,GAAA,EAACrB,OAAA,CAAA8C,MAAM;MAACC,OAAO,EAAErB,OAAQ;MAAAC,QAAA,EAAEF;IAAU,CAAS,CAAC;EAAA,CAC3C,CAAC;AAEX","ignoreList":[]}

package/dist/commonjs/components/ErrorState.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorState = ErrorState;
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _Text = require("./Text.js");
+var _Button = require("./Button.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("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.
+ */
+function ErrorState({
+  message = 'Something went wrong',
+  onRetry,
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingHorizontal: _scale.SPACE['8']
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: 72,
+        height: 72,
+        borderRadius: 36,
+        backgroundColor: colors.brand.accentLight,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginBottom: 16
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.CircleAlert, {
+        size: 36,
+        color: colors.semantic.error
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "display-sm",
+      style: {
+        textAlign: 'center',
+        marginBottom: _scale.SPACE['2']
+      },
+      children: "Oops!"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "body-md",
+      style: {
+        textAlign: 'center',
+        maxWidth: 280,
+        marginBottom: _scale.SPACE['6'],
+        color: colors.text.tertiary
+      },
+      children: message
+    }), onRetry && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: "outline",
+      size: "md",
+      onPress: onRetry,
+      children: "Try Again"
+    })]
+  });
+}
+//# sourceMappingURL=ErrorState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_lucideReactNative","_Text","_Button","_ThemeProvider","_scale","_jsxRuntime","ErrorState","message","onRetry","style","colors","useColors","jsxs","View","flex","alignItems","justifyContent","paddingHorizontal","SPACE","children","jsx","width","height","borderRadius","backgroundColor","brand","accentLight","marginBottom","CircleAlert","size","color","semantic","error","Text","variant","textAlign","maxWidth","text","tertiary","Button","onPress"],"sourceRoot":"../../../src","sources":["components/ErrorState.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAsC,IAAAM,WAAA,GAAAN,OAAA;AAWtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,UAAUA,CAAC;EACzBC,OAAO,GAAG,sBAAsB;EAChCC,OAAO;EACPC;AACe,CAAC,EAAE;EAClB,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,oBACE,IAAAN,WAAA,CAAAO,IAAA,EAACd,YAAA,CAAAe,IAAI;IACHJ,KAAK,EAAE,CACL;MAAEK,IAAI,EAAE,CAAC;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE,QAAQ;MAAEC,iBAAiB,EAAEC,YAAK,CAAC,GAAG;IAAE,CAAC,EAC1FT,KAAK,CACL;IAAAU,QAAA,gBAEF,IAAAd,WAAA,CAAAe,GAAA,EAACtB,YAAA,CAAAe,IAAI;MACHJ,KAAK,EAAE;QACLY,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,EAAE;QAChBC,eAAe,EAAEd,MAAM,CAACe,KAAK,CAACC,WAAW;QACzCX,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBW,YAAY,EAAE;MAChB,CAAE;MAAAR,QAAA,eAEF,IAAAd,WAAA,CAAAe,GAAA,EAACpB,kBAAA,CAAA4B,WAAW;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAEpB,MAAM,CAACqB,QAAQ,CAACC;MAAM,CAAE;IAAC,CACnD,CAAC,eAEP,IAAA3B,WAAA,CAAAe,GAAA,EAACnB,KAAA,CAAAgC,IAAI;MAACC,OAAO,EAAC,YAAY;MAACzB,KAAK,EAAE;QAAE0B,SAAS,EAAE,QAAQ;QAAER,YAAY,EAAET,YAAK,CAAC,GAAG;MAAE,CAAE;MAAAC,QAAA,EAAC;IAErF,CAAM,CAAC,eACP,IAAAd,WAAA,CAAAe,GAAA,EAACnB,KAAA,CAAAgC,IAAI;MACHC,OAAO,EAAC,SAAS;MACjBzB,KAAK,EAAE;QAAE0B,SAAS,EAAE,QAAQ;QAAEC,QAAQ,EAAE,GAAG;QAAET,YAAY,EAAET,YAAK,CAAC,GAAG,CAAC;QAAEY,KAAK,EAAEpB,MAAM,CAAC2B,IAAI,CAACC;MAAS,CAAE;MAAAnB,QAAA,EAEpGZ;IAAO,CACJ,CAAC,EAENC,OAAO,iBACN,IAAAH,WAAA,CAAAe,GAAA,EAAClB,OAAA,CAAAqC,MAAM;MAACL,OAAO,EAAC,SAAS;MAACL,IAAI,EAAC,IAAI;MAACW,OAAO,EAAEhC,OAAQ;MAAAW,QAAA,EAAC;IAEtD,CAAQ,CACT;EAAA,CACG,CAAC;AAEX","ignoreList":[]}

package/dist/commonjs/components/Fab.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fab = Fab;
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _springs = require("../internal/springs.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 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.
+ */
+function Fab({
+  icon,
+  onPress,
+  accessibilityLabel,
+  color = 'primary',
+  size = DEFAULT_SIZE,
+  bottom = 24,
+  right = 20
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const shadows = (0, _ThemeProvider.useShadows)();
+  const pressed = (0, _reactNativeReanimated.useSharedValue)(0);
+  const animatedStyle = (0, _reactNativeReanimated.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__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
+    onPress: onPress,
+    onPressIn: () => {
+      pressed.value = (0, _reactNativeReanimated.withSpring)(1, _springs.SPRINGS.press);
+    },
+    onPressOut: () => {
+      pressed.value = (0, _reactNativeReanimated.withSpring)(0, _springs.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/commonjs/components/Fab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_ThemeProvider","_springs","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPressable","Animated","createAnimatedComponent","Pressable","DEFAULT_SIZE","Fab","icon","onPress","accessibilityLabel","color","size","bottom","right","colors","useColors","shadows","useShadows","pressed","useSharedValue","animatedStyle","useAnimatedStyle","transform","scale","value","bg","brand","secondary","accent","primary","jsx","onPressIn","withSpring","SPRINGS","press","onPressOut","accessibilityRole","hitSlop","style","alignItems","justifyContent","position","width","height","borderRadius","backgroundColor","lg","children"],"sourceRoot":"../../../src","sources":["components/Fab.tsx"],"mappings":"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","ignoreList":[]}