@buoy-gg/shared-ui 3.0.2 → 4.0.1

package/lib/commonjs/utils/safeExpoRouter.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getSafeCurrentPathname = getSafeCurrentPathname;
 exports.getSafeRouter = getSafeRouter;
 exports.isExpoRouterAvailable = isExpoRouterAvailable;
 exports.useSafeGlobalSearchParams = useSafeGlobalSearchParams;
@@ -31,14 +32,27 @@ let checkedAvailability = false;
  * where native modules moved to the Expo Modules API.
  */
 function hasExpoNativeRuntime() {
+  // Modern Expo (SDK 50+, both Old and New Architecture): expo-modules-core
+  // installs a global `expo` object — the Expo Modules API runtime — via JSI
+  // when the native runtime is actually present. This is the most reliable
+  // signal and, crucially, the ONLY one of these checks that fires on SDK 54+ /
+  // New Architecture dev builds, where the legacy NativeModules entries below
+  // are no longer registered (ExpoLinking is gone, NativeUnimoduleProxy isn't
+  // on the bridge). It stays absent on bare RN CLI, so there's no false
+  // positive there. Without this, navigation-dependent tools (route sitemap,
+  // remote navigate, perf-monitor automation) silently no-op on modern builds.
+  const expoGlobal = globalThis.expo;
+  if (expoGlobal != null && (expoGlobal.modules != null || expoGlobal.EventEmitter != null || expoGlobal.NativeModule != null)) {
+    return true;
+  }
+
   // Check legacy NativeModules bridge (Expo SDK < 54)
   if (_reactNative.NativeModules.ExpoLinking) {
     return true;
   }
 
-  // Check for Expo Modules Core native bridge (Expo SDK 51+)
-  // NativeUnimoduleProxy is registered by expo-modules-core on both old and new arch
-  if (_reactNative.NativeModules.NativeUnimoduleProxy) {
+  // Check for Expo Modules Core native bridge (older SDKs / Old Architecture)
+  if (_reactNative.NativeModules.NativeUnimoduleProxy || _reactNative.NativeModules.ExpoModulesCore) {
     return true;
   }
 
@@ -47,7 +61,7 @@ function hasExpoNativeRuntime() {
     return true;
   }
 
-  // No Expo native runtime detected.
+  // No Expo native runtime detected (e.g. bare RN CLI).
   // NOTE: We intentionally do NOT try require("expo-modules-core") here because
   // on RN CLI it may be bundled as a transitive dep but the native modules
   // (requireOptionalNativeModule etc.) are undefined, causing crashes.
@@ -161,6 +175,47 @@ function getSafeRouter() {
   }
 }
 
+// ============================================================================
+// Imperative current-route getter
+// ============================================================================
+
+// expo-router doesn't publicly re-export its imperative store, so we reach it
+// via its build path. Cached + best-effort: if a future expo-router moves this
+// path the require throws and the imperative fallback simply disables (callers
+// degrade to route-events history). expo-router's store exposes getRouteInfo(),
+// which returns the live pathname even before any navigation is recorded.
+let routerStore;
+function getRouterStore() {
+  if (routerStore !== undefined) return routerStore;
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    routerStore = require("expo-router/build/global-state/router-store")?.store ?? null;
+  } catch {
+    routerStore = null;
+  }
+  return routerStore;
+}
+
+/**
+ * The current route pathname, read imperatively from expo-router's store.
+ *
+ * Unlike a route-events history lookup, this works even before any navigation
+ * has been recorded — e.g. right after a cold start while the app sits on its
+ * initial route. Returns null when expo-router isn't available or the store
+ * can't be reached.
+ */
+function getSafeCurrentPathname() {
+  if (!checkExpoRouterAvailability()) {
+    return null;
+  }
+  try {
+    const pathname = getRouterStore()?.getRouteInfo?.()?.pathname;
+    return typeof pathname === "string" && pathname.length > 0 ? pathname : null;
+  } catch (error) {
+    return null;
+  }
+}
+
 // ============================================================================
 // Availability check
 // ============================================================================

package/lib/module/hooks/safe-area-impl.js

@@ -3,7 +3,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-06-23T21:16:34.896Z
+ * Generated at: 2026-06-30T15:42:30.947Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/module/icons/lucide-icons.js

@@ -505,6 +505,31 @@ export const Eye = ({
     strokeWidth: strokeWidth
   })]
 });
+export const Pin = ({
+  size = 24,
+  color = "currentColor",
+  strokeWidth = 2,
+  ...props
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  ...props,
+  children: [/*#__PURE__*/_jsx(Circle, {
+    cx: 12,
+    cy: 9,
+    r: 5,
+    stroke: color,
+    strokeWidth: strokeWidth
+  }), /*#__PURE__*/_jsx(Line, {
+    x1: 12,
+    y1: 14,
+    x2: 12,
+    y2: 21,
+    stroke: color,
+    strokeWidth: strokeWidth
+  })]
+});
 export const EyeOff = ({
   size = 24,
   color = "currentColor",

package/lib/module/index.js

@@ -29,7 +29,7 @@ Subscribable,
 // Subscriber count notifier for cross-package notifications
 subscriberCountNotifier, subscribeToSubscriberCountChanges, notifySubscriberCountChange,
 // Safe expo-router wrappers (falls back to no-ops on RN CLI)
-useSafeRouter, useSafePathname, useSafeSegments, useSafeGlobalSearchParams, getSafeRouter, isExpoRouterAvailable } from "./utils/index.js";
+useSafeRouter, useSafePathname, useSafeSegments, useSafeGlobalSearchParams, getSafeRouter, getSafeCurrentPathname, isExpoRouterAvailable } from "./utils/index.js";
 
 // Also export formatting utils
 export * from "./utils/formatting/index.js";

package/lib/module/license/FeatureGate.js

@@ -7,24 +7,40 @@
  */
 
 import React, { useState, useCallback } from "react";
-import { View, Text, StyleSheet, TouchableOpacity, Linking, Modal } from "react-native";
+import { View, Text, StyleSheet, TouchableOpacity, Modal } from "react-native";
 import { gameUIColors, buoyColors } from "../ui/gameUI/constants/gameUIColors.js";
 import { LockIcon, X, Zap, Shield, Clock, Check } from "../icons/lucide-icons.js";
 import { LicenseEntryModal } from "./LicenseEntryModal.js";
-import { useIsPro, useLicense } from "@buoy-gg/license";
+import { openPricing, isWeb } from "./openPricing.js";
+import { useIsPro, useLicense, useProAccess } from "@buoy-gg/license";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Weekend Pass branding — a distinct violet so it never reads as the gold PRO.
+export const WEEKEND_PASS_LABEL = "WEEKEND PASS";
+const WEEKEND_VIOLET = "#BF5AF2";
+
 /**
- * Simple Pro badge for marking premium features
+ * Simple Pro badge for marking premium features.
+ *
+ * Reason-aware: when the free Weekend Pass is the active unlock (a free user on
+ * a weekend), it shows a violet "WEEKEND PASS" badge instead of the gold "PRO"
+ * so people know Pro is free this weekend. A real license — or a free user on a
+ * weekday seeing the badge as a Pro-feature marker — shows "PRO".
  */
 export const ProBadge = ({
   style
-}) => /*#__PURE__*/_jsx(View, {
-  style: [styles.proBadge, style],
-  children: /*#__PURE__*/_jsx(Text, {
-    style: styles.proBadgeText,
-    children: "PRO"
-  })
-});
+}) => {
+  const {
+    reason
+  } = useProAccess();
+  const weekend = reason === "weekend";
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.proBadge, weekend && styles.weekendBadge, style],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.proBadgeText, weekend && styles.weekendBadgeText],
+      children: weekend ? WEEKEND_PASS_LABEL : "PRO"
+    })
+  });
+};
 
 /**
  * Simple Pro upgrade modal - minimal modal with just upgrade button
@@ -56,6 +72,10 @@ export const UpgradePrompt = ({
   const handlePress = useCallback(() => {
     if (onUpgradePress) {
       onUpgradePress();
+    } else if (isWeb) {
+      // Desktop dashboard: buy on the website, not via the mobile Buoy.init()
+      // code path. (Already have a key? Enter it from the toolbar Upgrade button.)
+      openPricing();
     } else {
       setShowLicenseModal(true);
     }
@@ -181,13 +201,21 @@ export const FeatureGate = ({
  * Returns { hasAccess, isPro, showUpgrade }
  */
 export function useFeatureGate() {
-  const isPro = useIsPro();
+  const {
+    isPro,
+    isLicensed,
+    isWeekendFree,
+    reason
+  } = useProAccess();
   const showUpgrade = () => {
-    Linking.openURL("https://buoy.gg/pro");
+    openPricing("https://buoy.gg/pro");
   };
   return {
     hasAccess: isPro,
     isPro,
+    isLicensed,
+    isWeekendFree,
+    reason,
     showUpgrade
   };
 }
@@ -205,6 +233,12 @@ export const ProFeatureBanner = ({
   const [showLicenseModal, setShowLicenseModal] = useState(false);
   const license = useLicense();
   const handleUpgrade = useCallback(() => {
+    // Desktop dashboard: open pricing in the browser instead of the mobile
+    // license-entry modal.
+    if (isWeb) {
+      openPricing();
+      return;
+    }
     setShowLicenseModal(true);
   }, []);
   const handleCloseModal = useCallback(() => {
@@ -280,6 +314,12 @@ export const UpgradeModal = ({
   const [showLicenseModal, setShowLicenseModal] = useState(false);
   const license = useLicense();
   const handleUpgrade = useCallback(() => {
+    // Desktop dashboard: send users straight to the pricing page in their
+    // browser instead of the mobile Buoy.init() license-entry modal.
+    if (isWeb) {
+      openPricing();
+      return;
+    }
     setShowLicenseModal(true);
   }, []);
   const handleCloseLicenseModal = useCallback(() => {
@@ -414,6 +454,15 @@ const styles = StyleSheet.create({
     color: buoyColors.primary,
     letterSpacing: 0.5
   },
+  // Weekend Pass variant — violet instead of the gold/primary PRO.
+  weekendBadge: {
+    backgroundColor: WEEKEND_VIOLET + "1A",
+    borderColor: WEEKEND_VIOLET + "55"
+  },
+  weekendBadgeText: {
+    color: WEEKEND_VIOLET,
+    letterSpacing: 0.4
+  },
   container: {
     padding: 20,
     alignItems: "center",

package/lib/module/license/LicenseEntryModal.js

@@ -9,9 +9,10 @@
  */
 
 import React, { useCallback } from "react";
-import { View, Text, TouchableOpacity, StyleSheet, Linking, Modal, Platform } from "react-native";
+import { View, Text, TouchableOpacity, StyleSheet, Modal, Platform } from "react-native";
 import { absoluteFill } from "../utils/absoluteFill.js";
 import { macOSColors } from "../ui/gameUI/constants/macOSDesignSystemColors.js";
+import { openPricing, isWeb } from "./openPricing.js";
 import { X, Key, Link, FileCode, Copy } from "../icons/lucide-icons.js";
 
 // For clipboard functionality
@@ -37,7 +38,7 @@ export const LicenseEntryModal = ({
 }) => {
   const [copied, setCopied] = React.useState(false);
   const handleGetLicense = useCallback(() => {
-    Linking.openURL(purchaseUrl);
+    openPricing(purchaseUrl);
   }, [purchaseUrl]);
   const handleCopyCode = useCallback(() => {
     if (Clipboard?.setString) {
@@ -103,7 +104,16 @@ export const LicenseEntryModal = ({
           }), /*#__PURE__*/_jsx(View, {
             style: styles.dividerLine
           })]
-        }), /*#__PURE__*/_jsxs(View, {
+        }), isWeb ? /*#__PURE__*/_jsx(View, {
+          style: styles.instructionsContainer,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.instructionsNote,
+            children: "Click the Upgrade button in the top toolbar and paste your license key. It also unlocks automatically when a connected device is running Buoy Pro."
+          })
+        }) :
+        /*#__PURE__*/
+        /* Option 2: Instructions */
+        _jsxs(View, {
           style: styles.instructionsContainer,
           children: [/*#__PURE__*/_jsxs(View, {
             style: styles.instructionsHeader,

package/lib/module/license/openPricing.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { Linking, Platform } from "react-native";
+export const PRICING_URL = "https://buoy.gg/pricing";
+
+/** True when running on the desktop dashboard / web (react-native-web). */
+export const isWeb = Platform.OS === "web";
+
+/**
+ * Open an upgrade/pricing URL.
+ *
+ * On the desktop dashboard (web) the upgrade flow is NOT the mobile
+ * `Buoy.init()` code path — the user buys on the website (or enters a key in
+ * the toolbar). Route the link through the Electron shell bridge so it lands in
+ * the user's DEFAULT browser instead of a bare in-app window; fall back to
+ * window.open for a plain browser tab. On native, use React Native Linking.
+ */
+export function openPricing(url = PRICING_URL) {
+  // Access the browser globals via globalThis so this file doesn't depend on
+  // the DOM lib (the shared package targets React Native).
+  const win = globalThis.window;
+  if (isWeb && win) {
+    if (win.buoyShell?.openExternal) {
+      win.buoyShell.openExternal(url);
+      return;
+    }
+    win.open?.(url, "_blank", "noopener");
+    return;
+  }
+  Linking.openURL(url);
+}

package/lib/module/storage/devToolsStorageKeys.js

@@ -91,6 +91,7 @@ export const devToolsStorageKeys = {
     filters: () => `${devToolsStorageKeys.storage.root()}_filters`,
     eventFilters: () => `${devToolsStorageKeys.storage.root()}_event_filters`,
     keyFilters: () => `${devToolsStorageKeys.storage.root()}_key_filters`,
+    pinnedKeys: () => `${devToolsStorageKeys.storage.root()}_pinned_keys`,
     preferences: () => `${devToolsStorageKeys.storage.root()}_preferences`,
     activeTab: () => `${devToolsStorageKeys.storage.root()}_active_tab`,
     isMonitoring: () => `${devToolsStorageKeys.storage.root()}_is_monitoring`,

package/lib/module/stores/ignoredPatternsStore.js

@@ -0,0 +1,223 @@
+"use strict";
+
+/**
+ * Shared "ignored patterns" store for network-style URL filtering.
+ *
+ * This is the SINGLE source of truth for the domains/URL patterns that the
+ * Network tool (and now the Events tool) hide from their lists. Both tools read
+ * and mutate this one singleton, so an ignore toggled in either place is shared
+ * everywhere and persisted to the same storage key.
+ *
+ * Lives in @buoy-gg/shared-ui (a hard dependency of both @buoy-gg/network and
+ * @buoy-gg/events) so the filter logic can be shared without @buoy-gg/events
+ * having to take a hard dependency on @buoy-gg/network (which is optional).
+ */
+
+import { useEffect, useMemo, useState } from "react";
+import { persistentStorage } from "../utils/persistentStorage.js";
+import { devToolsStorageKeys } from "../storage/devToolsStorageKeys.js";
+
+/**
+ * How an ignored-pattern entry should be compared against captured URLs.
+ *
+ * - `contains`: case-insensitive substring match on the full URL (legacy behavior).
+ * - `exact`: smart equality — if pattern starts with `/`, matches URL.pathname;
+ *   if it starts with `http://`/`https://`, matches origin+pathname; otherwise
+ *   matches URL.host.
+ */
+
+/** A single exclude pattern with its match mode. */
+
+/** Patterns hidden by default — Buoy's own license API traffic. */
+const DEFAULT_PATTERNS = [{
+  value: "api.keygen.sh",
+  mode: "contains"
+}];
+
+/**
+ * Returns true when `url` matches the ignored `pattern` according to its mode.
+ *
+ * `contains` → case-insensitive substring on the full URL (legacy behavior).
+ * `exact`    → smart equality: pattern starting with `/` compares URL.pathname,
+ *              full URLs compare origin+pathname (ignoring query/hash), bare
+ *              values compare URL.host. Falls back to literal equality if URL
+ *              parsing fails (e.g. relative URLs).
+ */
+export function urlMatchesIgnoredPattern(url, pattern) {
+  const lowerUrl = url.toLowerCase();
+  const lowerValue = pattern.value.toLowerCase();
+  if (pattern.mode === "contains") {
+    return lowerUrl.includes(lowerValue);
+  }
+  try {
+    const parsed = new URL(url);
+    if (lowerValue.startsWith("/")) {
+      return parsed.pathname.toLowerCase() === lowerValue;
+    }
+    if (lowerValue.startsWith("http://") || lowerValue.startsWith("https://")) {
+      return `${parsed.origin}${parsed.pathname}`.toLowerCase() === lowerValue;
+    }
+    return parsed.host.toLowerCase() === lowerValue;
+  } catch {
+    return lowerUrl === lowerValue;
+  }
+}
+
+/** Convenience: does `url` match ANY of the ignored `patterns`? */
+export function isUrlIgnored(url, patterns) {
+  if (!url || patterns.length === 0) return false;
+  return patterns.some(pattern => urlMatchesIgnoredPattern(url, pattern));
+}
+
+/** Tolerate the legacy `string[]` persisted format and stray junk. */
+function migratePatterns(raw) {
+  if (!Array.isArray(raw)) return [];
+  const migrated = [];
+  for (const entry of raw) {
+    if (typeof entry === "string" && entry.trim()) {
+      migrated.push({
+        value: entry,
+        mode: "contains"
+      });
+    } else if (entry && typeof entry === "object" && typeof entry.value === "string") {
+      const e = entry;
+      migrated.push({
+        value: e.value,
+        mode: e.mode === "exact" ? "exact" : "contains"
+      });
+    }
+  }
+  return migrated;
+}
+
+/** Always keep the default patterns present (e.g. Buoy's license API). */
+function ensureDefaults(patterns) {
+  const result = [...patterns];
+  for (const def of DEFAULT_PATTERNS) {
+    if (!result.some(p => p.value === def.value)) {
+      result.push({
+        ...def
+      });
+    }
+  }
+  return result;
+}
+/**
+ * Singleton store. One instance per JS runtime, so every consumer (Network tool,
+ * Events tool, on mobile or on the desktop dashboard) shares the same patterns.
+ */
+class IgnoredPatternsStore {
+  patterns = ensureDefaults(DEFAULT_PATTERNS.map(p => ({
+    ...p
+  })));
+  listeners = new Set();
+  loaded = false;
+  loadPromise = null;
+  /** Set once a mutation happens so a slow initial load can't clobber it. */
+  dirty = false;
+
+  /** Current patterns (stable reference until a mutation occurs). */
+  getPatterns() {
+    return this.patterns;
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    // Lazily hydrate from storage the first time anyone cares.
+    void this.ensureLoaded();
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  emit() {
+    this.listeners.forEach(l => l());
+  }
+  ensureLoaded() {
+    if (this.loaded) return Promise.resolve();
+    if (this.loadPromise) return this.loadPromise;
+    this.loadPromise = (async () => {
+      try {
+        const stored = await persistentStorage.getItem(devToolsStorageKeys.network.ignoredDomains());
+        // A mutation may have raced this read — never overwrite user intent.
+        if (stored && !this.dirty) {
+          const migrated = ensureDefaults(migratePatterns(JSON.parse(stored)));
+          this.patterns = migrated;
+        }
+      } catch {
+        // Silently fall back to defaults.
+      } finally {
+        this.loaded = true;
+        this.emit();
+      }
+    })();
+    return this.loadPromise;
+  }
+  persist() {
+    persistentStorage.setItem(devToolsStorageKeys.network.ignoredDomains(), JSON.stringify(this.patterns)).catch(() => {
+      // Silently fail — patterns remain in memory.
+    });
+  }
+  commit(next) {
+    this.dirty = true;
+    this.patterns = next;
+    this.emit();
+    this.persist();
+  }
+
+  /** Add a pattern (no-op if its value already exists). */
+  add(pattern) {
+    const value = pattern.value.trim();
+    if (!value) return;
+    if (this.patterns.some(p => p.value === value)) return;
+    this.commit([...this.patterns, {
+      value,
+      mode: pattern.mode
+    }]);
+  }
+
+  /** Remove a pattern by value. */
+  remove(value) {
+    if (!this.patterns.some(p => p.value === value)) return;
+    this.commit(this.patterns.filter(p => p.value !== value));
+  }
+
+  /** Add as `contains` if absent, otherwise remove (used by detail-view chips). */
+  toggle(value) {
+    const trimmed = value.trim();
+    if (!trimmed) return;
+    this.commit(this.patterns.some(p => p.value === trimmed) ? this.patterns.filter(p => p.value !== trimmed) : [...this.patterns, {
+      value: trimmed,
+      mode: "contains"
+    }]);
+  }
+
+  /** Flip an existing pattern between `contains` and `exact`. */
+  toggleMode(value) {
+    if (!this.patterns.some(p => p.value === value)) return;
+    this.commit(this.patterns.map(p => p.value === value ? {
+      ...p,
+      mode: p.mode === "contains" ? "exact" : "contains"
+    } : p));
+  }
+}
+export const ignoredPatternsStore = new IgnoredPatternsStore();
+/**
+ * Subscribe to the shared ignored-patterns store. All consumers in a runtime
+ * see the same patterns and the same mutations.
+ */
+export function useIgnoredPatterns() {
+  const [patterns, setPatterns] = useState(() => ignoredPatternsStore.getPatterns());
+  useEffect(() => {
+    return ignoredPatternsStore.subscribe(() => {
+      setPatterns(ignoredPatternsStore.getPatterns());
+    });
+  }, []);
+  const values = useMemo(() => new Set(patterns.map(p => p.value)), [patterns]);
+  return {
+    patterns,
+    values,
+    add: pattern => ignoredPatternsStore.add(pattern),
+    remove: value => ignoredPatternsStore.remove(value),
+    toggle: value => ignoredPatternsStore.toggle(value),
+    toggleMode: value => ignoredPatternsStore.toggleMode(value)
+  };
+}

package/lib/module/stores/index.js

@@ -4,4 +4,5 @@
  * Shared store utilities and base classes
  */
 
-export { BaseEventStore } from "./BaseEventStore.js";
+export { BaseEventStore } from "./BaseEventStore.js";
+export { ignoredPatternsStore, useIgnoredPatterns, urlMatchesIgnoredPattern, isUrlIgnored } from "./ignoredPatternsStore.js";

package/lib/module/ui/components/CompactRow.js

@@ -10,6 +10,7 @@ export function CompactRow({
   statusSublabel,
   primaryText,
   secondaryText,
+  secondaryAccessory,
   expandedContent,
   isExpanded,
   badgeText,
@@ -61,10 +62,13 @@ export function CompactRow({
               style: styles.queryHash,
               numberOfLines: isExpanded ? undefined : 2,
               children: primaryText
-            }), !isExpanded && secondaryText ? /*#__PURE__*/_jsx(Text, {
-              style: styles.secondaryText,
-              numberOfLines: 1,
-              children: secondaryText
+            }), !isExpanded && (secondaryText || secondaryAccessory) ? /*#__PURE__*/_jsxs(View, {
+              style: styles.secondaryRow,
+              children: [secondaryText ? /*#__PURE__*/_jsx(Text, {
+                style: styles.secondaryText,
+                numberOfLines: 1,
+                children: secondaryText
+              }) : null, secondaryAccessory]
             }) : null]
           }), /*#__PURE__*/_jsxs(View, {
             style: styles.rightSection,
@@ -185,6 +189,12 @@ const styles = StyleSheet.create({
     color: buoyColors.text,
     lineHeight: 16
   },
+  secondaryRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    marginTop: 1
+  },
   secondaryText: {
     fontSize: 10,
     color: buoyColors.textMuted,

package/lib/module/ui/components/ExpandedInfoRow.js

@@ -39,10 +39,12 @@ export function ExpandedInfoRow({
 export function PillBadge({
   color,
   children,
-  icon
+  icon,
+  size = "md"
 }) {
+  const isSm = size === "sm";
   return /*#__PURE__*/_jsxs(View, {
-    style: [styles.pill, {
+    style: [styles.pill, isSm && styles.pillSm, {
       backgroundColor: color + "20",
       borderColor: color + "40"
     }],
@@ -50,7 +52,7 @@ export function PillBadge({
       style: styles.pillIcon,
       children: icon
     }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.pillText, {
+      style: [styles.pillText, isSm && styles.pillTextSm, {
         color
       }],
       children: children
@@ -78,6 +80,10 @@ const styles = StyleSheet.create({
     borderRadius: 999,
     borderWidth: 1
   },
+  pillSm: {
+    paddingHorizontal: 5,
+    paddingVertical: 1
+  },
   pillIcon: {
     marginRight: 4
   },
@@ -86,5 +92,9 @@ const styles = StyleSheet.create({
     fontWeight: "700",
     fontFamily: "monospace",
     letterSpacing: 0.5
+  },
+  pillTextSm: {
+    fontSize: 9,
+    letterSpacing: 0.3
   }
 });

package/lib/module/utils/index.js

@@ -10,4 +10,4 @@ export { parseValue, formatValue, getTypeColor, truncateText, flattenObject, for
 export { loadOptionalModule, getCachedOptionalModule } from "./loadOptionalModule.js";
 export { Subscribable } from "./subscribable.js";
 export { subscriberCountNotifier, subscribeToSubscriberCountChanges, notifySubscriberCountChange } from "./subscriberCountNotifier.js";
-export { useSafeRouter, useSafePathname, useSafeSegments, useSafeGlobalSearchParams, getSafeRouter, isExpoRouterAvailable } from "./safeExpoRouter.js";
+export { useSafeRouter, useSafePathname, useSafeSegments, useSafeGlobalSearchParams, getSafeRouter, getSafeCurrentPathname, isExpoRouterAvailable } from "./safeExpoRouter.js";