everkit-ui 0.1.0

package/dist/commonjs/internal/resolveGradient.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveGradient = resolveGradient;
+var _overlay = require("./overlay.js");
+/**
+ * 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.
+ */
+
+/** 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.
+ */
+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: [(0, _overlay.scrimColor)(colors.text.primary, 0), (0, _overlay.scrimColor)(colors.text.primary, 0.55)],
+        ...VERTICAL
+      };
+  }
+}
+//# sourceMappingURL=resolveGradient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_overlay","require","VERTICAL","start","x","y","end","resolveGradient","input","colors","base","variant","variantDefaults","locations","gradient","screen","bg","card","secondary","scrimColor","text","primary"],"sourceRoot":"../../../src","sources":["internal/resolveGradient.ts"],"mappings":";;;;;;AAuBA,IAAAA,QAAA,GAAAC,OAAA;AAvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoCA;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;AACO,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,CAAC,IAAAU,mBAAU,EAACV,MAAM,CAACW,IAAI,CAACC,OAAO,EAAE,CAAC,CAAC,EAAE,IAAAF,mBAAU,EAACV,MAAM,CAACW,IAAI,CAACC,OAAO,EAAE,IAAI,CAAC,CAAC;QACnF,GAAGnB;MACL,CAAC;EACL;AACF","ignoreList":[]}

package/dist/commonjs/internal/spinnerProps.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveSpinnerProps = resolveSpinnerProps;
+/**
+ * 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/>`. */
+
+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/commonjs/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;;AAaO,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/commonjs/internal/springs.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TIMINGS = exports.SPRINGS = void 0;
+/**
+ * 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
+ */
+const SPRINGS = exports.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. */
+const TIMINGS = exports.TIMINGS = {
+  /** Toast exit (slide up + fade out). `200 ms`. */
+  toastExit: {
+    duration: 200
+  }
+};
+//# sourceMappingURL=springs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SPRINGS","exports","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;AACO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG;EACrB;EACAE,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;AACO,MAAME,OAAO,GAAAN,OAAA,CAAAM,OAAA,GAAG;EACrB;EACAC,SAAS,EAAE;IAAEC,QAAQ,EAAE;EAAI;AAC7B,CAAU","ignoreList":[]}

package/dist/commonjs/internal/stickyBottomBarStyle.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveStickyBottomBarStyle = resolveStickyBottomBarStyle;
+/**
+ * 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;
+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/commonjs/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;AAExB,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/commonjs/package.json

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

package/dist/commonjs/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/commonjs/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/commonjs/theme/ThemeProvider.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThemeProvider = ThemeProvider;
+exports.useColors = useColors;
+exports.useShadows = useShadows;
+exports.useTheme = useTheme;
+exports.useTypography = useTypography;
+var _react = require("react");
+var _jsxRuntime = require("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__*/(0, _react.createContext)(null);
+function ThemeProvider({
+  value,
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+function useThemeContext(hook) {
+  const ctx = (0, _react.useContext)(ThemeContext);
+  if (!ctx) {
+    throw new Error(`${hook} must be used within <ThemeProvider>`);
+  }
+  return ctx;
+}
+
+/** Full active theme: `{ colors, typography, shadows }`. */
+function useTheme() {
+  return useThemeContext('useTheme');
+}
+
+/** The active color palette only. */
+function useColors() {
+  return useThemeContext('useColors').colors;
+}
+
+/** The active typography tokens (per-variant font families + optional mono). */
+function useTypography() {
+  return useThemeContext('useTypography').typography;
+}
+
+/** The active shadow presets (themed so dark mode can raise elevation opacity). */
+function useShadows() {
+  return useThemeContext('useShadows').shadows;
+}
+//# sourceMappingURL=ThemeProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_jsxRuntime","ThemeContext","createContext","ThemeProvider","value","children","jsx","Provider","useThemeContext","hook","ctx","useContext","Error","useTheme","useColors","colors","useTypography","typography","useShadows","shadows"],"sourceRoot":"../../../src","sources":["theme/ThemeProvider.tsx"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAiE,IAAAC,WAAA,GAAAD,OAAA;AAGjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAME,YAAY,gBAAG,IAAAC,oBAAa,EAAqB,IAAI,CAAC;AAQrD,SAASC,aAAaA,CAAC;EAAEC,KAAK;EAAEC;AAA6B,CAAC,EAAE;EACrE,oBAAO,IAAAL,WAAA,CAAAM,GAAA,EAACL,YAAY,CAACM,QAAQ;IAACH,KAAK,EAAEA,KAAM;IAAAC,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AAChF;AAEA,SAASG,eAAeA,CAACC,IAAY,EAAe;EAClD,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACV,YAAY,CAAC;EACpC,IAAI,CAACS,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,GAAGH,IAAI,sCAAsC,CAAC;EAChE;EACA,OAAOC,GAAG;AACZ;;AAEA;AACO,SAASG,QAAQA,CAAA,EAAgB;EACtC,OAAOL,eAAe,CAAC,UAAU,CAAC;AACpC;;AAEA;AACO,SAASM,SAASA,CAAA,EAAgB;EACvC,OAAON,eAAe,CAAC,WAAW,CAAC,CAACO,MAAM;AAC5C;;AAEA;AACO,SAASC,aAAaA,CAAA,EAAoB;EAC/C,OAAOR,eAAe,CAAC,eAAe,CAAC,CAACS,UAAU;AACpD;;AAEA;AACO,SAASC,UAAUA,CAAA,EAAiB;EACzC,OAAOV,eAAe,CAAC,YAAY,CAAC,CAACW,OAAO;AAC9C","ignoreList":[]}

package/dist/commonjs/theme/geometry.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VARIANT_GEOMETRY = void 0;
+/**
+ * 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 }`.
+ */
+const VARIANT_GEOMETRY = exports.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/commonjs/theme/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VARIANT_GEOMETRY","exports","fontSize","lineHeight","letterSpacing","caption"],"sourceRoot":"../../../src","sources":["theme/geometry.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,gBAGZ,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACF;EACA,YAAY,EAAE;IAAEE,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/commonjs/theme/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.ThemeProvider;
+  }
+});
+Object.defineProperty(exports, "VARIANT_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _geometry.VARIANT_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "useColors", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useColors;
+  }
+});
+Object.defineProperty(exports, "useShadows", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useShadows;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useTheme;
+  }
+});
+Object.defineProperty(exports, "useTypography", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useTypography;
+  }
+});
+var _geometry = require("./geometry.js");
+var _ThemeProvider = require("./ThemeProvider.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_geometry","require","_ThemeProvider"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/commonjs/theme/scale.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SPACE = exports.RADIUS = void 0;
+/**
+ * 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).
+ */
+const SPACE = exports.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
+};
+const RADIUS = exports.RADIUS = {
+  sm: 10,
+  md: 14,
+  lg: 16,
+  xl: 20,
+  '2xl': 28,
+  /** Pill / circle. */
+  full: 9999
+};
+//# sourceMappingURL=scale.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SPACE","exports","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;AACO,MAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,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;AAEH,MAAME,MAAM,GAAAD,OAAA,CAAAC,MAAA,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/commonjs/theme/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

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

package/dist/module/components/ActionSheet.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { Pressable, View } from 'react-native';
+import { Text } from "./Text.js";
+import { BottomActionSheet } from "./BottomActionSheet.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 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 function ActionSheet({
+  visible,
+  onClose,
+  title,
+  actions
+}) {
+  const colors = useColors();
+  return /*#__PURE__*/_jsxs(BottomActionSheet, {
+    visible: visible,
+    onClose: onClose,
+    children: [title ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption",
+      style: {
+        textAlign: 'center',
+        marginBottom: SPACE['1.5'],
+        color: colors.text.tertiary
+      },
+      children: title
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: {
+        paddingHorizontal: SPACE['2']
+      },
+      children: actions.map((action, index) => /*#__PURE__*/_jsxs(Pressable, {
+        onPress: action.onPress,
+        accessibilityRole: "button",
+        accessibilityLabel: action.label,
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: SPACE['3.5'],
+          paddingVertical: SPACE['3.5'],
+          paddingHorizontal: SPACE['3.5'],
+          borderRadius: 12
+        },
+        children: [action.icon, /*#__PURE__*/_jsx(Text, {
+          variant: "body-md",
+          style: {
+            color: action.dim ? colors.text.secondary : colors.text.primary
+          },
+          children: action.label
+        })]
+      }, index))
+    })]
+  });
+}
+//# sourceMappingURL=ActionSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","Text","BottomActionSheet","useColors","SPACE","jsx","_jsx","jsxs","_jsxs","ActionSheet","visible","onClose","title","actions","colors","children","variant","style","textAlign","marginBottom","color","text","tertiary","paddingHorizontal","map","action","index","onPress","accessibilityRole","accessibilityLabel","label","flexDirection","alignItems","gap","paddingVertical","borderRadius","icon","dim","secondary","primary"],"sourceRoot":"../../../src","sources":["components/ActionSheet.tsx"],"mappings":";;AACA,SAASA,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,SAAS,QAAQ,2BAAwB;AAClD,SAASC,KAAK,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAqBtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAC;EAAEC,OAAO;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAA0B,CAAC,EAAE;EAClF,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1B,oBACEK,KAAA,CAACN,iBAAiB;IAACQ,OAAO,EAAEA,OAAQ;IAACC,OAAO,EAAEA,OAAQ;IAAAI,QAAA,GACnDH,KAAK,gBACJN,IAAA,CAACL,IAAI;MACHe,OAAO,EAAC,SAAS;MACjBC,KAAK,EAAE;QAAEC,SAAS,EAAE,QAAQ;QAAEC,YAAY,EAAEf,KAAK,CAAC,KAAK,CAAC;QAAEgB,KAAK,EAAEN,MAAM,CAACO,IAAI,CAACC;MAAS,CAAE;MAAAP,QAAA,EAEvFH;IAAK,CACF,CAAC,GACL,IAAI,eACRN,IAAA,CAACN,IAAI;MAACiB,KAAK,EAAE;QAAEM,iBAAiB,EAAEnB,KAAK,CAAC,GAAG;MAAE,CAAE;MAAAW,QAAA,EAC5CF,OAAO,CAACW,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,kBACzBlB,KAAA,CAACT,SAAS;QAER4B,OAAO,EAAEF,MAAM,CAACE,OAAQ;QACxBC,iBAAiB,EAAC,QAAQ;QAC1BC,kBAAkB,EAAEJ,MAAM,CAACK,KAAM;QACjCb,KAAK,EAAE;UACLc,aAAa,EAAE,KAAK;UACpBC,UAAU,EAAE,QAAQ;UACpBC,GAAG,EAAE7B,KAAK,CAAC,KAAK,CAAC;UACjB8B,eAAe,EAAE9B,KAAK,CAAC,KAAK,CAAC;UAC7BmB,iBAAiB,EAAEnB,KAAK,CAAC,KAAK,CAAC;UAC/B+B,YAAY,EAAE;QAChB,CAAE;QAAApB,QAAA,GAEDU,MAAM,CAACW,IAAI,eACZ9B,IAAA,CAACL,IAAI;UACHe,OAAO,EAAC,SAAS;UACjBC,KAAK,EAAE;YAAEG,KAAK,EAAEK,MAAM,CAACY,GAAG,GAAGvB,MAAM,CAACO,IAAI,CAACiB,SAAS,GAAGxB,MAAM,CAACO,IAAI,CAACkB;UAAQ,CAAE;UAAAxB,QAAA,EAE1EU,MAAM,CAACK;QAAK,CACT,CAAC;MAAA,GAnBFJ,KAoBI,CACZ;IAAC,CACE,CAAC;EAAA,CACU,CAAC;AAExB","ignoreList":[]}