@buoy-gg/zustand 7.0.26 → 7.0.28

package/lib/module/zustand/components/ZustandModal.js

@@ -10,7 +10,7 @@
 
 import { useState, useMemo, useRef, useCallback, useEffect } from "react";
 import { View, Text, StyleSheet, FlatList, TextInput, TouchableOpacity } from "react-native";
-import { JsModal, ModalHeader, TabSelector, macOSColors, buoyColors, Search, Filter, Power, X, Lock, Box, devToolsStorageKeys, ProUpgradeModal, PowerToggleButton, ToolbarCopyButton, ToolbarClearButton, truncatePayload, TickProvider, useLimit } from "@buoy-gg/shared-ui";
+import { JsModal, ModalHeader, TabSelector, macOSColors, night, Search, Filter, Power, X, Lock, Box, devToolsStorageKeys, ProUpgradeModal, PowerToggleButton, ToolbarCopyButton, ToolbarClearButton, truncatePayload, TickProvider, useLimit } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { useZustandStateChanges } from "../hooks/useZustandStateChanges";
 import { ZustandStateChangeItem } from "./ZustandStateChangeItem";
@@ -25,7 +25,7 @@ function EventsEmptyState({
     style: styles.emptyState,
     children: [/*#__PURE__*/_jsx(Box, {
       size: 32,
-      color: macOSColors.text.muted
+      color: night.color.textTertiary
     }), /*#__PURE__*/_jsx(Text, {
       style: styles.emptyTitle,
       children: "No state changes"
@@ -295,12 +295,12 @@ export function ZustandModal({
           style: styles.headerSearchContainer,
           children: [/*#__PURE__*/_jsx(Search, {
             size: 14,
-            color: macOSColors.text.secondary
+            color: night.color.textSecondary
           }), /*#__PURE__*/_jsx(TextInput, {
             ref: searchInputRef,
             style: styles.headerSearchInput,
             placeholder: activeTab === "stores" ? "Search stores..." : "Search events...",
-            placeholderTextColor: macOSColors.text.muted,
+            placeholderTextColor: night.color.placeholder,
             value: searchText,
             onChangeText: handleSearch,
             onSubmitEditing: () => setIsSearchActive(false),
@@ -316,7 +316,7 @@ export function ZustandModal({
             style: styles.headerSearchClear,
             children: /*#__PURE__*/_jsx(X, {
               size: 14,
-              color: macOSColors.text.secondary
+              color: night.color.textSecondary
             })
           })]
         }) : /*#__PURE__*/_jsx(TabSelector, {
@@ -336,14 +336,14 @@ export function ZustandModal({
           style: styles.headerActionButton,
           children: /*#__PURE__*/_jsx(Search, {
             size: 14,
-            color: macOSColors.text.secondary
+            color: night.color.textSecondary
           })
         }), /*#__PURE__*/_jsx(TouchableOpacity, {
           onPress: () => setShowFilters(true),
           style: [styles.headerActionButton, hasActiveFilters && styles.headerActionButtonActive],
           children: /*#__PURE__*/_jsx(Filter, {
             size: 14,
-            color: hasActiveFilters ? macOSColors.semantic.debug : macOSColors.text.secondary
+            color: hasActiveFilters ? night.color.accent : night.color.textSecondary
           })
         }), activeTab === "stores" && /*#__PURE__*/_jsx(ToolbarCopyButton, {
           value: getStoresSnapshot,
@@ -410,7 +410,7 @@ export function ZustandModal({
         style: styles.emptyState,
         children: [/*#__PURE__*/_jsx(Box, {
           size: 32,
-          color: macOSColors.text.muted
+          color: night.color.textTertiary
         }), /*#__PURE__*/_jsx(Text, {
           style: styles.emptyTitle,
           children: "No history yet"
@@ -438,7 +438,7 @@ export function ZustandModal({
         style: styles.disabledBanner,
         children: [/*#__PURE__*/_jsx(Power, {
           size: 14,
-          color: macOSColors.semantic.warning
+          color: night.color.warning
         }), /*#__PURE__*/_jsx(Text, {
           style: styles.disabledText,
           children: "State capture is disabled"
@@ -449,7 +449,7 @@ export function ZustandModal({
         activeOpacity: 0.8,
         children: [/*#__PURE__*/_jsx(Lock, {
           size: 14,
-          color: buoyColors.primary
+          color: night.color.accent
         }), /*#__PURE__*/_jsxs(Text, {
           style: styles.lockedText,
           children: [lockedChangeCount, " older", " ", lockedChangeCount === 1 ? "change" : "changes", " locked"]
@@ -556,7 +556,9 @@ const styles = StyleSheet.create({
   inlineRoot: {
     flex: 1,
     minHeight: 0,
-    backgroundColor: macOSColors.background.base
+    // Transparent so the desktop workbench's hoisted sky (one field spanning
+    // sidebar + panel) shows through — the shell paints its base beneath it.
+    backgroundColor: "transparent"
   },
   inlineHeader: {
     paddingHorizontal: 12,
@@ -567,21 +569,22 @@ const styles = StyleSheet.create({
   },
   container: {
     flex: 1,
-    backgroundColor: macOSColors.background.base
+    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
+    backgroundColor: "transparent"
   },
   headerSearchContainer: {
     flexDirection: "row",
     alignItems: "center",
-    backgroundColor: macOSColors.background.input,
-    borderRadius: 10,
+    backgroundColor: night.color.surfaceElevated,
+    borderRadius: night.radius.row,
     borderWidth: 1,
-    borderColor: macOSColors.border.default,
+    borderColor: night.color.border,
     paddingHorizontal: 12,
     paddingVertical: 5
   },
   headerSearchInput: {
     flex: 1,
-    color: macOSColors.text.primary,
+    color: night.color.text,
     fontSize: 13,
     marginLeft: 6,
     paddingVertical: 2
@@ -594,9 +597,9 @@ const styles = StyleSheet.create({
     width: 32,
     height: 32,
     borderRadius: 8,
-    backgroundColor: macOSColors.background.hover,
+    backgroundColor: night.color.buttonSurface,
     borderWidth: 1,
-    borderColor: macOSColors.border.default,
+    borderColor: night.color.border,
     alignItems: "center",
     justifyContent: "center"
   },
@@ -604,7 +607,8 @@ const styles = StyleSheet.create({
     opacity: 0.55
   },
   headerActionButtonActive: {
-    backgroundColor: macOSColors.semantic.infoBackground
+    backgroundColor: night.color.accentSoft,
+    borderColor: night.color.accentBorderStrong
   },
   disabledBanner: {
     flexDirection: "row",
@@ -613,13 +617,13 @@ const styles = StyleSheet.create({
     padding: 10,
     marginHorizontal: 12,
     marginTop: 8,
-    backgroundColor: macOSColors.semantic.warningBackground,
+    backgroundColor: night.color.warningSoft,
     borderRadius: 8,
     borderWidth: 1,
-    borderColor: macOSColors.semantic.warning + "20"
+    borderColor: night.color.warning + "20"
   },
   disabledText: {
-    color: macOSColors.semantic.warning,
+    color: night.color.warning,
     fontSize: 11,
     flex: 1
   },
@@ -632,14 +636,14 @@ const styles = StyleSheet.create({
     paddingVertical: 40
   },
   emptyTitle: {
-    color: macOSColors.text.primary,
+    color: night.color.text,
     fontSize: 14,
     fontWeight: "600",
     marginTop: 12,
     marginBottom: 6
   },
   emptyText: {
-    color: macOSColors.text.muted,
+    color: night.color.textTertiary,
     fontSize: 12,
     textAlign: "center",
     lineHeight: 18
@@ -651,25 +655,26 @@ const styles = StyleSheet.create({
     padding: 10,
     marginHorizontal: 12,
     marginTop: 8,
-    backgroundColor: buoyColors.primary + "15",
+    backgroundColor: night.color.accentSoft,
     borderRadius: 8,
     borderWidth: 1,
-    borderColor: buoyColors.primary + "33"
+    borderColor: night.color.accentBorder
   },
   lockedText: {
-    color: buoyColors.primary,
+    color: night.color.accent,
     fontSize: 11,
     fontWeight: "500",
     flex: 1
   },
   upgradeBadge: {
-    backgroundColor: buoyColors.primary,
+    backgroundColor: night.color.accent,
     paddingHorizontal: 8,
     paddingVertical: 3,
     borderRadius: 4
   },
   upgradeBadgeText: {
-    color: "#fff",
+    // Ink on a filled accent surface — the night accent takes dark ink.
+    color: night.color.onAccent,
     fontSize: 9,
     fontWeight: "700",
     letterSpacing: 0.5

package/lib/module/zustand/components/ZustandStateChangeItem.js

@@ -8,7 +8,7 @@
 
 import { memo } from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { CompactRow, buoyColors, Zap, Clock, RelativeTime } from "@buoy-gg/shared-ui";
+import { CompactRow, buoyColors, night, Zap, Clock, RelativeTime } from "@buoy-gg/shared-ui";
 import { zustandStateStore } from "../utils/zustandStateStore";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -37,7 +37,7 @@ function getCategoryColor(category, storeName) {
     case "persist":
       return buoyColors.info;
     case "initial":
-      return buoyColors.textMuted;
+      return night.color.textTertiary;
     default:
       return zustandStateStore.getStoreColor(storeName);
   }

package/lib/module/zustand/components/ZustandStateDetailContent.js

@@ -13,7 +13,7 @@
 
 import { View, Text, StyleSheet, ScrollView } from "react-native";
 import { useState, useCallback, useMemo } from "react";
-import { macOSColors, EventStepperFooter, formatRelativeTime, parseValue } from "@buoy-gg/shared-ui";
+import { night, EventStepperFooter, formatRelativeTime, parseValue } from "@buoy-gg/shared-ui";
 import { DataViewer, SplitDiffViewer, TreeDiffViewer, diffThemes } from "@buoy-gg/shared-ui/dataViewer";
 import { ZustandDetailViewToggle } from "./ZustandDetailViewToggle";
 import { ZustandStateInfoView } from "./ZustandStateInfoView";
@@ -253,7 +253,8 @@ export function ZustandStateDetailFooter({
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: macOSColors.background.base
+    // Transparent so the night sheet's star field shows through.
+    backgroundColor: "transparent"
   },
   contentArea: {
     flex: 1,
@@ -264,11 +265,11 @@ const styles = StyleSheet.create({
     padding: 14
   },
   contentCard: {
-    backgroundColor: macOSColors.background.card,
+    backgroundColor: night.color.surface,
     borderRadius: 14,
     padding: 14,
     borderWidth: 1,
-    borderColor: macOSColors.border.default
+    borderColor: night.color.border
   },
   valueHeader: {
     flexDirection: "row",
@@ -278,7 +279,7 @@ const styles = StyleSheet.create({
   },
   valueLabel: {
     fontSize: 10,
-    color: macOSColors.text.secondary,
+    color: night.color.textSecondary,
     fontFamily: "monospace",
     letterSpacing: 0.5,
     fontWeight: "600"
@@ -303,24 +304,25 @@ const styles = StyleSheet.create({
     paddingHorizontal: 8,
     paddingVertical: 2,
     borderRadius: 4,
-    backgroundColor: macOSColors.background.input
+    backgroundColor: night.color.surfaceElevated
   },
   typeText: {
     fontSize: 9,
     fontWeight: "600",
-    color: macOSColors.text.muted,
+    color: night.color.textTertiary,
     fontFamily: "monospace"
   },
   valueBox: {
-    backgroundColor: macOSColors.background.base,
+    // Inset code box — darker than the card, the night track color.
+    backgroundColor: night.color.bg,
     borderRadius: 6,
     borderWidth: 1,
-    borderColor: macOSColors.border.input,
+    borderColor: night.color.border,
     padding: 8
   },
   valueText: {
     fontSize: 12,
-    color: macOSColors.text.primary,
+    color: night.color.text,
     fontFamily: "monospace",
     lineHeight: 18
   },

package/lib/module/zustand/components/ZustandStateInfoView.js

@@ -13,7 +13,7 @@
 
 import React, { memo, useCallback, useState, useEffect } from "react";
 import { View, Text, StyleSheet, ScrollView } from "react-native";
-import { buoyColors, Clock, AlertTriangle, Zap, Info, Box, Database, parseValue, ProUpgradeModal, copyToClipboard } from "@buoy-gg/shared-ui";
+import { buoyColors, night, Clock, AlertTriangle, Zap, Info, Box, Database, parseValue, ProUpgradeModal, copyToClipboard } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
 import { ZustandActionButton } from "./ZustandActionButton";
@@ -36,8 +36,8 @@ function getCategoryInfo(category) {
     case "initial":
       return {
         label: "INITIAL",
-        color: buoyColors.textMuted,
-        bgColor: buoyColors.textMuted + "26"
+        color: night.color.textTertiary,
+        bgColor: night.color.textTertiary + "26"
       };
     default:
       return {
@@ -63,7 +63,7 @@ function SectionHeader({
       style: styles.sectionHeaderLeft,
       children: [/*#__PURE__*/_jsx(Icon, {
         size: 14,
-        color: buoyColors.primary
+        color: night.color.accent
       }), /*#__PURE__*/_jsx(Text, {
         style: styles.sectionTitle,
         children: title
@@ -170,7 +170,7 @@ export const ZustandStateInfoView = /*#__PURE__*/memo(function ZustandStateInfoV
             style: [styles.durationBadge, change.isSlowUpdate && styles.durationBadgeSlow],
             children: [/*#__PURE__*/_jsx(Clock, {
               size: 10,
-              color: change.isSlowUpdate ? buoyColors.error : buoyColors.textSecondary
+              color: change.isSlowUpdate ? buoyColors.error : night.color.textSecondary
             }), /*#__PURE__*/_jsx(Text, {
               style: [styles.durationText, change.isSlowUpdate && styles.durationTextSlow],
               children: formatDuration(change.duration)
@@ -299,12 +299,12 @@ const styles = StyleSheet.create({
     gap: 16
   },
   card: {
-    backgroundColor: buoyColors.card,
+    backgroundColor: night.color.surface,
     borderRadius: 6,
     borderWidth: 1,
-    borderColor: buoyColors.primary + "4D",
+    borderColor: night.color.accentBorderStrong,
     overflow: "hidden",
-    shadowColor: buoyColors.primary,
+    shadowColor: night.color.accent,
     shadowOffset: {
       width: 0,
       height: 0
@@ -319,8 +319,8 @@ const styles = StyleSheet.create({
     paddingHorizontal: 12,
     paddingVertical: 10,
     borderBottomWidth: 1,
-    borderBottomColor: buoyColors.primary + "33",
-    backgroundColor: buoyColors.primary + "15"
+    borderBottomColor: night.color.accentBorder,
+    backgroundColor: night.color.accentSoft
   },
   sectionHeaderLeft: {
     flexDirection: "row",
@@ -331,7 +331,7 @@ const styles = StyleSheet.create({
     fontSize: 12,
     fontWeight: "600",
     letterSpacing: 0.5,
-    color: buoyColors.primary,
+    color: night.color.accent,
     fontFamily: "monospace"
   },
   cardContent: {
@@ -345,12 +345,12 @@ const styles = StyleSheet.create({
   },
   infoLabel: {
     fontSize: 11,
-    color: buoyColors.textMuted,
+    color: night.color.textTertiary,
     fontWeight: "500"
   },
   infoValue: {
     fontSize: 11,
-    color: buoyColors.text,
+    color: night.color.text,
     fontWeight: "500",
     flex: 1,
     textAlign: "right",
@@ -382,7 +382,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 8,
     paddingVertical: 3,
     borderRadius: 4,
-    backgroundColor: buoyColors.input
+    backgroundColor: night.color.surfaceElevated
   },
   durationBadgeSlow: {
     backgroundColor: buoyColors.error + "26"
@@ -390,7 +390,7 @@ const styles = StyleSheet.create({
   durationText: {
     fontSize: 9,
     fontWeight: "600",
-    color: buoyColors.textSecondary,
+    color: night.color.textSecondary,
     fontFamily: "monospace"
   },
   durationTextSlow: {
@@ -414,12 +414,12 @@ const styles = StyleSheet.create({
     paddingHorizontal: 8,
     paddingVertical: 3,
     borderRadius: 4,
-    backgroundColor: buoyColors.input
+    backgroundColor: night.color.surfaceElevated
   },
   noChangesText: {
     fontSize: 9,
     fontWeight: "600",
-    color: buoyColors.textMuted
+    color: night.color.textTertiary
   },
   persistBadge: {
     flexDirection: "row",
@@ -445,52 +445,53 @@ const styles = StyleSheet.create({
     paddingHorizontal: 8,
     paddingVertical: 4,
     borderRadius: 4,
-    backgroundColor: buoyColors.primary + "20",
+    backgroundColor: night.color.accentSoft,
     borderWidth: 1,
-    borderColor: buoyColors.primary + "40"
+    borderColor: night.color.accentBorder
   },
   keyText: {
     fontSize: 11,
     fontWeight: "600",
-    color: buoyColors.primary,
+    color: night.color.accent,
     fontFamily: "monospace"
   },
   countBadge: {
     paddingHorizontal: 8,
     paddingVertical: 3,
     borderRadius: 4,
-    backgroundColor: buoyColors.primary + "26"
+    backgroundColor: night.color.accentFill
   },
   countText: {
     fontSize: 9,
     fontWeight: "700",
-    color: buoyColors.primary,
+    color: night.color.accent,
     fontFamily: "monospace"
   },
   typeBadge: {
     paddingHorizontal: 6,
     paddingVertical: 2,
     borderRadius: 3,
-    backgroundColor: buoyColors.input
+    backgroundColor: night.color.surfaceElevated
   },
   typeText: {
     fontSize: 8,
     fontWeight: "600",
-    color: buoyColors.textMuted,
+    color: night.color.textTertiary,
     fontFamily: "monospace"
   },
   dataViewerContainer: {
-    backgroundColor: buoyColors.base,
+    // Inset display panel — darker than the card, the night track color.
+    backgroundColor: night.color.bg,
     minHeight: 60
   },
   updaterText: {
     fontSize: 12,
-    color: buoyColors.text,
+    color: night.color.text,
     fontFamily: "monospace"
   },
   updaterSubtext: {
     fontSize: 11,
-    color: buoyColors.textMuted,
+    color: night.color.textTertiary,
     lineHeight: 16,
     marginTop: 4
   },

package/lib/module/zustand/components/ZustandStoreBrowser.js

@@ -12,7 +12,7 @@
 
 import { useState, useMemo, useCallback } from "react";
 import { View, Text, StyleSheet, ScrollView, TouchableOpacity, ActivityIndicator } from "react-native";
-import { CompactRow, macOSColors, buoyColors, Database, parseValue, Box, ExpandedInfoRow, PillBadge } from "@buoy-gg/shared-ui";
+import { CompactRow, buoyColors, night, Database, parseValue, Box, ExpandedInfoRow, PillBadge } from "@buoy-gg/shared-ui";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
 import { zustandStateStore } from "../utils/zustandStateStore";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -116,7 +116,7 @@ function LoadingBrowserState() {
     style: styles.emptyState,
     children: [/*#__PURE__*/_jsx(ActivityIndicator, {
       size: "small",
-      color: macOSColors.text.muted
+      color: night.color.textTertiary
     }), /*#__PURE__*/_jsx(Text, {
       style: styles.emptyTitle,
       children: "Loading stores\u2026"
@@ -131,7 +131,7 @@ function EmptyBrowserState() {
     style: styles.emptyState,
     children: [/*#__PURE__*/_jsx(Box, {
       size: 32,
-      color: macOSColors.text.muted
+      color: night.color.textTertiary
     }), /*#__PURE__*/_jsx(Text, {
       style: styles.emptyTitle,
       children: "No stores registered"
@@ -266,10 +266,10 @@ const styles = StyleSheet.create({
     fontSize: 11,
     fontWeight: "700",
     letterSpacing: 0.5,
-    color: macOSColors.text.muted
+    color: night.color.textTertiary
   },
   sectionCountBadge: {
-    backgroundColor: buoyColors.primary + "26",
+    backgroundColor: night.color.accentFill,
     paddingHorizontal: 8,
     paddingVertical: 2,
     borderRadius: 4
@@ -277,7 +277,7 @@ const styles = StyleSheet.create({
   sectionCountText: {
     fontSize: 10,
     fontWeight: "700",
-    color: buoyColors.primary,
+    color: night.color.accent,
     fontFamily: "monospace"
   },
   emptyState: {
@@ -285,14 +285,14 @@ const styles = StyleSheet.create({
     paddingVertical: 40
   },
   emptyTitle: {
-    color: macOSColors.text.primary,
+    color: night.color.text,
     fontSize: 14,
     fontWeight: "600",
     marginTop: 12,
     marginBottom: 6
   },
   emptyText: {
-    color: macOSColors.text.muted,
+    color: night.color.textTertiary,
     fontSize: 12,
     textAlign: "center",
     lineHeight: 18
@@ -311,15 +311,16 @@ const expandedStyles = StyleSheet.create({
     fontFamily: "monospace"
   },
   dataContainer: {
-    backgroundColor: buoyColors.base,
+    // Inset display panel — darker than the card, the night track color.
+    backgroundColor: night.color.bg,
     borderRadius: 6,
     borderWidth: 1,
-    borderColor: buoyColors.border,
+    borderColor: night.color.border,
     overflow: "hidden",
     minHeight: 60
   },
   emptyText: {
-    color: buoyColors.textMuted,
+    color: night.color.textTertiary,
     fontSize: 12,
     padding: 14,
     fontStyle: "italic"

package/lib/typescript/zustand/components/ZustandActionButton.d.ts

@@ -7,27 +7,27 @@
 declare const buttonConfigs: {
     copy: {
         color: "#20C997";
-        backgroundColor: string;
-        borderColor: string;
+        backgroundColor: "rgba(32, 201, 151, 0.12)";
+        borderColor: "rgba(32, 201, 151, 0.20)";
         textColor: "#20C997";
     };
     reset: {
-        color: "#FFA94D";
-        backgroundColor: string;
+        color: "#FF8329";
+        backgroundColor: "rgba(255, 131, 41, 0.12)";
         borderColor: string;
-        textColor: "#FFA94D";
+        textColor: "#FF8329";
     };
     clear: {
-        color: "#EF4444";
-        backgroundColor: string;
+        color: "#FF3B30";
+        backgroundColor: "rgba(255, 59, 48, 0.10)";
         borderColor: string;
-        textColor: "#EF4444";
+        textColor: "#FF3B30";
     };
     jump: {
-        color: "#FFA94D";
-        backgroundColor: string;
+        color: "#FF8329";
+        backgroundColor: "rgba(255, 131, 41, 0.12)";
         borderColor: string;
-        textColor: "#FFA94D";
+        textColor: "#FF8329";
     };
 };
 export type ButtonType = keyof typeof buttonConfigs;

package/lib/typescript/zustand/components/ZustandEventFilterView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZustandEventFilterView.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandEventFilterView.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,UAAU,2BAA2B;IACnC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,gBAAgB,EAAE,CAAC;CAC5B;AAuBD,wBAAgB,sBAAsB,CAAC,EACrC,eAAe,EACf,eAAe,EACf,YAAY,EACZ,MAAM,GACP,EAAE,2BAA2B,+BAgL7B"}
+{"version":3,"file":"ZustandEventFilterView.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandEventFilterView.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,UAAU,2BAA2B;IACnC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,gBAAgB,EAAE,CAAC;CAC5B;AAuBD,wBAAgB,sBAAsB,CAAC,EACrC,eAAe,EACf,eAAe,EACf,YAAY,EACZ,MAAM,GACP,EAAE,2BAA2B,+BAgL7B"}

package/lib/typescript/zustand/components/ZustandStateInfoView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZustandStateInfoView.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandStateInfoView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAiD,MAAM,OAAO,CAAC;AAgBtE,OAAO,KAAK,EAAE,kBAAkB,EAAuB,MAAM,UAAU,CAAC;AAIxE,UAAU,yBAAyB;IACjC,MAAM,EAAE,kBAAkB,CAAC;CAC5B;AAmGD,eAAO,MAAM,oBAAoB,uDAmO/B,CAAC"}
+{"version":3,"file":"ZustandStateInfoView.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandStateInfoView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAiD,MAAM,OAAO,CAAC;AAiBtE,OAAO,KAAK,EAAE,kBAAkB,EAAuB,MAAM,UAAU,CAAC;AAIxE,UAAU,yBAAyB;IACjC,MAAM,EAAE,kBAAkB,CAAC;CAC5B;AAmGD,eAAO,MAAM,oBAAoB,uDAmO/B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/zustand",
-  "version": "7.0.26",
+  "version": "7.0.28",
   "description": "Zustand devtools inside your React Native app — state diffs, jump-to-state & one-tap store reset, no middleware. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -29,8 +29,8 @@
     "**/snapshotProvider.ts"
   ],
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.26",
-    "@buoy-gg/license": "^7.0.26"
+    "@buoy-gg/shared-ui": "^7.0.28",
+    "@buoy-gg/license": "^7.0.28"
   },
   "peerDependencies": {
     "react": "*",