everkit-ui 0.1.0

package/dist/module/internal/resolveGradient.js

@@ -0,0 +1,82 @@
+"use strict";
+
+/**
+ * Pure helper that turns a GENERIC `<Gradient/>` variant into the raw
+ * `expo-linear-gradient` props (`colors`, `start`, `end`, `locations`).
+ *
+ * Keeping the logic outside the React component makes it cheap to unit-test
+ * under `node:test` without a renderer.
+ *
+ * GENERIC ONLY. The pilot consumer (tea-companion) layered domain variants on
+ * top of this (`'hero'`, `'tea-type'`, `'share'`) that read per-app palettes
+ * (`colors.tea.*`, brand-invariant share stops); those stay per app. Here we
+ * ship only the three theme-routed variants any app can use:
+ *
+ *   screen — the full-screen tinted background (`colors.gradient.screen`).
+ *   card   — a subtle card tint (`bg.card` → `bg.secondary`).
+ *   fade   — a bottom-up scrim over a photo (`transparent` → theme ink wash).
+ *
+ * Every colour is read from the injected {@link ThemeColors} — no hardcoded hex.
+ * The `fade` scrim is DERIVED from `colors.text.primary` via {@link scrimColor}
+ * so the library carries no literal `rgba(...)` value. For one-off needs, pass an
+ * explicit `colors` array — that overrides the variant's stops.
+ */
+
+import { scrimColor } from "./overlay.js";
+/** Vertical top to bottom — used by screen, card, fade variants. */
+const VERTICAL = {
+  start: {
+    x: 0,
+    y: 0
+  },
+  end: {
+    x: 0,
+    y: 1
+  }
+};
+
+/**
+ * Map a {@link GradientInput} to the raw props `expo-linear-gradient` needs.
+ *
+ * The theme palette is passed in (rather than read from a React hook) so the
+ * function stays pure and trivially testable.
+ */
+export function resolveGradient(input, colors) {
+  // With no named variant the caller supplies raw `colors`; default the
+  // geometry to vertical and leave the stops to the escape hatch below.
+  const base = input.variant ? variantDefaults(input.variant, colors) : {
+    colors: [],
+    start: VERTICAL.start,
+    end: VERTICAL.end
+  };
+  return {
+    colors: input.colors ? [...input.colors] : base.colors,
+    start: input.start ?? base.start,
+    end: input.end ?? base.end,
+    locations: input.locations ? [...input.locations] : base.locations
+  };
+}
+function variantDefaults(variant, colors) {
+  switch (variant) {
+    case 'screen':
+      return {
+        colors: [...colors.gradient.screen],
+        ...VERTICAL,
+        locations: [0, 0.6, 1]
+      };
+    case 'card':
+      return {
+        colors: [colors.bg.card, colors.bg.secondary],
+        ...VERTICAL
+      };
+    case 'fade':
+      // Bottom-up darkening scrim, derived from the theme's ink so no literal
+      // rgba is introduced. `rgba(…,0)` endpoint (alpha 0) avoids iOS's black
+      // fringe that plain `'transparent'` produces in gradients.
+      return {
+        colors: [scrimColor(colors.text.primary, 0), scrimColor(colors.text.primary, 0.55)],
+        ...VERTICAL
+      };
+  }
+}
+//# sourceMappingURL=resolveGradient.js.map

package/dist/module/internal/resolveGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["scrimColor","VERTICAL","start","x","y","end","resolveGradient","input","colors","base","variant","variantDefaults","locations","gradient","screen","bg","card","secondary","text","primary"],"sourceRoot":"../../../src","sources":["internal/resolveGradient.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,UAAU,QAAQ,cAAW;AAiCtC;AACA,MAAMC,QAAQ,GAAG;EACfC,KAAK,EAAE;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAkB;EACtCC,GAAG,EAAE;IAAEF,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE;AACpB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,eAAeA,CAACC,KAAoB,EAAEC,MAAmB,EAAoB;EAC3F;EACA;EACA,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,GACtBC,eAAe,CAACJ,KAAK,CAACG,OAAO,EAAEF,MAAM,CAAC,GACtC;IAAEA,MAAM,EAAE,EAAc;IAAEN,KAAK,EAAED,QAAQ,CAACC,KAAK;IAAEG,GAAG,EAAEJ,QAAQ,CAACI;EAAI,CAAC;EACxE,OAAO;IACLG,MAAM,EAAED,KAAK,CAACC,MAAM,GAAG,CAAC,GAAGD,KAAK,CAACC,MAAM,CAAC,GAAGC,IAAI,CAACD,MAAM;IACtDN,KAAK,EAAEK,KAAK,CAACL,KAAK,IAAIO,IAAI,CAACP,KAAK;IAChCG,GAAG,EAAEE,KAAK,CAACF,GAAG,IAAII,IAAI,CAACJ,GAAG;IAC1BO,SAAS,EAAEL,KAAK,CAACK,SAAS,GAAG,CAAC,GAAGL,KAAK,CAACK,SAAS,CAAC,GAAGH,IAAI,CAACG;EAC3D,CAAC;AACH;AAEA,SAASD,eAAeA,CAACD,OAAwB,EAAEF,MAAmB,EAAoB;EACxF,QAAQE,OAAO;IACb,KAAK,QAAQ;MACX,OAAO;QACLF,MAAM,EAAE,CAAC,GAAGA,MAAM,CAACK,QAAQ,CAACC,MAAM,CAAC;QACnC,GAAGb,QAAQ;QACXW,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;MACvB,CAAC;IACH,KAAK,MAAM;MACT,OAAO;QACLJ,MAAM,EAAE,CAACA,MAAM,CAACO,EAAE,CAACC,IAAI,EAAER,MAAM,CAACO,EAAE,CAACE,SAAS,CAAC;QAC7C,GAAGhB;MACL,CAAC;IACH,KAAK,MAAM;MACT;MACA;MACA;MACA,OAAO;QACLO,MAAM,EAAE,CAACR,UAAU,CAACQ,MAAM,CAACU,IAAI,CAACC,OAAO,EAAE,CAAC,CAAC,EAAEnB,UAAU,CAACQ,MAAM,CAACU,IAAI,CAACC,OAAO,EAAE,IAAI,CAAC,CAAC;QACnF,GAAGlB;MACL,CAAC;EACL;AACF","ignoreList":[]}

package/dist/module/internal/spinnerProps.js

@@ -0,0 +1,37 @@
+"use strict";
+
+/**
+ * Pure prop-resolution for `<Spinner/>` — the size + transform mapping, kept out
+ * of the JSX wrapper so it is unit-testable without a React renderer.
+ *
+ * Lifted verbatim from the pilot consumers (espresso-dialin / tea-companion);
+ * the table is byte-identical in both. Pure + theme-free — it carries sizing
+ * only, no colors or fonts.
+ *
+ *   sm — small marks, buttons, badges (RN `'small'`, no scale)
+ *   md — content-area placeholders, list footers (RN `'small'` scaled 1.25×)
+ *   lg — overlays and "verifying…" style screens (RN `'large'`)
+ */
+
+/** What we pass through to RN's `<ActivityIndicator/>`. */
+
+export function resolveSpinnerProps(size = 'md') {
+  switch (size) {
+    case 'sm':
+      return {
+        size: 'small'
+      };
+    case 'md':
+      return {
+        size: 'small',
+        transform: [{
+          scale: 1.25
+        }]
+      };
+    case 'lg':
+      return {
+        size: 'large'
+      };
+  }
+}
+//# sourceMappingURL=spinnerProps.js.map

package/dist/module/internal/spinnerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveSpinnerProps","size","transform","scale"],"sourceRoot":"../../../src","sources":["internal/spinnerProps.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;;AAaA,OAAO,SAASA,mBAAmBA,CAACC,IAAiB,GAAG,IAAI,EAAwB;EAClF,QAAQA,IAAI;IACV,KAAK,IAAI;MACP,OAAO;QAAEA,IAAI,EAAE;MAAQ,CAAC;IAC1B,KAAK,IAAI;MACP,OAAO;QAAEA,IAAI,EAAE,OAAO;QAAEC,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAK,CAAC;MAAE,CAAC;IACxD,KAAK,IAAI;MACP,OAAO;QAAEF,IAAI,EAAE;MAAQ,CAAC;EAC5B;AACF","ignoreList":[]}

package/dist/module/internal/springs.js

@@ -0,0 +1,40 @@
+"use strict";
+
+/**
+ * Centralized motion presets for `react-native-reanimated` — spring configs for
+ * `withSpring` ({@link SPRINGS}) and timing configs for `withTiming`
+ * ({@link TIMINGS}).
+ *
+ *     pressed.value = withSpring(1, SPRINGS.press)
+ *     opacity.value = withTiming(0, TIMINGS.toastExit)
+ *
+ * Lifted verbatim from the pilot consumers (espresso-dialin / tea-companion)
+ * so every component's motion is byte-identical. Pure + theme-free — it carries
+ * motion physics only, no colors or fonts.
+ *
+ * Reanimated spring docs:
+ * https://docs.swmansion.com/react-native-reanimated/docs/animations/withSpring
+ */
+export const SPRINGS = {
+  /** Snappy press-feedback used by tap scale: Button, Card. `{15, 300, 0.8}`. */
+  press: {
+    damping: 15,
+    stiffness: 300,
+    mass: 0.8
+  },
+  /** Gentle enter used by the Toast slide+fade. `{20, 150, 1.0}`. */
+  toastEnter: {
+    damping: 20,
+    stiffness: 150,
+    mass: 1.0
+  }
+};
+
+/** Centralized `withTiming` presets. */
+export const TIMINGS = {
+  /** Toast exit (slide up + fade out). `200 ms`. */
+  toastExit: {
+    duration: 200
+  }
+};
+//# sourceMappingURL=springs.js.map

package/dist/module/internal/springs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SPRINGS","press","damping","stiffness","mass","toastEnter","TIMINGS","toastExit","duration"],"sourceRoot":"../../../src","sources":["internal/springs.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,OAAO,GAAG;EACrB;EACAC,KAAK,EAAE;IAAEC,OAAO,EAAE,EAAE;IAAEC,SAAS,EAAE,GAAG;IAAEC,IAAI,EAAE;EAAI,CAAC;EACjD;EACAC,UAAU,EAAE;IAAEH,OAAO,EAAE,EAAE;IAAEC,SAAS,EAAE,GAAG;IAAEC,IAAI,EAAE;EAAI;AACvD,CAAU;;AAEV;AACA,OAAO,MAAME,OAAO,GAAG;EACrB;EACAC,SAAS,EAAE;IAAEC,QAAQ,EAAE;EAAI;AAC7B,CAAU","ignoreList":[]}

package/dist/module/internal/stickyBottomBarStyle.js

@@ -0,0 +1,47 @@
+"use strict";
+
+/**
+ * Pure resolver that builds the `ViewStyle` for `<StickyBottomBar>` — the
+ * "fixed bottom CTA" pattern's safe-area inset + top border + background.
+ *
+ * Lifted from the pilot consumers (espresso-dialin / tea-companion); this is the
+ * superset form. Pure + theme-free (colours come in as plain string inputs from
+ * the caller's `useColors()`), so it is unit-testable without booting RN.
+ *
+ * The rules:
+ *   - `paddingTop` is always `12` — the bar never hugs the scroll body.
+ *   - `paddingBottom` is `max(insetBottom, 12)` so non-notched devices still get
+ *     breathing room and notched devices respect the home-bar inset.
+ *   - A 1px top border in `borderColor` is painted UNLESS `borderless` is set —
+ *     for bars that already sit under a separator, or float over scroll content
+ *     with `position: absolute` where a hairline would look odd. When borderless,
+ *     the width is zeroed (RN paints a hairline whenever `borderTopWidth > 0`
+ *     even with a `transparent` colour, so we remove the width, not just hide it).
+ *   - Background is the supplied `bgColor` (typically `colors.bg.primary`).
+ *   - Caller `style` is merged LAST so callsites can add row/flex/gap rules or
+ *     override any computed default as an escape hatch.
+ */
+
+const PADDING_TOP = 12;
+const PADDING_BOTTOM_FLOOR = 12;
+export function resolveStickyBottomBarStyle(input) {
+  const base = {
+    paddingTop: PADDING_TOP,
+    paddingBottom: Math.max(input.insetBottom, PADDING_BOTTOM_FLOOR),
+    backgroundColor: input.bgColor
+  };
+  if (input.borderless) {
+    base.borderTopWidth = 0;
+  } else {
+    base.borderTopWidth = 1;
+    base.borderTopColor = input.borderColor;
+  }
+
+  // Spread caller style last — last write wins, so callers can override any
+  // computed default (e.g. flexDirection: 'row', custom paddingTop).
+  return input.style ? {
+    ...base,
+    ...input.style
+  } : base;
+}
+//# sourceMappingURL=stickyBottomBarStyle.js.map

package/dist/module/internal/stickyBottomBarStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PADDING_TOP","PADDING_BOTTOM_FLOOR","resolveStickyBottomBarStyle","input","base","paddingTop","paddingBottom","Math","max","insetBottom","backgroundColor","bgColor","borderless","borderTopWidth","borderTopColor","borderColor","style"],"sourceRoot":"../../../src","sources":["internal/stickyBottomBarStyle.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,MAAMA,WAAW,GAAG,EAAE;AACtB,MAAMC,oBAAoB,GAAG,EAAE;AAE/B,OAAO,SAASC,2BAA2BA,CAACC,KAAuC,EAAa;EAC9F,MAAMC,IAAe,GAAG;IACtBC,UAAU,EAAEL,WAAW;IACvBM,aAAa,EAAEC,IAAI,CAACC,GAAG,CAACL,KAAK,CAACM,WAAW,EAAER,oBAAoB,CAAC;IAChES,eAAe,EAAEP,KAAK,CAACQ;EACzB,CAAC;EAED,IAAIR,KAAK,CAACS,UAAU,EAAE;IACpBR,IAAI,CAACS,cAAc,GAAG,CAAC;EACzB,CAAC,MAAM;IACLT,IAAI,CAACS,cAAc,GAAG,CAAC;IACvBT,IAAI,CAACU,cAAc,GAAGX,KAAK,CAACY,WAAW;EACzC;;EAEA;EACA;EACA,OAAOZ,KAAK,CAACa,KAAK,GAAG;IAAE,GAAGZ,IAAI;IAAE,GAAGD,KAAK,CAACa;EAAM,CAAC,GAAGZ,IAAI;AACzD","ignoreList":[]}

package/dist/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/dist/module/preset.js

@@ -0,0 +1,44 @@
+"use strict";
+
+/**
+ * everkit-ui Tailwind preset — the LAYOUT half of the design system.
+ *
+ * Exposes the `-ds` spacing + radii scale (byte-identical across every consumer
+ * today) so apps can `presets: [require('everkit-ui/preset')]` and use the same
+ * `p-4-ds`, `gap-2-ds`, `rounded-lg-ds` classes the library's components emit.
+ *
+ * Colors and fonts are intentionally NOT here: per the one styling rule they
+ * come inline from the theme (`useColors()` / injected tokens), never from
+ * var-backed Tailwind classes.
+ *
+ * @type {import('tailwindcss').Config}
+ */
+module.exports = {
+  theme: {
+    extend: {
+      borderRadius: {
+        'sm-ds': '10px',
+        'md-ds': '14px',
+        'lg-ds': '16px',
+        'xl-ds': '20px',
+        '2xl-ds': '28px'
+      },
+      spacing: {
+        '0.5-ds': '2px',
+        '1-ds': '4px',
+        '1.5-ds': '6px',
+        '2-ds': '8px',
+        '2.5-ds': '10px',
+        '3-ds': '12px',
+        '3.5-ds': '14px',
+        '4-ds': '16px',
+        '5-ds': '20px',
+        '6-ds': '24px',
+        '8-ds': '32px',
+        '10-ds': '40px',
+        '12-ds': '48px'
+      }
+    }
+  }
+};
+//# sourceMappingURL=preset.js.map

package/dist/module/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["module","exports","theme","extend","borderRadius","spacing"],"sourceRoot":"../../src","sources":["preset.js"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAA,MAAM,CAACC,OAAO,GAAG;EACfC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE;MACZ,CAAC;MACDC,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,OAAO,EAAE;MACX;IACF;EACF;AACF,CAAC","ignoreList":[]}

package/dist/module/theme/ThemeProvider.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Brand-agnostic theme provider. The consuming app composes a full
+ * {@link ThemeTokens} set (colors + typography + shadows) and passes it as
+ * `value`. The library never knows about "light"/"dark" or any palette — an app
+ * does light/dark (or any number of arbitrary themes) by building several
+ * `ThemeTokens` objects and toggling which one is the active `value`. There is
+ * deliberately NO store import here; theme selection lives in the app.
+ */
+
+const ThemeContext = /*#__PURE__*/createContext(null);
+export function ThemeProvider({
+  value,
+  children
+}) {
+  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+function useThemeContext(hook) {
+  const ctx = useContext(ThemeContext);
+  if (!ctx) {
+    throw new Error(`${hook} must be used within <ThemeProvider>`);
+  }
+  return ctx;
+}
+
+/** Full active theme: `{ colors, typography, shadows }`. */
+export function useTheme() {
+  return useThemeContext('useTheme');
+}
+
+/** The active color palette only. */
+export function useColors() {
+  return useThemeContext('useColors').colors;
+}
+
+/** The active typography tokens (per-variant font families + optional mono). */
+export function useTypography() {
+  return useThemeContext('useTypography').typography;
+}
+
+/** The active shadow presets (themed so dark mode can raise elevation opacity). */
+export function useShadows() {
+  return useThemeContext('useShadows').shadows;
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/module/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","jsx","_jsx","ThemeContext","ThemeProvider","value","children","Provider","useThemeContext","hook","ctx","Error","useTheme","useColors","colors","useTypography","typography","useShadows","shadows"],"sourceRoot":"../../../src","sources":["theme/ThemeProvider.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,YAAY,gBAAGJ,aAAa,CAAqB,IAAI,CAAC;AAQ5D,OAAO,SAASK,aAAaA,CAAC;EAAEC,KAAK;EAAEC;AAA6B,CAAC,EAAE;EACrE,oBAAOJ,IAAA,CAACC,YAAY,CAACI,QAAQ;IAACF,KAAK,EAAEA,KAAM;IAAAC,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AAChF;AAEA,SAASE,eAAeA,CAACC,IAAY,EAAe;EAClD,MAAMC,GAAG,GAAGV,UAAU,CAACG,YAAY,CAAC;EACpC,IAAI,CAACO,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,GAAGF,IAAI,sCAAsC,CAAC;EAChE;EACA,OAAOC,GAAG;AACZ;;AAEA;AACA,OAAO,SAASE,QAAQA,CAAA,EAAgB;EACtC,OAAOJ,eAAe,CAAC,UAAU,CAAC;AACpC;;AAEA;AACA,OAAO,SAASK,SAASA,CAAA,EAAgB;EACvC,OAAOL,eAAe,CAAC,WAAW,CAAC,CAACM,MAAM;AAC5C;;AAEA;AACA,OAAO,SAASC,aAAaA,CAAA,EAAoB;EAC/C,OAAOP,eAAe,CAAC,eAAe,CAAC,CAACQ,UAAU;AACpD;;AAEA;AACA,OAAO,SAASC,UAAUA,CAAA,EAAiB;EACzC,OAAOT,eAAe,CAAC,YAAY,CAAC,CAACU,OAAO;AAC9C","ignoreList":[]}

package/dist/module/theme/geometry.js

@@ -0,0 +1,91 @@
+"use strict";
+
+/**
+ * The 14-variant typographic geometry — `fontSize` / `lineHeight` /
+ * `letterSpacing`. This table is **byte-identical** across every consumer today
+ * (espresso-dialin and tea-companion ship the same numbers; only the per-variant
+ * font family differs, and that is injected via `tokens.typography.fontFamily`).
+ *
+ * It is therefore LIBRARY-OWNED: a constant, not part of the theme. The values
+ * are lifted verbatim from each app's `variantClasses` table — e.g.
+ * `'display-lg': 'font-* text-[32px] leading-[38px] tracking-[-0.3px]'` becomes
+ * `{ fontSize: 32, lineHeight: 38, letterSpacing: -0.3 }`.
+ */
+export const VARIANT_GEOMETRY = {
+  // Display
+  'display-lg': {
+    fontSize: 32,
+    lineHeight: 38,
+    letterSpacing: -0.3
+  },
+  'display-md': {
+    fontSize: 26,
+    lineHeight: 32,
+    letterSpacing: -0.2
+  },
+  'display-sm': {
+    fontSize: 22,
+    lineHeight: 28,
+    letterSpacing: 0
+  },
+  // Heading
+  'heading-lg': {
+    fontSize: 19,
+    lineHeight: 24,
+    letterSpacing: 0
+  },
+  'heading-md': {
+    fontSize: 17,
+    lineHeight: 22,
+    letterSpacing: 0
+  },
+  'heading-sm': {
+    fontSize: 15,
+    lineHeight: 20,
+    letterSpacing: 0
+  },
+  // Body
+  'body-lg': {
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.1
+  },
+  'body-md': {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1
+  },
+  'body-sm': {
+    fontSize: 13,
+    lineHeight: 18,
+    letterSpacing: 0.1
+  },
+  // Label
+  'label-lg': {
+    fontSize: 15,
+    lineHeight: 18,
+    letterSpacing: 0.2
+  },
+  'label-md': {
+    fontSize: 13,
+    lineHeight: 16,
+    letterSpacing: 0.3
+  },
+  'label-sm': {
+    fontSize: 11,
+    lineHeight: 14,
+    letterSpacing: 0.5
+  },
+  // Caption
+  caption: {
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.2
+  },
+  'caption-sm': {
+    fontSize: 11,
+    lineHeight: 14,
+    letterSpacing: 0.2
+  }
+};
+//# sourceMappingURL=geometry.js.map

package/dist/module/theme/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VARIANT_GEOMETRY","fontSize","lineHeight","letterSpacing","caption"],"sourceRoot":"../../../src","sources":["theme/geometry.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,gBAGZ,GAAG;EACF;EACA,YAAY,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE,CAAC;EAAI,CAAC;EACnE,YAAY,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE,CAAC;EAAI,CAAC;EACnE,YAAY,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAE,CAAC;EAEhE;EACA,YAAY,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAE,CAAC;EAChE,YAAY,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAE,CAAC;EAChE,YAAY,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAE,CAAC;EAEhE;EACA,SAAS,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAI,CAAC;EAC/D,SAAS,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAI,CAAC;EAC/D,SAAS,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAI,CAAC;EAE/D;EACA,UAAU,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAI,CAAC;EAChE,UAAU,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAI,CAAC;EAChE,UAAU,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAI,CAAC;EAEhE;EACAC,OAAO,EAAE;IAAEH,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAI,CAAC;EAC7D,YAAY,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,aAAa,EAAE;EAAI;AACnE,CAAC","ignoreList":[]}

package/dist/module/theme/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { VARIANT_GEOMETRY } from "./geometry.js";
+export { ThemeProvider, useTheme, useColors, useTypography, useShadows } from "./ThemeProvider.js";
+//# sourceMappingURL=index.js.map

package/dist/module/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VARIANT_GEOMETRY","ThemeProvider","useTheme","useColors","useTypography","useShadows"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;AAOA,SAASA,gBAAgB,QAAQ,eAAY;AAC7C,SACEC,aAAa,EACbC,QAAQ,EACRC,SAAS,EACTC,aAAa,EACbC,UAAU,QAEL,oBAAiB","ignoreList":[]}

package/dist/module/theme/scale.js

@@ -0,0 +1,41 @@
+"use strict";
+
+/**
+ * Library-owned LAYOUT scale — the JS twin of the `-ds` Tailwind preset
+ * (`src/preset.js`).
+ *
+ * everkit applies its own spacing + radii as INLINE styles from these constants
+ * rather than NativeWind `className`s. That is what makes the library
+ * self-contained: it renders correctly with NO Tailwind / NativeWind setup in
+ * the consuming app, and it is immune to the New-Architecture (Fabric)
+ * className-layout collapse. The values are byte-identical to the `-ds` tokens,
+ * so the visual result is unchanged. See ARCHITECTURE.md.
+ *
+ * Keys mirror the Tailwind step names (`SPACE['4']` == `p-4-ds` == 16px).
+ */
+export const SPACE = {
+  '0.5': 2,
+  '1': 4,
+  '1.5': 6,
+  '2': 8,
+  '2.5': 10,
+  '3': 12,
+  '3.5': 14,
+  '4': 16,
+  '5': 20,
+  '6': 24,
+  '7': 28,
+  '8': 32,
+  '10': 40,
+  '12': 48
+};
+export const RADIUS = {
+  sm: 10,
+  md: 14,
+  lg: 16,
+  xl: 20,
+  '2xl': 28,
+  /** Pill / circle. */
+  full: 9999
+};
+//# sourceMappingURL=scale.js.map

package/dist/module/theme/scale.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SPACE","RADIUS","sm","md","lg","xl","full"],"sourceRoot":"../../../src","sources":["theme/scale.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,KAAK,GAAG;EACnB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,EAAE;EACT,GAAG,EAAE,EAAE;EACP,KAAK,EAAE,EAAE;EACT,GAAG,EAAE,EAAE;EACP,GAAG,EAAE,EAAE;EACP,GAAG,EAAE,EAAE;EACP,GAAG,EAAE,EAAE;EACP,GAAG,EAAE,EAAE;EACP,IAAI,EAAE,EAAE;EACR,IAAI,EAAE;AACR,CAAU;AAEV,OAAO,MAAMC,MAAM,GAAG;EACpBC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACN,KAAK,EAAE,EAAE;EACT;EACAC,IAAI,EAAE;AACR,CAAU","ignoreList":[]}

package/dist/module/theme/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["theme/types.ts"],"mappings":"","ignoreList":[]}

package/dist/typescript/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/typescript/commonjs/src/components/ActionSheet.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from 'react';
+export interface ActionSheetAction {
+    /** Leading icon — any node (e.g. a lucide icon), coloured by the caller. */
+    icon?: ReactNode;
+    /** Row label. */
+    label: string;
+    onPress: () => void;
+    /** Dim styling for a secondary row (e.g. Cancel) — uses `text.secondary`. */
+    dim?: boolean;
+}
+export interface ActionSheetProps {
+    visible: boolean;
+    onClose: () => void;
+    /** Optional caption above the actions. */
+    title?: string;
+    /** The action rows, in order. */
+    actions: ActionSheetAction[];
+}
+/**
+ * Theme-agnostic action sheet — an optional caption over a list of tappable rows
+ * (icon + label), on top of the library's {@link BottomActionSheet}. Domain-free:
+ * the caller supplies the actions (labels, icons, handlers), so the same sheet
+ * backs a photo-source chooser, a long-press menu, a moderation list, etc.
+ *
+ * Colour comes INLINE from {@link useColors} (`text.primary` / `text.secondary`
+ * labels, `text.tertiary` caption); spacing from the {@link SPACE} scale.
+ */
+export declare function ActionSheet({ visible, onClose, title, actions }: ActionSheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionSheet.d.ts.map

package/dist/typescript/commonjs/src/components/ActionSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,6EAA6E;IAC7E,GAAG,CAAC,EAAE,OAAO,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,OAAO,EAAE,iBAAiB,EAAE,CAAA;CAC7B;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAwCjF"}

package/dist/typescript/commonjs/src/components/AnimatedEllipsis.d.ts

@@ -0,0 +1,22 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface AnimatedEllipsisProps {
+    /** Dot colour. Defaults to `colors.text.tertiary`. */
+    color?: string;
+    /** Screen-reader label for the busy state. Defaults to `'Loading'`. */
+    accessibilityLabel?: string;
+    /** Optional inline style override, merged last so callers can retune the row. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic "typing / reading" indicator — three dots bouncing in a
+ * staggered wave. Honors the system Reduce-Motion setting (renders three static
+ * dots) via reanimated's {@link useReducedMotion}.
+ *
+ * Color comes INLINE from {@link useColors}: the dots default to `text.tertiary`
+ * (pass `color` to override — e.g. `text.inverse` on a brand surface). Layout is
+ * applied INLINE from the library-owned {@link SPACE} scale, so the indicator
+ * renders with no NativeWind setup in the consumer; `style` is an inline
+ * override merged last.
+ */
+export declare function AnimatedEllipsis({ color, accessibilityLabel, style, }: AnimatedEllipsisProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnimatedEllipsis.d.ts.map

package/dist/typescript/commonjs/src/components/AnimatedEllipsis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedEllipsis.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnimatedEllipsis.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAcnE,MAAM,WAAW,qBAAqB;IACpC,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iFAAiF;IACjF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAkCD;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAA8B,EAC9B,KAAK,GACN,EAAE,qBAAqB,2CAgBvB"}

package/dist/typescript/commonjs/src/components/AnimatedPressable.d.ts

@@ -0,0 +1,34 @@
+import type React from 'react';
+import { type PressableProps } from 'react-native';
+export interface AnimatedPressableProps extends PressableProps {
+    /** Scale factor when pressed. Defaults to `0.97`. */
+    pressScale?: number;
+    /**
+     * Fire a light haptic on press-in. Defaults to `false`. Uses the OPTIONAL
+     * `expo-haptics` peer directly (a silent no-op when it isn't installed or on a
+     * platform without haptics). For full control supply {@link onHapticTrigger}
+     * instead — it fires on press-in regardless of this flag, so an app can route
+     * the feedback through its own haptics vocabulary.
+     */
+    haptic?: boolean;
+    /**
+     * Called on press-in. Use this to drive an app-owned haptics hook without the
+     * library importing it — keeps `AnimatedPressable` decoupled from any app
+     * `useHaptics`. Fires alongside (and independently of) the `haptic` flag.
+     */
+    onHapticTrigger?: () => void;
+    children: React.ReactNode;
+}
+/**
+ * Theme-agnostic pressable with a spring press-scale — the low-level primitive
+ * behind tap-feedback surfaces. Carries NO colour of its own; it only animates
+ * the scale on the lifted {@link SPRINGS} `press` preset and forwards every
+ * `Pressable` prop.
+ *
+ * Haptics are OPTIONAL and decoupled from any app hook: `haptic` fires a light
+ * impact through the optional `expo-haptics` peer (no-op if absent), and
+ * `onHapticTrigger` lets an app supply its own feedback callback. The pilot
+ * consumer coupled this to an app `useHaptics` hook; that import is removed here.
+ */
+export declare function AnimatedPressable({ pressScale, haptic, onHapticTrigger, children, style, onPressIn, onPressOut, disabled, ...rest }: AnimatedPressableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnimatedPressable.d.ts.map

package/dist/typescript/commonjs/src/components/AnimatedPressable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedPressable.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnimatedPressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAO7D,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAiB,EACjB,MAAc,EACd,eAAe,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,sBAAsB,2CAgCxB"}

package/dist/typescript/commonjs/src/components/AppErrorBoundary.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export interface AppErrorBoundaryProps {
+    children: React.ReactNode;
+    /** Title shown on the crash screen. Defaults to `'Something went wrong'`. */
+    title?: string;
+    /** Body copy under the title. Has a sensible default. */
+    message?: string;
+    /** Label for the retry button. Defaults to `'Try Again'`. */
+    retryLabel?: string;
+    /**
+     * Called when a render error is caught. Use this to forward the crash to an
+     * app's logging / analytics pipeline — the library imports none, so it stays
+     * decoupled. Receives the error and React's component-stack info.
+     */
+    onError?: (error: Error, info: React.ErrorInfo) => void;
+}
+interface State {
+    hasError: boolean;
+}
+/**
+ * Theme-agnostic top-level (app-root) error boundary — a full-screen variant of
+ * {@link ErrorBoundary} that fills the whole viewport with the theme background
+ * (use it to wrap the app's root so an uncaught render crash shows a branded
+ * screen instead of a redbox). For a localized in-content boundary use
+ * {@link ErrorBoundary}.
+ *
+ * Two decouplings from the pilot consumer: logging goes through an `onError`
+ * callback rather than a hardwired analytics `captureError` import, and the
+ * theme is read through the provider via {@link useColors} (in a function-child
+ * fallback so the class can use the hook) rather than React Native's
+ * `Appearance` — so the fallback follows the active injected theme, not the OS
+ * scheme. Every colour comes INLINE from the theme.
+ */
+export declare class AppErrorBoundary extends React.Component<AppErrorBoundaryProps, State> {
+    state: State;
+    static getDerivedStateFromError(): State;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    handleRetry: () => void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=AppErrorBoundary.d.ts.map

package/dist/typescript/commonjs/src/components/AppErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;CACxD;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,KAAK,CAAC;IACjF,KAAK,EAAE,KAAK,CAAsB;IAElC,MAAM,CAAC,wBAAwB,IAAI,KAAK;IAIxC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS;IAIrD,WAAW,aAEV;IAED,MAAM;CAaP"}