@vvedantb/native-ui 0.17.2 → 0.18.0

package/dist/controlStyles.js

@@ -0,0 +1,520 @@
+/**
+ * Colours for `Button`, `Input`, `Textarea`, the `Select` trigger, `Switch`,
+ * `Checkbox`, `Tabs`, `Card` and component text, taken from `palette` and
+ * `tokens` instead of NativeWind theme keys (`bg-primary`, `bg-input`,
+ * `text-foreground`) that apps do not define, or define without a dark value.
+ * Also text weights and sizes as styles, the page title type, the
+ * `SearchInput` metrics, the compact window test for dialogs and the
+ * touch-target maths. No React Native import, so the tests can load this file.
+ */
+import { palette, withAlpha } from "./palette";
+import { tokens } from "./tokens";
+
+/**
+ * `primary` and `default` are the same (`default` is the web name). `outline`
+ * is the web bordered neutral button. `tinted` is the pink tint that `outline`
+ * drew before 0.3.0.
+ */
+
+/**
+ * Fill, border and label colour per variant, from the web classes
+ * (`bg-primary text-primary-foreground`, `bg-default text-default-foreground`
+ * and so on). `null` for `tinted`, which keeps its pink NativeWind classes.
+ */
+export function buttonColors(variant, scheme) {
+  const none = "transparent";
+  switch (variant) {
+    case "secondary":
+      return {
+        backgroundColor: palette.default[scheme],
+        borderColor: none,
+        color: palette.defaultForeground[scheme]
+      };
+    case "outline":
+      return {
+        backgroundColor: none,
+        borderColor: tokens.color.border[scheme],
+        color: tokens.color.foreground[scheme]
+      };
+    case "destructive":
+      return {
+        backgroundColor: palette.destructive,
+        borderColor: none,
+        color: tokens.color.white
+      };
+    case "ghost":
+      return {
+        backgroundColor: none,
+        borderColor: none,
+        color: tokens.color.muted[scheme]
+      };
+    case "link":
+      return {
+        backgroundColor: none,
+        borderColor: none,
+        color: palette.primary[scheme]
+      };
+    case "tinted":
+      return null;
+    default:
+      return {
+        backgroundColor: palette.primary[scheme],
+        borderColor: none,
+        color: palette.primaryForeground[scheme]
+      };
+  }
+}
+
+/**
+ * The web field look (`rounded-field border border-border bg-field-background`),
+ * radius 10 as on the web. A flat object: on web the `Select` trigger is a
+ * Radix slot, which spreads `style` and so drops arrays.
+ */
+export function fieldStyle(scheme) {
+  return {
+    backgroundColor: tokens.color.surface[scheme],
+    borderColor: tokens.color.border[scheme],
+    borderRadius: tokens.radius.field
+  };
+}
+
+/** Text on `fieldStyle`. From the same scheme as the fill, so the two cannot disagree. */
+export function fieldTextStyle(scheme) {
+  return textStyle("foreground", scheme);
+}
+
+/**
+ * `foreground` and `muted` are the web `text-foreground` and
+ * `text-muted-foreground`; `overlayMuted` is the web `DialogDescription`.
+ */
+
+/**
+ * Text colour as a style. Where an app defines the NativeWind `foreground` key
+ * with a nested `dark` shade, `text-foreground` keeps the light value in dark
+ * mode, so class-coloured text was near-black on dark surfaces.
+ */
+export function textStyle(tone, scheme) {
+  return {
+    color: tone === "overlayMuted" ? palette.overlayMuted[scheme] : tokens.color[tone][scheme]
+  };
+}
+
+/** The web `font-medium` and `font-semibold`. */
+
+const FONT_WEIGHT = {
+  medium: "500",
+  semibold: "600"
+};
+
+/**
+ * Font weight as a style, set beside the `font-instrument-sans-*` class with
+ * the same weight. Expo web and many apps map every one of those classes to
+ * the one `Instrument Sans` family with no weight, so the class alone draws
+ * Regular. There is no `bold`: the web titles are semibold, and on Android 700
+ * can add a synthetic bold to a face that is already bold.
+ */
+export function typeStyle(weight) {
+  return {
+    fontWeight: FONT_WEIGHT[weight]
+  };
+}
+
+/** Tailwind `text-*` sizes with their default line heights, in points. */
+const TEXT_SIZE = {
+  "text-xs": {
+    fontSize: 12,
+    lineHeight: 16
+  },
+  "text-sm": {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  "text-base": {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  "text-lg": {
+    fontSize: 18,
+    lineHeight: 28
+  },
+  "text-xl": {
+    fontSize: 20,
+    lineHeight: 28
+  },
+  "text-2xl": {
+    fontSize: 24,
+    lineHeight: 32
+  }
+};
+/** Tailwind `leading-tight`, `leading-snug` and `leading-relaxed`, as multiples of the size. */
+const LEADING = {
+  tight: 1.25,
+  snug: 1.375,
+  relaxed: 1.625
+};
+/**
+ * Font size and line height of a `text-*` class as a style, set beside the
+ * class. On Expo web at 390 wide (0.3.6 gallery), `Button` labels with
+ * `text-sm` measured 16, so the class alone does not always reach the text.
+ * `"tight"`, `"snug"` and `"relaxed"` are the Tailwind `leading-tight` (1.25 ×
+ * the size), `leading-snug` (1.375 ×) and `leading-relaxed` (1.625 ×, the web
+ * `.markdown` body and the settings descriptions).
+ */
+export function sizeStyle(size, leading) {
+  const {
+    fontSize,
+    lineHeight
+  } = TEXT_SIZE[size];
+  return {
+    fontSize,
+    lineHeight: leading ? fontSize * LEADING[leading] : lineHeight
+  };
+}
+
+/** Tailwind `tracking-tight` and `tracking-wide`, in em. */
+const TRACKING = {
+  tight: -0.025,
+  wide: 0.025
+};
+
+/**
+ * Letter spacing of a `tracking-*` class at `fontSize`, as a style in points.
+ * React Native has no `em`: `tracking-tight` (-0.025em) at 20 is -0.5.
+ */
+export function trackingStyle(fontSize, tracking) {
+  return {
+    letterSpacing: fontSize * TRACKING[tracking]
+  };
+}
+
+/**
+ * The web page title, `text-xl font-semibold leading-tight tracking-tight` on
+ * the `Breadcrumb` nav (`breadcrumb.tsx`), with the Instrument Sans semibold
+ * face for `font-semibold`. `PageTitle` sets `pageTitleStyle()` beside it.
+ */
+export const PAGE_TITLE_CLASS = "font-instrument-sans-semibold text-xl leading-tight tracking-tight";
+
+/**
+ * `PAGE_TITLE_CLASS` as a style: Instrument Sans 600 at 20 / 25 with -0.5
+ * letter spacing. On Android and Expo web the face class alone can draw
+ * Regular (see `typeStyle`).
+ */
+export function pageTitleStyle() {
+  const size = sizeStyle("text-xl", "tight");
+  return {
+    ...size,
+    ...typeStyle("semibold"),
+    ...trackingStyle(size.fontSize, "tight")
+  };
+}
+
+/**
+ * Height of the `PageHeader` row below the top inset, in points. A minimum,
+ * so the title sits at the same height with or without an action, and still
+ * grows with the system font size. Native only: the web title has no row.
+ */
+export const PAGE_HEADER_HEIGHT = 56;
+
+/**
+ * The web `COMPACT_OVERLAY_QUERY`, `(max-width: 639px), (max-height: 500px)`:
+ * phones, and short landscape windows such as 844 × 390.
+ */
+export const COMPACT_OVERLAY = {
+  maxWidth: 639,
+  maxHeight: 500
+};
+
+/** Whether a window of `width` × `height` points is compact: `DialogContent` is a bottom sheet there. */
+export function isCompactOverlay(width, height) {
+  return width <= COMPACT_OVERLAY.maxWidth || height <= COMPACT_OVERLAY.maxHeight;
+}
+
+/**
+ * The web `Card` root (`rounded-lg bg-surface-card`): a flat fill at radius 16,
+ * with no border and no shadow. Also `SettingsSection`. A flat object, like
+ * `fieldStyle`.
+ */
+export function cardStyle(scheme) {
+  return {
+    backgroundColor: tokens.color.surfaceCard[scheme],
+    borderRadius: tokens.radius.lg
+  };
+}
+
+/** The smallest touch target on a phone, in points (Apple's 44; Material asks 48). */
+export const MIN_TOUCH_TARGET = 44;
+
+/**
+ * `hitSlop` that makes a control painted `width` × `height` points reach
+ * `MIN_TOUCH_TARGET` on each axis, so it can keep the web size on screen. An
+ * axis that is already large enough gets 0.
+ */
+export function touchSlop(width, height = width) {
+  const pad = size => Math.max(0, Math.ceil((MIN_TOUCH_TARGET - size) / 2));
+  const x = pad(width);
+  const y = pad(height);
+  return {
+    top: y,
+    bottom: y,
+    left: x,
+    right: x
+  };
+}
+/**
+ * Field, icon and clear-button metrics for `SearchInput`, in points. Without
+ * larger text these are the web sizes (`search-input.tsx`, `clear-input.tsx`):
+ * `sm` is `h-8 pl-8 text-sm` with the icon at `left-2`, `md` is `h-10 pl-9`
+ * (the phone `text-base`) with the icon at `left-3`. Both have a 16 search
+ * icon, the field `px-3.5` at the end, and the `h-6 w-6` clear button at
+ * `right-2` with a 14 cross, for which a filled field reserves `pr-9`.
+ * `height` locks the field at the web height, border included (the web
+ * `h-8` and `h-10` are border-box), so the line height of the `text-*` class
+ * cannot grow it. `SearchInput` scales it with the system font size
+ * (`scaledFieldHeight`), so a large Dynamic Type size still grows the field.
+ * The padding leaves room for the line inside the lock: `sm` pads 4 above and
+ * below and `md` 7, not the web 8, because a native field adds its padding to
+ * the line height (8 drew `md` 42 high on Expo web). With larger text both
+ * sizes are the larger `Input` (64 high, `text-xl`), with a minimum height
+ * and no lock.
+ */
+export function searchInputSize(size, largerText) {
+  if (largerText) {
+    return {
+      minHeight: 64,
+      height: undefined,
+      paddingY: 16,
+      paddingLeft: 48,
+      paddingRight: 16,
+      filledPaddingRight: 48,
+      text: "text-xl",
+      icon: 24,
+      iconLeft: 16,
+      clear: 32,
+      clearIcon: 20,
+      clearRight: 12
+    };
+  }
+  const shared = {
+    paddingRight: 14,
+    filledPaddingRight: 36,
+    icon: 16,
+    clear: 24,
+    clearIcon: 14,
+    clearRight: 8
+  };
+  return size === "md" ? {
+    ...shared,
+    minHeight: 40,
+    height: 40,
+    paddingY: 7,
+    paddingLeft: 36,
+    text: "text-base",
+    iconLeft: 12
+  } : {
+    ...shared,
+    minHeight: 32,
+    height: 32,
+    paddingY: 4,
+    paddingLeft: 32,
+    text: "text-sm",
+    iconLeft: 8
+  };
+}
+
+/**
+ * A locked field height at the system font scale (`useWindowDimensions().fontScale`):
+ * `height` up to a scale of 1, and `height` × the scale above it, as a web
+ * `rem` height grows with the browser text size. `undefined` (no lock) stays
+ * `undefined`.
+ */
+export function scaledFieldHeight(height, fontScale) {
+  return height === undefined ? undefined : height * Math.max(1, fontScale);
+}
+/**
+ * Fill and label colour of one tab, from the web tab variables
+ * (`tabs-pills.css`). Unselected: no fill, `--muted` label. Selected: a
+ * `--default` pill or a `--segment` segment with the `--segment-foreground`
+ * label (the neutral primary, not the accent). `soft` is the web soft trigger
+ * (`bg-surface-secondary text-foreground`). Fill and label come from one
+ * scheme, so a selected label cannot match its fill.
+ */
+export function tabColors(variant, selected, scheme) {
+  if (!selected) return {
+    backgroundColor: "transparent",
+    color: tokens.color.muted[scheme]
+  };
+  switch (variant) {
+    case "segmented":
+      return {
+        backgroundColor: palette.segment[scheme],
+        color: palette.segmentForeground[scheme]
+      };
+    case "soft":
+      return {
+        backgroundColor: tokens.color.surfaceSecondary[scheme],
+        color: tokens.color.foreground[scheme]
+      };
+    default:
+      return {
+        backgroundColor: palette.default[scheme],
+        color: palette.segmentForeground[scheme]
+      };
+  }
+}
+/**
+ * Trigger box and type for `TabsTrigger` and `PillTabs`. Phone-tuned from the
+ * web look: `pills` and `segmented` are the web `.t-tab` (`py-1`, `text-sm`)
+ * grown to 36 high with `px-3.5`, so the 4 slop above and below makes 44;
+ * `sm` is the web `sm` list (`px-2.5 py-1 text-xs`) with the label kept at 14
+ * (`text-sm`, `px-3`) and also 36 high; `soft` is the web soft trigger
+ * (`px-4 py-2 text-sm`). With larger text they are the 0.3.4 sizes.
+ * `minHeight` is a minimum, so a large Dynamic Type size grows the trigger
+ * instead of clipping its label. `letterSpacing` is the web type-scale
+ * tracking of the label (`tokens/src/css/type-scale.css`): `text-sm` is 0em.
+ */
+export function tabTriggerSize(variant, size, largerText) {
+  if (largerText) {
+    return size === "sm" ? {
+      minHeight: 48,
+      className: "px-4 py-2",
+      textClassName: "text-lg",
+      letterSpacing: 0
+    } : {
+      minHeight: 56,
+      className: "px-4 py-3",
+      textClassName: "text-xl",
+      letterSpacing: 0
+    };
+  }
+  if (size === "sm") return {
+    minHeight: 36,
+    className: "px-3 py-1",
+    textClassName: "text-sm",
+    letterSpacing: 0
+  };
+  return variant === "soft" ? {
+    minHeight: 36,
+    className: "px-4 py-2",
+    textClassName: "text-sm",
+    letterSpacing: 0
+  } : {
+    minHeight: 36,
+    className: "px-3.5 py-1",
+    textClassName: "text-sm",
+    letterSpacing: 0
+  };
+}
+
+/** The segmented track, web `--tabs-bar-bg` (`--default`). */
+export function tabTrackStyle(scheme) {
+  return {
+    backgroundColor: palette.default[scheme]
+  };
+}
+
+/**
+ * Fill and label of the `FloatingTabBar` active pill. On the web the raised
+ * `--segment` pill sits on a muted `--default` track. The floating bar is
+ * already the raised surface (`tokens.color.fill`, near-white in light), so in
+ * light the pill takes the muted track fill (`--default`), as a white
+ * `--segment` pill would not show on it. In dark it keeps the kit `--segment`,
+ * lighter than the dark glass. Both are `palette.tabBarPill`. The label is the
+ * segmented `--tabs-text-active`, as `tabColors("segmented", true, scheme)`.
+ */
+export function floatingTabPillColors(scheme) {
+  return {
+    backgroundColor: palette.tabBarPill[scheme],
+    color: tabColors("segmented", true, scheme).color
+  };
+}
+
+/**
+ * Box and check colours, from the web `Checkbox` classes: `bg-field-background
+ * border-border`, and `bg-primary border-primary text-primary-foreground` when
+ * checked (also when indeterminate).
+ */
+export function checkboxColors(checked, scheme) {
+  return checked ? {
+    backgroundColor: palette.primary[scheme],
+    borderColor: palette.primary[scheme],
+    color: palette.primaryForeground[scheme]
+  } : {
+    backgroundColor: tokens.color.surface[scheme],
+    borderColor: tokens.color.border[scheme],
+    color: palette.primaryForeground[scheme]
+  };
+}
+/**
+ * Track and thumb size classes, the thumb offset off and on, and the track
+ * size in points for the hit slop. `justify-center` on the track centres the
+ * thumb. Without larger text:
+ * - `sm` is the web `Switch`: a `h-5 w-9` track (20 × 36, with a 1 border)
+ *   and a `size-4` thumb that moves `translate-x-4`.
+ * - `md` is the larger app switch some web apps set through `UiConfig.Switch`:
+ *   a `h-6 w-10` track (24 × 40, with a 1 border) and a `size-5` thumb that
+ *   sits at `translate-x-0.5` and moves to `translate-x-[18px]`.
+ * With larger text both are the 0.3.4 size.
+ */
+export function switchSize(largerText, size = "sm") {
+  if (largerText) {
+    return {
+      track: "h-8 w-14",
+      thumb: "h-7 w-7",
+      off: "translate-x-0",
+      on: "translate-x-6",
+      width: 56,
+      height: 32
+    };
+  }
+  return size === "md" ? {
+    track: "h-6 w-10",
+    thumb: "h-5 w-5",
+    off: "translate-x-0.5",
+    on: "translate-x-[18px]",
+    width: 40,
+    height: 24
+  } : {
+    track: "h-5 w-9",
+    thumb: "h-4 w-4",
+    off: "translate-x-0",
+    on: "translate-x-4",
+    width: 36,
+    height: 20
+  };
+}
+
+/**
+ * Track and thumb colours, from the web `Switch` classes. The light off thumb
+ * is white (web `bg-background`) so it shows on the grey track. Flat objects,
+ * for the same reason as `fieldStyle`.
+ */
+export function switchColors(checked, scheme) {
+  if (checked) {
+    return {
+      track: {
+        backgroundColor: palette.primary[scheme],
+        borderColor: palette.primary[scheme]
+      },
+      thumb: {
+        backgroundColor: palette.primaryForeground[scheme]
+      }
+    };
+  }
+  return scheme === "dark" ? {
+    track: {
+      backgroundColor: withAlpha(tokens.color.muted.dark, 0.4),
+      borderColor: withAlpha(tokens.color.muted.dark, 0.6)
+    },
+    thumb: {
+      backgroundColor: tokens.color.foreground.dark
+    }
+  } : {
+    track: {
+      backgroundColor: palette.default.light,
+      borderColor: tokens.color.border.light
+    },
+    thumb: {
+      backgroundColor: tokens.color.surface.light
+    }
+  };
+}

package/dist/definiteSize.js

@@ -0,0 +1,12 @@
+import { StyleSheet } from "react-native";
+
+/**
+ * True when `style` gives a view a definite height or a flex grow. A style with
+ * only `maxHeight`, `maxWidth` or `minHeight` does not: a `flex: 1` child of
+ * such a parent collapses to height 0 on Android.
+ */
+export function hasDefiniteHeight(style) {
+  const flat = StyleSheet.flatten(style);
+  if (flat == null) return false;
+  return flat.height != null || flat.flex != null || flat.flexGrow != null;
+}

package/dist/dialogLayout.js

@@ -0,0 +1,18 @@
+import { createContext, useContext } from "react";
+
+/**
+ * Where a `Button` sits in a dialog. The web sizes buttons in the compact
+ * dialog with descendant selectors, which React Native lacks, so `DialogContent`
+ * and `DialogFooter` pass this down instead. `compact`: inside the phone bottom
+ * sheet, where buttons are at least 44 high (web `[&_button]:min-h-11`).
+ * `stacked`: inside its footer too, where buttons fill the width (web
+ * `flex-col-reverse`).
+ */
+
+export const DialogLayoutContext = createContext({
+  compact: false,
+  stacked: false
+});
+export function useDialogLayout() {
+  return useContext(DialogLayoutContext);
+}

package/dist/entries/ai.js

@@ -0,0 +1,4 @@
+// `@vvedantb/native-ui/ai`: the AI chat parts. Reaches no optional peer, not
+// even a loader; the composer uses `react-native-safe-area-context` and the
+// shimmer `react-native-reanimated`, both required peers.
+export * from "../ai";

package/dist/entries/ambient.js

@@ -0,0 +1,3 @@
+// `@vvedantb/native-ui/ambient`. Loads `expo-linear-gradient` only through its
+// optional-peer loader; without it the background is solid.
+export { AmbientBackground } from "../AmbientBackground";

package/dist/entries/auth.js

@@ -0,0 +1,5 @@
+// `@vvedantb/native-ui/auth`: `AuthProviders`, `SignInScreen`, `SignUpScreen`,
+// `GoogleSignInButton` and the auth frame. Not on the root entry: it imports
+// `@clerk/clerk-expo`, `convex`, `expo-auth-session`, `expo-web-browser` and
+// `expo-router`, and Metro does not tree-shake.
+export * from "../auth";

package/dist/entries/bottom-sheet.js

@@ -0,0 +1,2 @@
+// `@vvedantb/native-ui/bottom-sheet`. Imports `@gorhom/bottom-sheet`.
+export { BottomSheetContainer } from "../BottomSheetContainer";

package/dist/entries/brand.js

@@ -0,0 +1,2 @@
+// `@vvedantb/native-ui/brand`: the family app marks and their pure data, and `GoogleMark`.
+export * from "../brand";

package/dist/entries/button.js

@@ -0,0 +1,2 @@
+// `@vvedantb/native-ui/button`.
+export { Button } from "../Button";

package/dist/entries/date-time.js

@@ -0,0 +1,3 @@
+// `@vvedantb/native-ui/date-time`. Imports
+// `@react-native-community/datetimepicker` and `dayjs`.
+export { DateTimeField } from "../DateTimeField";

package/dist/entries/expo-router.js

@@ -0,0 +1,4 @@
+// `@vvedantb/native-ui/expo-router`: components that need `expo-router`, an
+// optional peer. Not on the root, `/layout` or `/page-title` entries: they
+// never import it.
+export { RouterStackPageHeader, goBackOrReplace } from "../router/RouterStackPageHeader";

package/dist/entries/expo-web-root.js

@@ -0,0 +1,3 @@
+// `@vvedantb/native-ui/expo-web-root`: `ExpoWebRoot` for `app/+html.tsx`. Not on
+// the root entry: it imports `expo-router/html`, and Metro does not tree-shake.
+export { ExpoWebRoot, EXPO_WEB_VIEWPORT, expoWebBackgroundCss } from "../ExpoWebRoot";

package/dist/entries/floating.js

@@ -0,0 +1,7 @@
+// `@vvedantb/native-ui/floating`: floating surfaces, glass blur targets and
+// metrics. Reaches `expo-blur` only through its optional-peer loader.
+export { FLOATING_INSET, FLOATING_TAB_BAR_HEIGHT, FLOATING_TAB_BAR_HEIGHT_LARGE, FLOATING_RADIUS, FLOATING_ROW_RADIUS, FLOATING_PILL_RADIUS, floatingShadow, floatingHairline, floatingFill, floatingSolidFill, tabBarReserve } from "../floating";
+export { useReduceTransparency } from "../useReduceTransparency";
+export { FloatingSurface, GlassSheetBackground } from "../FloatingSurface";
+export { LiquidGlass, GlassBlurProvider, GlassBlurTarget } from "../LiquidGlass";
+export { FloatingFAB } from "../FloatingFAB";

package/dist/entries/gesture-handler.js

@@ -0,0 +1,4 @@
+// `@vvedantb/native-ui/gesture-handler`. Imports `react-native-gesture-handler`
+// (an optional peer): the only entry that does, so an app without it bundles
+// the `PanResponder` sheets as before.
+export { GestureHandlerProvider } from "../primitives/sheet-gesture";

package/dist/entries/keyboard-controller.js

@@ -0,0 +1,4 @@
+// `@vvedantb/native-ui/keyboard-controller`. Imports
+// `react-native-keyboard-controller` (an optional peer): the only entry that
+// does, so an app without it keeps React Native's `KeyboardAvoidingView`.
+export { KeyboardControllerProvider } from "../primitives/keyboard-controller";

package/dist/entries/layout.js

@@ -0,0 +1,16 @@
+// `@vvedantb/native-ui/layout`: screen containers, page headers, section
+// labels and settings chrome.
+export { SafeAreaContainer } from "../SafeAreaContainer";
+export { ScreenContainer } from "../ScreenContainer";
+export { PageTitle, PageHeader } from "../PageTitle";
+export { StackPageHeader } from "../StackPageHeader";
+export { SectionLabel } from "../SectionLabel";
+export { SettingsSection } from "../settings/SettingsSection";
+export { SettingsField } from "../settings/SettingsField";
+export { SettingsToggleRow } from "../settings/SettingsToggleRow";
+export { SettingsStack } from "../settings/SettingsStack";
+export { SettingsEmptyState } from "../settings/SettingsEmptyState";
+export { PinnedBotTile, BotPinGrid } from "../PinnedBotTile";
+export { ArtifactList } from "../ArtifactList";
+export { MoreFromProjectV, FromProjectV } from "../settings/MoreFromProjectV";
+export { PROJECT_V_MOBILE_APPS, projectVMobileApp, otherProjectVMobileApps, openProjectVApp, projectVAppOpenSteps, VSTORE_HOME_URL, androidIntentUrl } from "../settings/projectVMobileApps";

package/dist/entries/markdown.js

@@ -0,0 +1,4 @@
+// `@vvedantb/native-ui/markdown`: `Markdown`, chat markdown styled as the web
+// `.markdown` block. Not on the root entry: it imports the optional peer
+// `react-native-marked`, and Metro does not tree-shake.
+export { Markdown, markdownStyles, inlineCodeStyle, MARKDOWN_SCALE, MARKDOWN_LIST } from "../markdown/Markdown";

package/dist/entries/marketing.js

@@ -0,0 +1,3 @@
+// `@vvedantb/native-ui/marketing`: the upgrade card and pricing modal.
+export { UpgradeToProCard } from "../marketing/UpgradeToProCard";
+export { PricingModal } from "../marketing/PricingModal";

package/dist/entries/page-title.js

@@ -0,0 +1,7 @@
+// `@vvedantb/native-ui/page-title`: `PageTitle`, `PageHeader` and (from 0.5.0)
+// `StackPageHeader`. Reaches no optional peer, not even a loader.
+// `StackPageHeader` imports one Tabler icon (a required peer) for its back
+// button; Metro does not tree-shake by default, so that bundles the Tabler
+// package with this entry.
+export { PageTitle, PageHeader } from "../PageTitle";
+export { StackPageHeader } from "../StackPageHeader";

package/dist/entries/password-input.js

@@ -0,0 +1,3 @@
+// `@vvedantb/native-ui/password-input`: `PasswordInput` on its own. Reaches no
+// optional peer, not even a loader.
+export { PasswordInput } from "../PasswordInput";