@buoy-gg/shared-ui 2.1.5 → 2.1.8

package/lib/commonjs/env/EnvironmentIndicator.js

@@ -7,9 +7,11 @@ exports.EnvironmentIndicator = EnvironmentIndicator;
 var _reactNative = require("react-native");
 var _index = require("../icons/index.js");
 var _gameUIColors = require("../ui/gameUI/constants/gameUIColors.js");
+var _types = require("../types/types.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function getEnvironmentConfig(environment) {
-  switch (environment) {
+  const normalized = (0, _types.normalizeEnvironment)(environment);
+  switch (normalized) {
     case "local":
       return {
         label: "LOCAL",

package/lib/commonjs/env/EnvironmentSelector.js

@@ -9,12 +9,12 @@ var _reactNative = require("react-native");
 var _index = require("../icons/index.js");
 var _gameUIColors = require("../ui/gameUI/constants/gameUIColors.js");
 var _ExpandablePopover = require("../ui/components/ExpandablePopover.js");
+var _types = require("../types/types.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // ============================================================================
 // Constants
 // ============================================================================
-
 const ENV_SELECTOR_WIDTH = 140; // Wider than minimized tools stack
 const PEEK_HEIGHT = 28;
 const OPTION_HEIGHT = 44;
@@ -30,7 +30,8 @@ const COLLAPSE_BUTTON_HEIGHT = 24;
 // ============================================================================
 
 function getEnvironmentConfig(environment) {
-  switch (environment) {
+  const normalized = (0, _types.normalizeEnvironment)(environment);
+  switch (normalized) {
     case "local":
       return {
         label: "LOCAL",

package/lib/commonjs/env/EnvironmentSelectorInline.js

@@ -8,12 +8,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _index = require("../icons/index.js");
 var _gameUIColors = require("../ui/gameUI/constants/gameUIColors.js");
+var _types = require("../types/types.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // ============================================================================
 // Constants
 // ============================================================================
-
 const OPTION_HEIGHT = 36;
 
 // ============================================================================
@@ -25,7 +25,8 @@ const OPTION_HEIGHT = 36;
 // ============================================================================
 
 function getEnvironmentConfig(environment) {
-  switch (environment) {
+  const normalized = (0, _types.normalizeEnvironment)(environment);
+  switch (normalized) {
     case "local":
       return {
         label: "LOCAL",

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

@@ -7,7 +7,7 @@ exports.useNativeSafeAreaInsets = exports.safeAreaType = exports.hasSafeAreaPack
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-02-14T18:20:55.885Z
+ * Generated at: 2026-03-17T23:38:16.354Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/commonjs/index.js

@@ -50,6 +50,7 @@ var _exportNames = {
   EnvironmentIndicator: true,
   EnvironmentSelector: true,
   EnvironmentSelectorInline: true,
+  normalizeEnvironment: true,
   HintsProvider: true,
   useHintsDisabled: true,
   useHintsContext: true,
@@ -310,6 +311,12 @@ Object.defineProperty(exports, "macOSColors", {
     return _macOSDesignSystemColors.macOSColors;
   }
 });
+Object.defineProperty(exports, "normalizeEnvironment", {
+  enumerable: true,
+  get: function () {
+    return _types.normalizeEnvironment;
+  }
+});
 Object.defineProperty(exports, "notifySubscriberCountChange", {
   enumerable: true,
   get: function () {
@@ -535,6 +542,7 @@ var _macOSDesignSystemColors = require("./ui/gameUI/constants/macOSDesignSystemC
 var _EnvironmentIndicator = require("./env/EnvironmentIndicator.js");
 var _EnvironmentSelector = require("./env/EnvironmentSelector.js");
 var _EnvironmentSelectorInline = require("./env/EnvironmentSelectorInline.js");
+var _types = require("./types/types.js");
 var _index10 = require("./context/index.js");
 var _index11 = require("./history/index.js");
 Object.keys(_index11).forEach(function (key) {

package/lib/commonjs/types/types.js

@@ -4,9 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isPlainObject = isPlainObject;
+exports.normalizeEnvironment = normalizeEnvironment;
 // Shared type definitions for the dev tools
 
 // Type guard to check if a value is a plain object (not Date, Array, etc.)
 function isPlainObject(value) {
   return value !== null && value !== undefined && typeof value === "object" && !Array.isArray(value) && !(value instanceof Date) && !(value instanceof Error) && !(value instanceof Map) && !(value instanceof Set) && !(value instanceof RegExp) && typeof value !== "function";
+}
+/**
+ * Normalizes common environment strings to canonical Environment values.
+ * Handles variants like "production" → "prod", "development" → "dev", etc.
+ */
+function normalizeEnvironment(env) {
+  switch (env.toLowerCase().trim()) {
+    case "local":
+      return "local";
+    case "dev":
+    case "development":
+      return "dev";
+    case "qa":
+    case "test":
+      return "qa";
+    case "staging":
+    case "stage":
+      return "staging";
+    case "prod":
+    case "production":
+      return "prod";
+    default:
+      return "local";
+  }
 }

package/lib/commonjs/ui/components/CopyButton.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToolbarCopyButton = exports.InlineCopyButton = exports.CopyButton = exports.ActionCopyButton = void 0;
+exports.ToolbarCopyButton = exports.ToolbarClearButton = exports.InlineCopyButton = exports.CopyButton = exports.ActionCopyButton = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _copyToClipboard = require("../../clipboard/copyToClipboard.js");
 var _gameUIColors = require("../gameUI/constants/gameUIColors.js");
 var _lucideIcons = require("../../icons/lucide-icons.js");
+var _macOSDesignSystemColors = require("../gameUI/constants/macOSDesignSystemColors.js");
 var _ClipboardHintBanner = require("./ClipboardHintBanner.js");
 var _devToolsStorageKeys = require("../../storage/devToolsStorageKeys.js");
 var _persistentStorage = require("../../utils/persistentStorage.js");
@@ -110,7 +111,8 @@ const CopyButton = exports.CopyButton = /*#__PURE__*/(0, _react.memo)(function C
       timeoutRef.current = null;
     }
     try {
-      const copied = await (0, _copyToClipboard.copyToClipboard)(valueRef.current);
+      const resolvedValue = typeof valueRef.current === "function" ? valueRef.current() : valueRef.current;
+      const copied = await (0, _copyToClipboard.copyToClipboard)(resolvedValue);
       if (copied) {
         setCopyState("success");
         onCopySuccess?.();
@@ -238,4 +240,41 @@ const ActionCopyButton = exports.ActionCopyButton = /*#__PURE__*/(0, _react.memo
     size: 18,
     ...props
   });
+});
+/**
+ * Shared clear/trash button for devtool headers.
+ * Always renders a red Trash2 icon — consistent across all tools.
+ */
+const ToolbarClearButton = exports.ToolbarClearButton = /*#__PURE__*/(0, _react.memo)(function ToolbarClearButton({
+  onPress,
+  disabled = false,
+  buttonStyle
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    onPress: onPress,
+    style: [clearStyles.button, disabled && clearStyles.disabled, buttonStyle],
+    disabled: disabled,
+    hitSlop: {
+      top: 8,
+      bottom: 8,
+      left: 8,
+      right: 8
+    },
+    accessibilityLabel: "Clear",
+    accessibilityRole: "button",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Trash2, {
+      size: 14,
+      color: disabled ? _macOSDesignSystemColors.macOSColors.text.disabled : _macOSDesignSystemColors.macOSColors.semantic.error
+    })
+  });
+});
+const clearStyles = _reactNative.StyleSheet.create({
+  button: {
+    padding: 4,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  disabled: {
+    opacity: 0.4
+  }
 });

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExpandedInfoRow = ExpandedInfoRow;
+exports.PillBadge = PillBadge;
+var _reactNative = require("react-native");
+var _macOSDesignSystemColors = require("../gameUI/constants/macOSDesignSystemColors.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * ExpandedInfoRow
+ *
+ * Shared primitive for the `label: [badge]` rows inside expanded DevTools cards.
+ * Used by both @buoy-gg/storage and @buoy-gg/zustand to keep expanded content
+ * visually consistent across tools.
+ *
+ * @example
+ * ```tsx
+ * <ExpandedInfoRow label="Storage">
+ *   <PillBadge color={color}>MMKV</PillBadge>
+ * </ExpandedInfoRow>
+ * ```
+ */
+
+function ExpandedInfoRow({
+  label,
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.row,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: styles.label,
+      children: [label, ":"]
+    }), children]
+  });
+}
+
+/**
+ * PillBadge — the pill-shaped badge used in expanded card rows.
+ * Matches the storage card badge style (rounded-full, with border).
+ */
+
+function PillBadge({
+  color,
+  children,
+  icon
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.pill, {
+      backgroundColor: color + "20",
+      borderColor: color + "40"
+    }],
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.pillIcon,
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.pillText, {
+        color
+      }],
+      children: children
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  label: {
+    fontSize: 10,
+    color: _macOSDesignSystemColors.macOSColors.text.muted,
+    fontWeight: "600",
+    minWidth: 70,
+    fontFamily: "monospace"
+  },
+  pill: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: 999,
+    borderWidth: 1
+  },
+  pillIcon: {
+    marginRight: 4
+  },
+  pillText: {
+    fontSize: 10,
+    fontWeight: "700",
+    fontFamily: "monospace",
+    letterSpacing: 0.5
+  }
+});

package/lib/commonjs/ui/components/index.js

@@ -153,6 +153,12 @@ Object.defineProperty(exports, "ExpandablePopover", {
     return _ExpandablePopover.ExpandablePopover;
   }
 });
+Object.defineProperty(exports, "ExpandedInfoRow", {
+  enumerable: true,
+  get: function () {
+    return _ExpandedInfoRow.ExpandedInfoRow;
+  }
+});
 Object.defineProperty(exports, "FilterBadge", {
   enumerable: true,
   get: function () {
@@ -225,6 +231,12 @@ Object.defineProperty(exports, "NoSearchResultsEmptyState", {
     return _EmptyState.NoSearchResultsEmptyState;
   }
 });
+Object.defineProperty(exports, "PillBadge", {
+  enumerable: true,
+  get: function () {
+    return _ExpandedInfoRow.PillBadge;
+  }
+});
 Object.defineProperty(exports, "PowerToggleButton", {
   enumerable: true,
   get: function () {
@@ -279,6 +291,12 @@ Object.defineProperty(exports, "TimeDisplay", {
     return _TimeDisplay.TimeDisplay;
   }
 });
+Object.defineProperty(exports, "ToolbarClearButton", {
+  enumerable: true,
+  get: function () {
+    return _CopyButton.ToolbarClearButton;
+  }
+});
 Object.defineProperty(exports, "ToolbarCopyButton", {
   enumerable: true,
   get: function () {
@@ -340,4 +358,5 @@ var _WindowControls = require("./WindowControls.js");
 var _EventStepperFooter = require("./EventStepperFooter.js");
 var _ExpandablePopover = require("./ExpandablePopover.js");
 var _PowerToggleButton = require("./PowerToggleButton.js");
+var _ExpandedInfoRow = require("./ExpandedInfoRow.js");
 var _index = require("./EventHistoryViewer/index.js");

package/lib/commonjs/utils/formatting/dataFormatting.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.COPY_PAYLOAD_MAX_BYTES = void 0;
 exports.formatBytes = formatBytes;
 exports.formatDuration = formatDuration;
 exports.formatNumber = formatNumber;
 exports.truncateMiddle = truncateMiddle;
+exports.truncatePayload = truncatePayload;
 /**
  * Shared data formatting utilities
  */
@@ -57,6 +59,33 @@ function formatNumber(num) {
   return num.toLocaleString();
 }
 
+/** Default max bytes per value before it gets omitted from copy output (50 KB) */
+const COPY_PAYLOAD_MAX_BYTES = exports.COPY_PAYLOAD_MAX_BYTES = 50_000;
+
+/**
+ * Truncate a payload that is too large to be useful in clipboard output.
+ * If the serialized value exceeds `maxBytes`, returns a human-readable
+ * placeholder string instead of the original value.
+ *
+ * Use this in snapshot/copy functions to prevent huge values (e.g. react-query-cache)
+ * from making copied output unreadable or crashing the clipboard.
+ *
+ * @example
+ * value: truncatePayload(event.data?.value)
+ * // → "[omitted: 4.2 MB — too large to copy]"
+ */
+function truncatePayload(value, maxBytes = COPY_PAYLOAD_MAX_BYTES) {
+  try {
+    const serialized = JSON.stringify(value);
+    if (serialized.length > maxBytes) {
+      return `[omitted: ${formatBytes(serialized.length)} — too large to copy]`;
+    }
+    return value;
+  } catch {
+    return "[omitted: could not serialize]";
+  }
+}
+
 /**
  * Truncate a string in the middle with ellipsis
  * @param str The string to truncate

package/lib/module/env/EnvironmentIndicator.js

@@ -3,9 +3,11 @@
 import { Pressable, Text, View } from "react-native";
 import { FlaskConical, TestTube2, Bug, Zap, ChevronDown } from "../icons/index.js";
 import { gameUIColors } from "../ui/gameUI/constants/gameUIColors.js";
+import { normalizeEnvironment } from "../types/types.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function getEnvironmentConfig(environment) {
-  switch (environment) {
+  const normalized = normalizeEnvironment(environment);
+  switch (normalized) {
     case "local":
       return {
         label: "LOCAL",

package/lib/module/env/EnvironmentSelector.js

@@ -5,11 +5,12 @@ import { Pressable, StyleSheet, Text, View } from "react-native";
 import { Check } from "../icons/index.js";
 import { gameUIColors } from "../ui/gameUI/constants/gameUIColors.js";
 import { ExpandablePopover } from "../ui/components/ExpandablePopover.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { normalizeEnvironment } from "../types/types.js";
+
 // ============================================================================
 // Constants
 // ============================================================================
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ENV_SELECTOR_WIDTH = 140; // Wider than minimized tools stack
 const PEEK_HEIGHT = 28;
 const OPTION_HEIGHT = 44;
@@ -25,7 +26,8 @@ const COLLAPSE_BUTTON_HEIGHT = 24;
 // ============================================================================
 
 function getEnvironmentConfig(environment) {
-  switch (environment) {
+  const normalized = normalizeEnvironment(environment);
+  switch (normalized) {
     case "local":
       return {
         label: "LOCAL",

package/lib/module/env/EnvironmentSelectorInline.js

@@ -4,11 +4,12 @@ import React, { useCallback, useEffect, useRef, useState } from "react";
 import { Animated, Pressable, StyleSheet, Text, View } from "react-native";
 import { Check, ChevronUp } from "../icons/index.js";
 import { gameUIColors } from "../ui/gameUI/constants/gameUIColors.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { normalizeEnvironment } from "../types/types.js";
+
 // ============================================================================
 // Constants
 // ============================================================================
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const OPTION_HEIGHT = 36;
 
 // ============================================================================
@@ -20,7 +21,8 @@ const OPTION_HEIGHT = 36;
 // ============================================================================
 
 function getEnvironmentConfig(environment) {
-  switch (environment) {
+  const normalized = normalizeEnvironment(environment);
+  switch (normalized) {
     case "local":
       return {
         label: "LOCAL",

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

@@ -3,7 +3,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-02-14T18:20:55.885Z
+ * Generated at: 2026-03-17T23:38:16.354Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/module/index.js

@@ -58,6 +58,8 @@ export { EnvironmentIndicator } from "./env/EnvironmentIndicator.js";
 export { EnvironmentSelector } from "./env/EnvironmentSelector.js";
 // EnvironmentSelectorInline
 export { EnvironmentSelectorInline } from "./env/EnvironmentSelectorInline.js";
+export { normalizeEnvironment } from "./types/types.js";
+
 // Context exports
 export { HintsProvider, useHintsDisabled, useHintsContext } from "./context/index.js";
 

package/lib/module/types/types.js

@@ -5,4 +5,28 @@
 // Type guard to check if a value is a plain object (not Date, Array, etc.)
 export function isPlainObject(value) {
   return value !== null && value !== undefined && typeof value === "object" && !Array.isArray(value) && !(value instanceof Date) && !(value instanceof Error) && !(value instanceof Map) && !(value instanceof Set) && !(value instanceof RegExp) && typeof value !== "function";
+}
+/**
+ * Normalizes common environment strings to canonical Environment values.
+ * Handles variants like "production" → "prod", "development" → "dev", etc.
+ */
+export function normalizeEnvironment(env) {
+  switch (env.toLowerCase().trim()) {
+    case "local":
+      return "local";
+    case "dev":
+    case "development":
+      return "dev";
+    case "qa":
+    case "test":
+      return "qa";
+    case "staging":
+    case "stage":
+      return "staging";
+    case "prod":
+    case "production":
+      return "prod";
+    default:
+      return "local";
+  }
 }

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

@@ -4,7 +4,8 @@ import { useState, useRef, useCallback, memo, useEffect } from "react";
 import { TouchableOpacity, StyleSheet } from "react-native";
 import { copyToClipboard } from "../../clipboard/copyToClipboard.js";
 import { gameUIColors } from "../gameUI/constants/gameUIColors.js";
-import { Copy, CheckCircle2, AlertTriangle } from "../../icons/lucide-icons.js";
+import { Copy, CheckCircle2, AlertTriangle, Trash2 } from "../../icons/lucide-icons.js";
+import { macOSColors } from "../gameUI/constants/macOSDesignSystemColors.js";
 import { ClipboardHintBanner } from "./ClipboardHintBanner.js";
 import { devToolsStorageKeys } from "../../storage/devToolsStorageKeys.js";
 import { persistentStorage } from "../../utils/persistentStorage.js";
@@ -106,7 +107,8 @@ export const CopyButton = /*#__PURE__*/memo(function CopyButton({
       timeoutRef.current = null;
     }
     try {
-      const copied = await copyToClipboard(valueRef.current);
+      const resolvedValue = typeof valueRef.current === "function" ? valueRef.current() : valueRef.current;
+      const copied = await copyToClipboard(resolvedValue);
       if (copied) {
         setCopyState("success");
         onCopySuccess?.();
@@ -234,4 +236,41 @@ export const ActionCopyButton = /*#__PURE__*/memo(function ActionCopyButton(prop
     size: 18,
     ...props
   });
+});
+/**
+ * Shared clear/trash button for devtool headers.
+ * Always renders a red Trash2 icon — consistent across all tools.
+ */
+export const ToolbarClearButton = /*#__PURE__*/memo(function ToolbarClearButton({
+  onPress,
+  disabled = false,
+  buttonStyle
+}) {
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    onPress: onPress,
+    style: [clearStyles.button, disabled && clearStyles.disabled, buttonStyle],
+    disabled: disabled,
+    hitSlop: {
+      top: 8,
+      bottom: 8,
+      left: 8,
+      right: 8
+    },
+    accessibilityLabel: "Clear",
+    accessibilityRole: "button",
+    children: /*#__PURE__*/_jsx(Trash2, {
+      size: 14,
+      color: disabled ? macOSColors.text.disabled : macOSColors.semantic.error
+    })
+  });
+});
+const clearStyles = StyleSheet.create({
+  button: {
+    padding: 4,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  disabled: {
+    opacity: 0.4
+  }
 });

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

@@ -0,0 +1,90 @@
+"use strict";
+
+/**
+ * ExpandedInfoRow
+ *
+ * Shared primitive for the `label: [badge]` rows inside expanded DevTools cards.
+ * Used by both @buoy-gg/storage and @buoy-gg/zustand to keep expanded content
+ * visually consistent across tools.
+ *
+ * @example
+ * ```tsx
+ * <ExpandedInfoRow label="Storage">
+ *   <PillBadge color={color}>MMKV</PillBadge>
+ * </ExpandedInfoRow>
+ * ```
+ */
+
+import { View, Text, StyleSheet } from "react-native";
+import { macOSColors } from "../gameUI/constants/macOSDesignSystemColors.js";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export function ExpandedInfoRow({
+  label,
+  children
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    children: [/*#__PURE__*/_jsxs(Text, {
+      style: styles.label,
+      children: [label, ":"]
+    }), children]
+  });
+}
+
+/**
+ * PillBadge — the pill-shaped badge used in expanded card rows.
+ * Matches the storage card badge style (rounded-full, with border).
+ */
+
+export function PillBadge({
+  color,
+  children,
+  icon
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.pill, {
+      backgroundColor: color + "20",
+      borderColor: color + "40"
+    }],
+    children: [icon && /*#__PURE__*/_jsx(View, {
+      style: styles.pillIcon,
+      children: icon
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.pillText, {
+        color
+      }],
+      children: children
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  label: {
+    fontSize: 10,
+    color: macOSColors.text.muted,
+    fontWeight: "600",
+    minWidth: 70,
+    fontFamily: "monospace"
+  },
+  pill: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: 999,
+    borderWidth: 1
+  },
+  pillIcon: {
+    marginRight: 4
+  },
+  pillText: {
+    fontSize: 10,
+    fontWeight: "700",
+    fontFamily: "monospace",
+    letterSpacing: 0.5
+  }
+});

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

@@ -3,7 +3,7 @@
 export { BackButton } from "./BackButton.js";
 export { ValueTypeBadge } from "./ValueTypeBadge.js";
 export { StorageTypeBadge } from "./StorageTypeBadge.js";
-export { CopyButton, InlineCopyButton, ToolbarCopyButton, ActionCopyButton } from "./CopyButton.js";
+export { CopyButton, InlineCopyButton, ToolbarCopyButton, ActionCopyButton, ToolbarClearButton } from "./CopyButton.js";
 export { ModalHeader } from "./ModalHeader.js";
 export { ModalHintBanner } from "./ModalHintBanner.js";
 export { ClipboardHintBanner } from "./ClipboardHintBanner.js";
@@ -31,5 +31,7 @@ export { WindowControls } from "./WindowControls.js";
 export { EventStepperFooter } from "./EventStepperFooter.js";
 export { ExpandablePopover } from "./ExpandablePopover.js";
 export { PowerToggleButton } from "./PowerToggleButton.js";
+export { ExpandedInfoRow, PillBadge } from "./ExpandedInfoRow.js";
+
 // EventHistoryViewer components
 export { EventHistoryViewer, ViewToggleCards, DiffModeTabs, CompareBar, EventPickerModal } from "./EventHistoryViewer/index.js";

package/lib/module/utils/formatting/dataFormatting.js

@@ -50,6 +50,33 @@ export function formatNumber(num) {
   return num.toLocaleString();
 }
 
+/** Default max bytes per value before it gets omitted from copy output (50 KB) */
+export const COPY_PAYLOAD_MAX_BYTES = 50_000;
+
+/**
+ * Truncate a payload that is too large to be useful in clipboard output.
+ * If the serialized value exceeds `maxBytes`, returns a human-readable
+ * placeholder string instead of the original value.
+ *
+ * Use this in snapshot/copy functions to prevent huge values (e.g. react-query-cache)
+ * from making copied output unreadable or crashing the clipboard.
+ *
+ * @example
+ * value: truncatePayload(event.data?.value)
+ * // → "[omitted: 4.2 MB — too large to copy]"
+ */
+export function truncatePayload(value, maxBytes = COPY_PAYLOAD_MAX_BYTES) {
+  try {
+    const serialized = JSON.stringify(value);
+    if (serialized.length > maxBytes) {
+      return `[omitted: ${formatBytes(serialized.length)} — too large to copy]`;
+    }
+    return value;
+  } catch {
+    return "[omitted: could not serialize]";
+  }
+}
+
 /**
  * Truncate a string in the middle with ellipsis
  * @param str The string to truncate

package/lib/typescript/commonjs/env/EnvironmentIndicator.d.ts

@@ -1,7 +1,7 @@
 import { LayoutChangeEvent } from "react-native";
-import { Environment } from "../types/types";
+import { type Environment } from "../types/types";
 export interface EnvironmentIndicatorProps {
-    environment: Environment;
+    environment: Environment | string;
     onLayout?: (event: LayoutChangeEvent) => void;
     /** When true, the badge becomes pressable and shows a dropdown indicator */
     interactive?: boolean;

package/lib/typescript/commonjs/env/EnvironmentIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentIndicator.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,cAAc,CAAC;AAWxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAwDD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,QAAQ,EACR,WAAmB,EACnB,OAAO,GACR,EAAE,yBAAyB,+BAkE3B"}
+{"version":3,"file":"EnvironmentIndicator.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,cAAc,CAAC;AAWxE,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,gBAAgB,CAAC;AAExE,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAyDD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,QAAQ,EACR,WAAmB,EACnB,OAAO,GACR,EAAE,yBAAyB,+BAkE3B"}

package/lib/typescript/commonjs/env/EnvironmentSelector.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Environment } from "../types/types";
+import { type Environment } from "../types/types";
 export interface EnvironmentSelectorProps {
     /** Whether the selector has items to show */
     hasItems: boolean;

package/lib/typescript/commonjs/env/EnvironmentSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgBlD,MAAM,WAAW,wBAAwB;IACvC,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,kBAAkB,EAAE,WAAW,CAAC;IAChC,mDAAmD;IACnD,qBAAqB,EAAE,WAAW,EAAE,CAAC;IACrC,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAmGD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,EACR,KAA0B,EAC1B,gBAAgB,GACjB,EAAE,wBAAwB,qBA8C1B"}
+{"version":3,"file":"EnvironmentSelector.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,gBAAgB,CAAC;AAgBxE,MAAM,WAAW,wBAAwB;IACvC,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,kBAAkB,EAAE,WAAW,CAAC;IAChC,mDAAmD;IACnD,qBAAqB,EAAE,WAAW,EAAE,CAAC;IACrC,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAoGD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,EACR,KAA0B,EAC1B,gBAAgB,GACjB,EAAE,wBAAwB,qBA8C1B"}

package/lib/typescript/commonjs/env/EnvironmentSelectorInline.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Environment } from "../types/types";
+import { type Environment } from "../types/types";
 export interface EnvironmentSelectorInlineProps {
     /** The currently active environment */
     currentEnvironment: Environment;

package/lib/typescript/commonjs/env/EnvironmentSelectorInline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelectorInline.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentSelectorInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAYlD,MAAM,WAAW,8BAA8B;IAC7C,uCAAuC;IACvC,kBAAkB,EAAE,WAAW,CAAC;IAChC,mDAAmD;IACnD,qBAAqB,EAAE,WAAW,EAAE,CAAC;IACrC,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACtC;AAqGD,wBAAgB,yBAAyB,CAAC,EACxC,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,GACT,EAAE,8BAA8B,qBAwGhC"}
+{"version":3,"file":"EnvironmentSelectorInline.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentSelectorInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,gBAAgB,CAAC;AAYxE,MAAM,WAAW,8BAA8B;IAC7C,uCAAuC;IACvC,kBAAkB,EAAE,WAAW,CAAC;IAChC,mDAAmD;IACnD,qBAAqB,EAAE,WAAW,EAAE,CAAC;IACrC,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACtC;AAsGD,wBAAgB,yBAAyB,CAAC,EACxC,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,GACT,EAAE,8BAA8B,qBAwGhC"}

package/lib/typescript/commonjs/hooks/safe-area-impl.d.ts

@@ -1,7 +1,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-02-14T18:20:55.885Z
+ * Generated at: 2026-03-17T23:38:16.354Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/typescript/commonjs/index.d.ts

@@ -23,6 +23,7 @@ export type { EnvironmentSelectorProps } from "./env/EnvironmentSelector";
 export { EnvironmentSelectorInline } from "./env/EnvironmentSelectorInline";
 export type { EnvironmentSelectorInlineProps } from "./env/EnvironmentSelectorInline";
 export type { Environment } from "./types/types";
+export { normalizeEnvironment } from "./types/types";
 export { HintsProvider, useHintsDisabled, useHintsContext } from "./context";
 export * from "./history";
 export { FeatureGate, UpgradePrompt, useFeatureGate, ProFeatureBanner, UpgradeModal, LicenseEntryModal, ProBadge, ProUpgradeModal, getUseIsPro, getUseLicense } from "./license";

package/lib/typescript/commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,MAAM,CAAC;AAGrB,cAAc,UAAU,CAAC;AAGzB,OAAO,EAEL,YAAY,EACZ,iBAAiB,EAEjB,iBAAiB,EAEjB,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EAErB,aAAa,EAEb,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,YAAY,EAEZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EAEV,kBAAkB,EAClB,uBAAuB,EAEvB,YAAY,EACZ,KAAK,oBAAoB,EAEzB,uBAAuB,EACvB,iCAAiC,EACjC,2BAA2B,EAE3B,aAAa,EACb,eAAe,EACf,eAAe,EACf,yBAAyB,EACzB,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAGjB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGzE,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,aAAa,EACb,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,YAAY,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AACtF,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG7E,cAAc,WAAW,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACjL,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,MAAM,CAAC;AAGrB,cAAc,UAAU,CAAC;AAGzB,OAAO,EAEL,YAAY,EACZ,iBAAiB,EAEjB,iBAAiB,EAEjB,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EAErB,aAAa,EAEb,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,YAAY,EAEZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EAEV,kBAAkB,EAClB,uBAAuB,EAEvB,YAAY,EACZ,KAAK,oBAAoB,EAEzB,uBAAuB,EACvB,iCAAiC,EACjC,2BAA2B,EAE3B,aAAa,EACb,eAAe,EACf,eAAe,EACf,yBAAyB,EACzB,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAGjB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGzE,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,aAAa,EACb,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,YAAY,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AACtF,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAGrD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG7E,cAAc,WAAW,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACjL,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}

package/lib/typescript/commonjs/types/types.d.ts

@@ -5,4 +5,9 @@ export declare function isPlainObject(value: unknown): value is {
     [key: string]: JsonValue;
 };
 export type Environment = "local" | "dev" | "qa" | "staging" | "prod";
+/**
+ * Normalizes common environment strings to canonical Environment values.
+ * Handles variants like "production" → "prod", "development" → "dev", etc.
+ */
+export declare function normalizeEnvironment(env: string): Environment;
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,SAAS,EAAE,GACX;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GAC5B,IAAI,GACJ,KAAK,GACL,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,GACrB,GAAG,CAAC,OAAO,CAAC,GACZ,MAAM,GACN,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,GACjC,MAAM,GACN,MAAM,GACN,OAAO,CAAC;AAGZ,wBAAgB,aAAa,CAC3B,KAAK,EAAE,OAAO,GACb,KAAK,IAAI;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAavC;AACD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,SAAS,EAAE,GACX;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GAC5B,IAAI,GACJ,KAAK,GACL,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,GACrB,GAAG,CAAC,OAAO,CAAC,GACZ,MAAM,GACN,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,GACjC,MAAM,GACN,MAAM,GACN,OAAO,CAAC;AAGZ,wBAAgB,aAAa,CAC3B,KAAK,EAAE,OAAO,GACb,KAAK,IAAI;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAavC;AACD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC;AAEtE;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAmB7D"}

package/lib/typescript/commonjs/ui/components/CopyButton.d.ts

@@ -35,5 +35,15 @@ export declare const ToolbarCopyButton: import("react").NamedExoticComponent<Omi
  * Preset copy button for main actions (larger size)
  */
 export declare const ActionCopyButton: import("react").NamedExoticComponent<Omit<CopyButtonProps, "size">>;
+interface ToolbarClearButtonProps {
+    onPress: () => void;
+    disabled?: boolean;
+    buttonStyle?: ViewStyle;
+}
+/**
+ * Shared clear/trash button for devtool headers.
+ * Always renders a red Trash2 icon — consistent across all tools.
+ */
+export declare const ToolbarClearButton: import("react").NamedExoticComponent<ToolbarClearButtonProps>;
 export {};
 //# sourceMappingURL=CopyButton.d.ts.map

package/lib/typescript/commonjs/ui/components/CopyButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,qBAAqB,EACrB,SAAS,EACV,MAAM,cAAc,CAAC;AAatB,UAAU,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC;IACtE,wEAAwE;IACxE,KAAK,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mCAAmC;IACnC,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AA0CD,eAAO,MAAM,UAAU,uDAsJrB,CAAC;AAUH;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAI3B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB,qEAI5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAI3B,CAAC"}
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,qBAAqB,EACrB,SAAS,EACV,MAAM,cAAc,CAAC;AActB,UAAU,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC;IACtE,wEAAwE;IACxE,KAAK,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mCAAmC;IACnC,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AA0CD,eAAO,MAAM,UAAU,uDA0JrB,CAAC;AAUH;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAI3B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB,qEAI5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAI3B,CAAC;AAEH,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,+DAoB7B,CAAC"}

package/lib/typescript/commonjs/ui/components/ExpandedInfoRow.d.ts

@@ -0,0 +1,32 @@
+/**
+ * ExpandedInfoRow
+ *
+ * Shared primitive for the `label: [badge]` rows inside expanded DevTools cards.
+ * Used by both @buoy-gg/storage and @buoy-gg/zustand to keep expanded content
+ * visually consistent across tools.
+ *
+ * @example
+ * ```tsx
+ * <ExpandedInfoRow label="Storage">
+ *   <PillBadge color={color}>MMKV</PillBadge>
+ * </ExpandedInfoRow>
+ * ```
+ */
+import type { ReactNode } from "react";
+interface ExpandedInfoRowProps {
+    label: string;
+    children: ReactNode;
+}
+export declare function ExpandedInfoRow({ label, children }: ExpandedInfoRowProps): import("react").JSX.Element;
+/**
+ * PillBadge — the pill-shaped badge used in expanded card rows.
+ * Matches the storage card badge style (rounded-full, with border).
+ */
+interface PillBadgeProps {
+    color: string;
+    children: ReactNode;
+    icon?: ReactNode;
+}
+export declare function PillBadge({ color, children, icon }: PillBadgeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ExpandedInfoRow.d.ts.map

package/lib/typescript/commonjs/ui/components/ExpandedInfoRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedInfoRow.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ExpandedInfoRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BAOxE;AAED;;;GAGG;AACH,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,cAAc,+BAYlE"}

package/lib/typescript/commonjs/ui/components/index.d.ts

@@ -1,7 +1,7 @@
 export { BackButton } from "./BackButton";
 export { ValueTypeBadge } from "./ValueTypeBadge";
 export { StorageTypeBadge } from "./StorageTypeBadge";
-export { CopyButton, InlineCopyButton, ToolbarCopyButton, ActionCopyButton, } from "./CopyButton";
+export { CopyButton, InlineCopyButton, ToolbarCopyButton, ActionCopyButton, ToolbarClearButton, } from "./CopyButton";
 export { ModalHeader } from "./ModalHeader";
 export { ModalHintBanner } from "./ModalHintBanner";
 export { ClipboardHintBanner } from "./ClipboardHintBanner";
@@ -35,6 +35,7 @@ export { ExpandablePopover } from "./ExpandablePopover";
 export type { ExpandablePopoverProps } from "./ExpandablePopover";
 export { PowerToggleButton } from "./PowerToggleButton";
 export type { PowerToggleButtonProps } from "./PowerToggleButton";
+export { ExpandedInfoRow, PillBadge } from "./ExpandedInfoRow";
 export { EventHistoryViewer, ViewToggleCards, DiffModeTabs, CompareBar, EventPickerModal, } from "./EventHistoryViewer";
 export type { ViewMode, DiffModeTab, EventDisplayInfo, IconComponent, ViewToggleCardsProps, CompareBarProps, DiffModeTabsProps, EventPickerItem, EventPickerModalProps, EventHistoryViewerProps, } from "./EventHistoryViewer";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/ui/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/commonjs/utils/formatting/dataFormatting.d.ts

@@ -19,6 +19,21 @@ export declare function formatDuration(ms: number | undefined): string;
  * @returns Formatted number string (e.g., "1,234,567")
  */
 export declare function formatNumber(num: number): string;
+/** Default max bytes per value before it gets omitted from copy output (50 KB) */
+export declare const COPY_PAYLOAD_MAX_BYTES = 50000;
+/**
+ * Truncate a payload that is too large to be useful in clipboard output.
+ * If the serialized value exceeds `maxBytes`, returns a human-readable
+ * placeholder string instead of the original value.
+ *
+ * Use this in snapshot/copy functions to prevent huge values (e.g. react-query-cache)
+ * from making copied output unreadable or crashing the clipboard.
+ *
+ * @example
+ * value: truncatePayload(event.data?.value)
+ * // → "[omitted: 4.2 MB — too large to copy]"
+ */
+export declare function truncatePayload(value: unknown, maxBytes?: number): unknown;
 /**
  * Truncate a string in the middle with ellipsis
  * @param str The string to truncate

package/lib/typescript/commonjs/utils/formatting/dataFormatting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataFormatting.d.ts","sourceRoot":"","sources":["../../../../../src/utils/formatting/dataFormatting.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,CASpE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAoB7D;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,SAAS,GAAE,MAAW,EACtB,UAAU,GAAE,MAAW,EACvB,QAAQ,GAAE,MAAW,GACpB,MAAM,CAOR"}
+{"version":3,"file":"dataFormatting.d.ts","sourceRoot":"","sources":["../../../../../src/utils/formatting/dataFormatting.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,CASpE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAoB7D;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED,kFAAkF;AAClF,eAAO,MAAM,sBAAsB,QAAS,CAAC;AAE7C;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,OAAO,EACd,QAAQ,GAAE,MAA+B,GACxC,OAAO,CAUT;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,SAAS,GAAE,MAAW,EACtB,UAAU,GAAE,MAAW,EACvB,QAAQ,GAAE,MAAW,GACpB,MAAM,CAOR"}

package/lib/typescript/module/env/EnvironmentIndicator.d.ts

@@ -1,7 +1,7 @@
 import { LayoutChangeEvent } from "react-native";
-import { Environment } from "../types/types";
+import { type Environment } from "../types/types";
 export interface EnvironmentIndicatorProps {
-    environment: Environment;
+    environment: Environment | string;
     onLayout?: (event: LayoutChangeEvent) => void;
     /** When true, the badge becomes pressable and shows a dropdown indicator */
     interactive?: boolean;

package/lib/typescript/module/env/EnvironmentIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentIndicator.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,cAAc,CAAC;AAWxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAwDD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,QAAQ,EACR,WAAmB,EACnB,OAAO,GACR,EAAE,yBAAyB,+BAkE3B"}
+{"version":3,"file":"EnvironmentIndicator.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,cAAc,CAAC;AAWxE,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,gBAAgB,CAAC;AAExE,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAyDD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,QAAQ,EACR,WAAmB,EACnB,OAAO,GACR,EAAE,yBAAyB,+BAkE3B"}

package/lib/typescript/module/env/EnvironmentSelector.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Environment } from "../types/types";
+import { type Environment } from "../types/types";
 export interface EnvironmentSelectorProps {
     /** Whether the selector has items to show */
     hasItems: boolean;

package/lib/typescript/module/env/EnvironmentSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgBlD,MAAM,WAAW,wBAAwB;IACvC,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,kBAAkB,EAAE,WAAW,CAAC;IAChC,mDAAmD;IACnD,qBAAqB,EAAE,WAAW,EAAE,CAAC;IACrC,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAmGD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,EACR,KAA0B,EAC1B,gBAAgB,GACjB,EAAE,wBAAwB,qBA8C1B"}
+{"version":3,"file":"EnvironmentSelector.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,gBAAgB,CAAC;AAgBxE,MAAM,WAAW,wBAAwB;IACvC,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,kBAAkB,EAAE,WAAW,CAAC;IAChC,mDAAmD;IACnD,qBAAqB,EAAE,WAAW,EAAE,CAAC;IACrC,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAoGD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,EACR,KAA0B,EAC1B,gBAAgB,GACjB,EAAE,wBAAwB,qBA8C1B"}

package/lib/typescript/module/env/EnvironmentSelectorInline.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Environment } from "../types/types";
+import { type Environment } from "../types/types";
 export interface EnvironmentSelectorInlineProps {
     /** The currently active environment */
     currentEnvironment: Environment;

package/lib/typescript/module/env/EnvironmentSelectorInline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelectorInline.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentSelectorInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAYlD,MAAM,WAAW,8BAA8B;IAC7C,uCAAuC;IACvC,kBAAkB,EAAE,WAAW,CAAC;IAChC,mDAAmD;IACnD,qBAAqB,EAAE,WAAW,EAAE,CAAC;IACrC,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACtC;AAqGD,wBAAgB,yBAAyB,CAAC,EACxC,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,GACT,EAAE,8BAA8B,qBAwGhC"}
+{"version":3,"file":"EnvironmentSelectorInline.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentSelectorInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,gBAAgB,CAAC;AAYxE,MAAM,WAAW,8BAA8B;IAC7C,uCAAuC;IACvC,kBAAkB,EAAE,WAAW,CAAC;IAChC,mDAAmD;IACnD,qBAAqB,EAAE,WAAW,EAAE,CAAC;IACrC,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACtC;AAsGD,wBAAgB,yBAAyB,CAAC,EACxC,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,GACT,EAAE,8BAA8B,qBAwGhC"}

package/lib/typescript/module/hooks/safe-area-impl.d.ts

@@ -1,7 +1,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-02-14T18:20:55.885Z
+ * Generated at: 2026-03-17T23:38:16.354Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/typescript/module/index.d.ts

@@ -23,6 +23,7 @@ export type { EnvironmentSelectorProps } from "./env/EnvironmentSelector";
 export { EnvironmentSelectorInline } from "./env/EnvironmentSelectorInline";
 export type { EnvironmentSelectorInlineProps } from "./env/EnvironmentSelectorInline";
 export type { Environment } from "./types/types";
+export { normalizeEnvironment } from "./types/types";
 export { HintsProvider, useHintsDisabled, useHintsContext } from "./context";
 export * from "./history";
 export { FeatureGate, UpgradePrompt, useFeatureGate, ProFeatureBanner, UpgradeModal, LicenseEntryModal, ProBadge, ProUpgradeModal, getUseIsPro, getUseLicense } from "./license";

package/lib/typescript/module/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,MAAM,CAAC;AAGrB,cAAc,UAAU,CAAC;AAGzB,OAAO,EAEL,YAAY,EACZ,iBAAiB,EAEjB,iBAAiB,EAEjB,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EAErB,aAAa,EAEb,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,YAAY,EAEZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EAEV,kBAAkB,EAClB,uBAAuB,EAEvB,YAAY,EACZ,KAAK,oBAAoB,EAEzB,uBAAuB,EACvB,iCAAiC,EACjC,2BAA2B,EAE3B,aAAa,EACb,eAAe,EACf,eAAe,EACf,yBAAyB,EACzB,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAGjB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGzE,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,aAAa,EACb,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,YAAY,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AACtF,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG7E,cAAc,WAAW,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACjL,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,MAAM,CAAC;AAGrB,cAAc,UAAU,CAAC;AAGzB,OAAO,EAEL,YAAY,EACZ,iBAAiB,EAEjB,iBAAiB,EAEjB,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EAErB,aAAa,EAEb,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,YAAY,EAEZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EAEV,kBAAkB,EAClB,uBAAuB,EAEvB,YAAY,EACZ,KAAK,oBAAoB,EAEzB,uBAAuB,EACvB,iCAAiC,EACjC,2BAA2B,EAE3B,aAAa,EACb,eAAe,EACf,eAAe,EACf,yBAAyB,EACzB,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAGjB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGzE,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,aAAa,EACb,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,YAAY,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AACtF,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAGrD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG7E,cAAc,WAAW,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACjL,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}

package/lib/typescript/module/types/types.d.ts

@@ -5,4 +5,9 @@ export declare function isPlainObject(value: unknown): value is {
     [key: string]: JsonValue;
 };
 export type Environment = "local" | "dev" | "qa" | "staging" | "prod";
+/**
+ * Normalizes common environment strings to canonical Environment values.
+ * Handles variants like "production" → "prod", "development" → "dev", etc.
+ */
+export declare function normalizeEnvironment(env: string): Environment;
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,SAAS,EAAE,GACX;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GAC5B,IAAI,GACJ,KAAK,GACL,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,GACrB,GAAG,CAAC,OAAO,CAAC,GACZ,MAAM,GACN,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,GACjC,MAAM,GACN,MAAM,GACN,OAAO,CAAC;AAGZ,wBAAgB,aAAa,CAC3B,KAAK,EAAE,OAAO,GACb,KAAK,IAAI;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAavC;AACD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,SAAS,EAAE,GACX;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GAC5B,IAAI,GACJ,KAAK,GACL,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,GACrB,GAAG,CAAC,OAAO,CAAC,GACZ,MAAM,GACN,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,GACjC,MAAM,GACN,MAAM,GACN,OAAO,CAAC;AAGZ,wBAAgB,aAAa,CAC3B,KAAK,EAAE,OAAO,GACb,KAAK,IAAI;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAavC;AACD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC;AAEtE;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAmB7D"}

package/lib/typescript/module/ui/components/CopyButton.d.ts

@@ -35,5 +35,15 @@ export declare const ToolbarCopyButton: import("react").NamedExoticComponent<Omi
  * Preset copy button for main actions (larger size)
  */
 export declare const ActionCopyButton: import("react").NamedExoticComponent<Omit<CopyButtonProps, "size">>;
+interface ToolbarClearButtonProps {
+    onPress: () => void;
+    disabled?: boolean;
+    buttonStyle?: ViewStyle;
+}
+/**
+ * Shared clear/trash button for devtool headers.
+ * Always renders a red Trash2 icon — consistent across all tools.
+ */
+export declare const ToolbarClearButton: import("react").NamedExoticComponent<ToolbarClearButtonProps>;
 export {};
 //# sourceMappingURL=CopyButton.d.ts.map

package/lib/typescript/module/ui/components/CopyButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,qBAAqB,EACrB,SAAS,EACV,MAAM,cAAc,CAAC;AAatB,UAAU,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC;IACtE,wEAAwE;IACxE,KAAK,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mCAAmC;IACnC,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AA0CD,eAAO,MAAM,UAAU,uDAsJrB,CAAC;AAUH;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAI3B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB,qEAI5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAI3B,CAAC"}
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,qBAAqB,EACrB,SAAS,EACV,MAAM,cAAc,CAAC;AActB,UAAU,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC;IACtE,wEAAwE;IACxE,KAAK,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mCAAmC;IACnC,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AA0CD,eAAO,MAAM,UAAU,uDA0JrB,CAAC;AAUH;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAI3B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB,qEAI5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAI3B,CAAC;AAEH,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,+DAoB7B,CAAC"}

package/lib/typescript/module/ui/components/ExpandedInfoRow.d.ts

@@ -0,0 +1,32 @@
+/**
+ * ExpandedInfoRow
+ *
+ * Shared primitive for the `label: [badge]` rows inside expanded DevTools cards.
+ * Used by both @buoy-gg/storage and @buoy-gg/zustand to keep expanded content
+ * visually consistent across tools.
+ *
+ * @example
+ * ```tsx
+ * <ExpandedInfoRow label="Storage">
+ *   <PillBadge color={color}>MMKV</PillBadge>
+ * </ExpandedInfoRow>
+ * ```
+ */
+import type { ReactNode } from "react";
+interface ExpandedInfoRowProps {
+    label: string;
+    children: ReactNode;
+}
+export declare function ExpandedInfoRow({ label, children }: ExpandedInfoRowProps): import("react").JSX.Element;
+/**
+ * PillBadge — the pill-shaped badge used in expanded card rows.
+ * Matches the storage card badge style (rounded-full, with border).
+ */
+interface PillBadgeProps {
+    color: string;
+    children: ReactNode;
+    icon?: ReactNode;
+}
+export declare function PillBadge({ color, children, icon }: PillBadgeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ExpandedInfoRow.d.ts.map

package/lib/typescript/module/ui/components/ExpandedInfoRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedInfoRow.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ExpandedInfoRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BAOxE;AAED;;;GAGG;AACH,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,cAAc,+BAYlE"}

package/lib/typescript/module/ui/components/index.d.ts

@@ -1,7 +1,7 @@
 export { BackButton } from "./BackButton";
 export { ValueTypeBadge } from "./ValueTypeBadge";
 export { StorageTypeBadge } from "./StorageTypeBadge";
-export { CopyButton, InlineCopyButton, ToolbarCopyButton, ActionCopyButton, } from "./CopyButton";
+export { CopyButton, InlineCopyButton, ToolbarCopyButton, ActionCopyButton, ToolbarClearButton, } from "./CopyButton";
 export { ModalHeader } from "./ModalHeader";
 export { ModalHintBanner } from "./ModalHintBanner";
 export { ClipboardHintBanner } from "./ClipboardHintBanner";
@@ -35,6 +35,7 @@ export { ExpandablePopover } from "./ExpandablePopover";
 export type { ExpandablePopoverProps } from "./ExpandablePopover";
 export { PowerToggleButton } from "./PowerToggleButton";
 export type { PowerToggleButtonProps } from "./PowerToggleButton";
+export { ExpandedInfoRow, PillBadge } from "./ExpandedInfoRow";
 export { EventHistoryViewer, ViewToggleCards, DiffModeTabs, CompareBar, EventPickerModal, } from "./EventHistoryViewer";
 export type { ViewMode, DiffModeTab, EventDisplayInfo, IconComponent, ViewToggleCardsProps, CompareBarProps, DiffModeTabsProps, EventPickerItem, EventPickerModalProps, EventHistoryViewerProps, } from "./EventHistoryViewer";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/ui/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/utils/formatting/dataFormatting.d.ts

@@ -19,6 +19,21 @@ export declare function formatDuration(ms: number | undefined): string;
  * @returns Formatted number string (e.g., "1,234,567")
  */
 export declare function formatNumber(num: number): string;
+/** Default max bytes per value before it gets omitted from copy output (50 KB) */
+export declare const COPY_PAYLOAD_MAX_BYTES = 50000;
+/**
+ * Truncate a payload that is too large to be useful in clipboard output.
+ * If the serialized value exceeds `maxBytes`, returns a human-readable
+ * placeholder string instead of the original value.
+ *
+ * Use this in snapshot/copy functions to prevent huge values (e.g. react-query-cache)
+ * from making copied output unreadable or crashing the clipboard.
+ *
+ * @example
+ * value: truncatePayload(event.data?.value)
+ * // → "[omitted: 4.2 MB — too large to copy]"
+ */
+export declare function truncatePayload(value: unknown, maxBytes?: number): unknown;
 /**
  * Truncate a string in the middle with ellipsis
  * @param str The string to truncate

package/lib/typescript/module/utils/formatting/dataFormatting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataFormatting.d.ts","sourceRoot":"","sources":["../../../../../src/utils/formatting/dataFormatting.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,CASpE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAoB7D;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,SAAS,GAAE,MAAW,EACtB,UAAU,GAAE,MAAW,EACvB,QAAQ,GAAE,MAAW,GACpB,MAAM,CAOR"}
+{"version":3,"file":"dataFormatting.d.ts","sourceRoot":"","sources":["../../../../../src/utils/formatting/dataFormatting.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,CASpE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAoB7D;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED,kFAAkF;AAClF,eAAO,MAAM,sBAAsB,QAAS,CAAC;AAE7C;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,OAAO,EACd,QAAQ,GAAE,MAA+B,GACxC,OAAO,CAUT;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,SAAS,GAAE,MAAW,EACtB,UAAU,GAAE,MAAW,EACvB,QAAQ,GAAE,MAAW,GACpB,MAAM,CAOR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/shared-ui",
-  "version": "2.1.5",
+  "version": "2.1.8",
   "description": "Shared UI components, hooks, and utilities",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -115,10 +115,10 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "2.1.5"
+    "@buoy-gg/floating-tools-core": "2.1.8"
   },
   "peerDependencies": {
-    "@buoy-gg/license": "2.1.5",
+    "@buoy-gg/license": "2.1.8",
     "@react-native-clipboard/clipboard": "*",
     "expo-clipboard": "*",
     "expo-file-system": "*",
@@ -146,7 +146,7 @@
     "expo-clipboard": "~7.1.5",
     "react-native-safe-area-context": "^5.6.2",
     "typescript": "~5.8.3",
-    "@buoy-gg/license": "2.1.5"
+    "@buoy-gg/license": "2.1.8"
   },
   "react-native-builder-bob": {
     "source": "src",