@buoy-gg/zustand 2.1.11 → 2.1.13

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

@@ -1,307 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ZustandStoreBrowser = ZustandStoreBrowser;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _zustandStateStore = require("../utils/zustandStateStore");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ZustandStoreBrowser
- *
- * Browse tab — shows all registered Zustand stores and their current state.
- * Mirrors the Storage Browser pattern from @buoy-gg/storage.
- *
- * Each store is shown as an expandable row with its current state viewable
- * via the shared DataViewer component.
- */
-
-/**
- * Get a preview of the store's top-level keys
- */
-function getKeysPreview(store) {
-  try {
-    const state = store.api.getState();
-    if (state && typeof state === "object") {
-      const keys = Object.keys(state);
-      const dataKeys = keys.filter(k => {
-        const val = state[k];
-        return typeof val !== "function";
-      });
-      if (dataKeys.length === 0) return "no data keys";
-      if (dataKeys.length <= 3) return dataKeys.join(", ");
-      return `${dataKeys.slice(0, 2).join(", ")} +${dataKeys.length - 2}`;
-    }
-    return "";
-  } catch {
-    return "";
-  }
-}
-function StoreExpandedContent({
-  store,
-  onViewHistory
-}) {
-  const state = store.api.getState();
-  const displayState = (0, _react.useMemo)(() => {
-    if (state && typeof state === "object") {
-      const filtered = {};
-      for (const [key, value] of Object.entries(state)) {
-        if (typeof value !== "function") {
-          filtered[key] = value;
-        }
-      }
-      return (0, _sharedUi.parseValue)(filtered);
-    }
-    return (0, _sharedUi.parseValue)(state);
-  }, [state]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: expandedStyles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow, {
-      label: "Type",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-        color: store.color,
-        children: "ZUSTAND"
-      })
-    }), store.stateChangeCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ExpandedInfoRow, {
-      label: "Changes",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-        color: _sharedUi.buoyColors.warning,
-        children: String(store.stateChangeCount)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: () => onViewHistory(store.name),
-        style: expandedStyles.viewHistoryButton,
-        hitSlop: {
-          top: 6,
-          bottom: 6,
-          left: 6,
-          right: 6
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [expandedStyles.viewHistoryText, {
-            color: store.color
-          }],
-          children: "view history \u2192"
-        })
-      })]
-    }), store.isPersisted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow, {
-      label: "Persist",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-        color: _sharedUi.buoyColors.info,
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Database, {
-          size: 9,
-          color: _sharedUi.buoyColors.info
-        }),
-        children: store.persistName || "persisted"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: expandedStyles.dataContainer,
-      children: displayState && typeof displayState === "object" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-        title: "",
-        data: displayState,
-        showTypeFilter: true,
-        rawMode: true,
-        initialExpanded: true
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: expandedStyles.emptyText,
-        children: "Empty state"
-      })
-    })]
-  });
-}
-function EmptyBrowserState() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.emptyState,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Box, {
-      size: 32,
-      color: _sharedUi.macOSColors.text.muted
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyTitle,
-      children: "No stores registered"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyText,
-      children: "Use watchStores() to register your Zustand stores.\nThey will appear here with their current state."
-    })]
-  });
-}
-function ZustandStoreBrowser({
-  stores,
-  searchQuery,
-  onViewHistory
-}) {
-  const [expandedStore, setExpandedStore] = (0, _react.useState)(null);
-
-  // Filter stores by search query
-  const filteredStores = (0, _react.useMemo)(() => {
-    if (!searchQuery) return stores;
-    const search = searchQuery.toLowerCase();
-    return stores.filter(s => s.name.toLowerCase().includes(search) || s.persistName && s.persistName.toLowerCase().includes(search));
-  }, [stores, searchQuery]);
-  const handleStorePress = (0, _react.useCallback)(store => {
-    setExpandedStore(prev => prev === store.name ? null : store.name);
-  }, []);
-  if (filteredStores.length === 0 && !searchQuery) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyBrowserState, {});
-  }
-  if (filteredStores.length === 0 && searchQuery) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.emptyState,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyTitle,
-        children: "No matching stores"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.emptyText,
-        children: ["No stores match \"", searchQuery, "\""]
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-    style: styles.container,
-    contentContainerStyle: styles.scrollContent,
-    showsVerticalScrollIndicator: true,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.sectionHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.sectionTitle,
-        children: "STORES"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.sectionCountBadge,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.sectionCountText,
-          children: filteredStores.length
-        })
-      })]
-    }), filteredStores.map(store => {
-      const isExpanded = expandedStore === store.name;
-      const keysPreview = getKeysPreview(store);
-      const storeColor = _zustandStateStore.zustandStateStore.getStoreColor(store.name);
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.storeRowWrapper,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
-          statusDotColor: storeColor,
-          statusLabel: store.name,
-          statusSublabel: store.isPersisted ? "persisted" : "in-memory",
-          primaryText: keysPreview,
-          showChevron: true,
-          isExpanded: isExpanded,
-          onPress: () => handleStorePress(store),
-          expandedContent: isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StoreExpandedContent, {
-            store: store,
-            onViewHistory: onViewHistory
-          }) : undefined
-        }), store.stateChangeCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.absCountBadge, {
-            backgroundColor: storeColor + "22",
-            borderColor: storeColor + "55"
-          }],
-          pointerEvents: "none",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.absCountText, {
-              color: storeColor
-            }],
-            children: String(store.stateChangeCount)
-          })
-        })]
-      }, store.name);
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  storeRowWrapper: {
-    position: "relative"
-  },
-  absCountBadge: {
-    position: "absolute",
-    top: 4,
-    right: 10,
-    paddingHorizontal: 5,
-    paddingVertical: 1,
-    borderRadius: 4,
-    borderWidth: 1,
-    zIndex: 1
-  },
-  absCountText: {
-    fontSize: 9,
-    fontWeight: "700",
-    fontFamily: "monospace"
-  },
-  scrollContent: {
-    paddingTop: 8,
-    paddingBottom: 20
-  },
-  sectionHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    gap: 8
-  },
-  sectionTitle: {
-    fontSize: 11,
-    fontWeight: "700",
-    letterSpacing: 0.5,
-    color: _sharedUi.macOSColors.text.muted
-  },
-  sectionCountBadge: {
-    backgroundColor: _sharedUi.buoyColors.primary + "26",
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 4
-  },
-  sectionCountText: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: _sharedUi.buoyColors.primary,
-    fontFamily: "monospace"
-  },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40
-  },
-  emptyTitle: {
-    color: _sharedUi.macOSColors.text.primary,
-    fontSize: 14,
-    fontWeight: "600",
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: _sharedUi.macOSColors.text.muted,
-    fontSize: 12,
-    textAlign: "center",
-    lineHeight: 18
-  }
-});
-const expandedStyles = _reactNative.StyleSheet.create({
-  container: {
-    gap: 10
-  },
-  viewHistoryButton: {
-    marginLeft: 4
-  },
-  viewHistoryText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: "monospace"
-  },
-  dataContainer: {
-    backgroundColor: _sharedUi.buoyColors.base,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
-    overflow: "hidden",
-    minHeight: 60
-  },
-  emptyText: {
-    color: _sharedUi.buoyColors.textMuted,
-    fontSize: 12,
-    padding: 14,
-    fontStyle: "italic"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ZustandStoreBrowser=ZustandStoreBrowser;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_dataViewer=require("@buoy-gg/shared-ui/dataViewer"),_zustandStateStore=require("../utils/zustandStateStore"),_jsxRuntime=require("react/jsx-runtime");function getKeysPreview(e){try{const t=e.api.getState();if(t&&"object"==typeof t){const e=Object.keys(t).filter(e=>"function"!=typeof t[e]);return 0===e.length?"no data keys":e.length<=3?e.join(", "):`${e.slice(0,2).join(", ")} +${e.length-2}`}return""}catch{return""}}function StoreExpandedContent({store:e,onViewHistory:t}){const s=e.api.getState(),r=(0,_react.useMemo)(()=>{if(s&&"object"==typeof s){const e={};for(const[t,r]of Object.entries(s))"function"!=typeof r&&(e[t]=r);return(0,_sharedUi.parseValue)(e)}return(0,_sharedUi.parseValue)(s)},[s]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:expandedStyles.container,children:[(0,_jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow,{label:"Type",children:(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:e.color,children:"ZUSTAND"})}),e.stateChangeCount>0&&(0,_jsxRuntime.jsxs)(_sharedUi.ExpandedInfoRow,{label:"Changes",children:[(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:_sharedUi.buoyColors.warning,children:String(e.stateChangeCount)}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>t(e.name),style:expandedStyles.viewHistoryButton,hitSlop:{top:6,bottom:6,left:6,right:6},children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[expandedStyles.viewHistoryText,{color:e.color}],children:"view history →"})})]}),e.isPersisted&&(0,_jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow,{label:"Persist",children:(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:_sharedUi.buoyColors.info,icon:(0,_jsxRuntime.jsx)(_sharedUi.Database,{size:9,color:_sharedUi.buoyColors.info}),children:e.persistName||"persisted"})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:expandedStyles.dataContainer,children:r&&"object"==typeof r?(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"",data:r,showTypeFilter:!0,rawMode:!0,initialExpanded:!0}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:expandedStyles.emptyText,children:"Empty state"})})]})}function EmptyBrowserState(){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.emptyState,children:[(0,_jsxRuntime.jsx)(_sharedUi.Box,{size:32,color:_sharedUi.macOSColors.text.muted}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyTitle,children:"No stores registered"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyText,children:"Use watchStores() to register your Zustand stores.\nThey will appear here with their current state."})]})}function ZustandStoreBrowser({stores:e,searchQuery:t,onViewHistory:s}){const[r,i]=(0,_react.useState)(null),o=(0,_react.useMemo)(()=>{if(!t)return e;const s=t.toLowerCase();return e.filter(e=>e.name.toLowerCase().includes(s)||e.persistName&&e.persistName.toLowerCase().includes(s))},[e,t]),n=(0,_react.useCallback)(e=>{i(t=>t===e.name?null:e.name)},[]);return 0!==o.length||t?0===o.length&&t?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.emptyState,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyTitle,children:"No matching stores"}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.emptyText,children:['No stores match "',t,'"']})]}):(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.container,contentContainerStyle:styles.scrollContent,showsVerticalScrollIndicator:!0,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionTitle,children:"STORES"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.sectionCountBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionCountText,children:o.length})})]}),o.map(e=>{const t=r===e.name,i=getKeysPreview(e),o=_zustandStateStore.zustandStateStore.getStoreColor(e.name);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.storeRowWrapper,children:[(0,_jsxRuntime.jsx)(_sharedUi.CompactRow,{statusDotColor:o,statusLabel:e.name,statusSublabel:e.isPersisted?"persisted":"in-memory",primaryText:i,showChevron:!0,isExpanded:t,onPress:()=>n(e),expandedContent:t?(0,_jsxRuntime.jsx)(StoreExpandedContent,{store:e,onViewHistory:s}):void 0}),e.stateChangeCount>0&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.absCountBadge,{backgroundColor:o+"22",borderColor:o+"55"}],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.absCountText,{color:o}],children:String(e.stateChangeCount)})})]},e.name)})]}):(0,_jsxRuntime.jsx)(EmptyBrowserState,{})}const styles=_reactNative.StyleSheet.create({container:{flex:1},storeRowWrapper:{position:"relative"},absCountBadge:{position:"absolute",top:4,right:10,paddingHorizontal:5,paddingVertical:1,borderRadius:4,borderWidth:1,zIndex:1},absCountText:{fontSize:9,fontWeight:"700",fontFamily:"monospace"},scrollContent:{paddingTop:8,paddingBottom:20},sectionHeader:{flexDirection:"row",alignItems:"center",paddingHorizontal:16,paddingVertical:8,gap:8},sectionTitle:{fontSize:11,fontWeight:"700",letterSpacing:.5,color:_sharedUi.macOSColors.text.muted},sectionCountBadge:{backgroundColor:_sharedUi.buoyColors.primary+"26",paddingHorizontal:8,paddingVertical:2,borderRadius:4},sectionCountText:{fontSize:10,fontWeight:"700",color:_sharedUi.buoyColors.primary,fontFamily:"monospace"},emptyState:{alignItems:"center",paddingVertical:40},emptyTitle:{color:_sharedUi.macOSColors.text.primary,fontSize:14,fontWeight:"600",marginTop:12,marginBottom:6},emptyText:{color:_sharedUi.macOSColors.text.muted,fontSize:12,textAlign:"center",lineHeight:18}}),expandedStyles=_reactNative.StyleSheet.create({container:{gap:10},viewHistoryButton:{marginLeft:4},viewHistoryText:{fontSize:10,fontWeight:"600",fontFamily:"monospace"},dataContainer:{backgroundColor:_sharedUi.buoyColors.base,borderRadius:6,borderWidth:1,borderColor:_sharedUi.buoyColors.border,overflow:"hidden",minHeight:60},emptyText:{color:_sharedUi.buoyColors.textMuted,fontSize:12,padding:14,fontStyle:"italic"}});

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

@@ -1,73 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ZUSTAND_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _ZustandIcon.ZUSTAND_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "ZustandActionButton", {
-  enumerable: true,
-  get: function () {
-    return _ZustandActionButton.ZustandActionButton;
-  }
-});
-Object.defineProperty(exports, "ZustandDetailViewToggle", {
-  enumerable: true,
-  get: function () {
-    return _ZustandDetailViewToggle.ZustandDetailViewToggle;
-  }
-});
-Object.defineProperty(exports, "ZustandIcon", {
-  enumerable: true,
-  get: function () {
-    return _ZustandIcon.ZustandIcon;
-  }
-});
-Object.defineProperty(exports, "ZustandModal", {
-  enumerable: true,
-  get: function () {
-    return _ZustandModal.ZustandModal;
-  }
-});
-Object.defineProperty(exports, "ZustandStateChangeItem", {
-  enumerable: true,
-  get: function () {
-    return _ZustandStateChangeItem.ZustandStateChangeItem;
-  }
-});
-Object.defineProperty(exports, "ZustandStateDetailContent", {
-  enumerable: true,
-  get: function () {
-    return _ZustandStateDetailContent.ZustandStateDetailContent;
-  }
-});
-Object.defineProperty(exports, "ZustandStateDetailFooter", {
-  enumerable: true,
-  get: function () {
-    return _ZustandStateDetailContent.ZustandStateDetailFooter;
-  }
-});
-Object.defineProperty(exports, "ZustandStateInfoView", {
-  enumerable: true,
-  get: function () {
-    return _ZustandStateInfoView.ZustandStateInfoView;
-  }
-});
-Object.defineProperty(exports, "ZustandStoreBrowser", {
-  enumerable: true,
-  get: function () {
-    return _ZustandStoreBrowser.ZustandStoreBrowser;
-  }
-});
-var _ZustandModal = require("./ZustandModal");
-var _ZustandIcon = require("./ZustandIcon");
-var _ZustandStateChangeItem = require("./ZustandStateChangeItem");
-var _ZustandStateDetailContent = require("./ZustandStateDetailContent");
-var _ZustandStateInfoView = require("./ZustandStateInfoView");
-var _ZustandDetailViewToggle = require("./ZustandDetailViewToggle");
-var _ZustandActionButton = require("./ZustandActionButton");
-var _ZustandStoreBrowser = require("./ZustandStoreBrowser");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ZUSTAND_ICON_COLOR",{enumerable:!0,get:function(){return _ZustandIcon.ZUSTAND_ICON_COLOR}}),Object.defineProperty(exports,"ZustandActionButton",{enumerable:!0,get:function(){return _ZustandActionButton.ZustandActionButton}}),Object.defineProperty(exports,"ZustandDetailViewToggle",{enumerable:!0,get:function(){return _ZustandDetailViewToggle.ZustandDetailViewToggle}}),Object.defineProperty(exports,"ZustandIcon",{enumerable:!0,get:function(){return _ZustandIcon.ZustandIcon}}),Object.defineProperty(exports,"ZustandModal",{enumerable:!0,get:function(){return _ZustandModal.ZustandModal}}),Object.defineProperty(exports,"ZustandStateChangeItem",{enumerable:!0,get:function(){return _ZustandStateChangeItem.ZustandStateChangeItem}}),Object.defineProperty(exports,"ZustandStateDetailContent",{enumerable:!0,get:function(){return _ZustandStateDetailContent.ZustandStateDetailContent}}),Object.defineProperty(exports,"ZustandStateDetailFooter",{enumerable:!0,get:function(){return _ZustandStateDetailContent.ZustandStateDetailFooter}}),Object.defineProperty(exports,"ZustandStateInfoView",{enumerable:!0,get:function(){return _ZustandStateInfoView.ZustandStateInfoView}}),Object.defineProperty(exports,"ZustandStoreBrowser",{enumerable:!0,get:function(){return _ZustandStoreBrowser.ZustandStoreBrowser}});var _ZustandModal=require("./ZustandModal"),_ZustandIcon=require("./ZustandIcon"),_ZustandStateChangeItem=require("./ZustandStateChangeItem"),_ZustandStateDetailContent=require("./ZustandStateDetailContent"),_ZustandStateInfoView=require("./ZustandStateInfoView"),_ZustandDetailViewToggle=require("./ZustandDetailViewToggle"),_ZustandActionButton=require("./ZustandActionButton"),_ZustandStoreBrowser=require("./ZustandStoreBrowser");

package/lib/commonjs/zustand/hooks/index.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useZustandStateChanges", {
-  enumerable: true,
-  get: function () {
-    return _useZustandStateChanges.useZustandStateChanges;
-  }
-});
-var _useZustandStateChanges = require("./useZustandStateChanges");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useZustandStateChanges",{enumerable:!0,get:function(){return _useZustandStateChanges.useZustandStateChanges}});var _useZustandStateChanges=require("./useZustandStateChanges");

package/lib/commonjs/zustand/hooks/useZustandStateChanges.js

@@ -1,92 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useZustandStateChanges = useZustandStateChanges;
-var _react = require("react");
-var _zustandStateStore = require("../utils/zustandStateStore");
-/**
- * Hook for consuming Zustand state changes from the store
- *
- * Mirrors useReduxActions.ts from @buoy-gg/redux
- */
-
-function useZustandStateChanges() {
-  const [stateChanges, setStateChanges] = (0, _react.useState)(() => _zustandStateStore.zustandStateStore.getStateChanges());
-  const [stores, setStores] = (0, _react.useState)(() => _zustandStateStore.zustandStateStore.getStores());
-  const [filter, setFilter] = (0, _react.useState)({});
-  const [isEnabled, setIsEnabled] = (0, _react.useState)(() => _zustandStateStore.zustandStateStore.getEnabled());
-
-  // Subscribe to state changes
-  (0, _react.useEffect)(() => {
-    const unsubChanges = _zustandStateStore.zustandStateStore.subscribe(newChanges => {
-      setStateChanges(newChanges);
-    });
-    const unsubStores = _zustandStateStore.zustandStateStore.subscribeToStores(newStores => {
-      setStores(newStores);
-    });
-    return () => {
-      unsubChanges();
-      unsubStores();
-    };
-  }, []);
-
-  // Filter state changes — derive directly from state to avoid stale reads
-  const filteredChanges = (0, _react.useMemo)(() => {
-    let filtered = stateChanges;
-    if (filter.searchText) {
-      const search = filter.searchText.toLowerCase();
-      filtered = filtered.filter(c => c.storeName.toLowerCase().includes(search) || c.partialPreview.toLowerCase().includes(search) || c.changedKeys.some(k => k.toLowerCase().includes(search)));
-    }
-    if (filter.storeNames && filter.storeNames.length > 0) {
-      filtered = filtered.filter(c => filter.storeNames.includes(c.storeName));
-    }
-    if (filter.onlyWithChanges) {
-      filtered = filtered.filter(c => c.hasStateChange);
-    }
-    return filtered;
-  }, [stateChanges, filter]);
-
-  // Get stats — derive directly from state
-  const stats = (0, _react.useMemo)(() => {
-    const total = stateChanges.length;
-    const withChanges = stateChanges.filter(c => c.hasStateChange).length;
-    return {
-      totalChanges: total,
-      changesWithStateChange: withChanges,
-      changesWithoutStateChange: total - withChanges,
-      storeCount: stores.length,
-      averageDuration: 0
-    };
-  }, [stateChanges, stores]);
-
-  // Get unique store names
-  const storeNames = (0, _react.useMemo)(() => {
-    return _zustandStateStore.zustandStateStore.getUniqueStoreNames();
-  }, [stores]);
-  const clearChanges = (0, _react.useCallback)(() => {
-    _zustandStateStore.zustandStateStore.clearStateChanges();
-  }, []);
-  const toggleCapture = (0, _react.useCallback)(() => {
-    const newEnabled = !isEnabled;
-    _zustandStateStore.zustandStateStore.setEnabled(newEnabled);
-    setIsEnabled(newEnabled);
-  }, [isEnabled]);
-  const getChangeById = (0, _react.useCallback)(id => {
-    return _zustandStateStore.zustandStateStore.getStateChangeById(id);
-  }, []);
-  return {
-    stateChanges,
-    filteredChanges,
-    filter,
-    setFilter,
-    stats,
-    stores,
-    clearChanges,
-    isEnabled,
-    toggleCapture,
-    storeNames,
-    getChangeById
-  };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useZustandStateChanges=useZustandStateChanges;var _react=require("react"),_zustandStateStore=require("../utils/zustandStateStore");function useZustandStateChanges(){const[t,e]=(0,_react.useState)(()=>_zustandStateStore.zustandStateStore.getStateChanges()),[a,s]=(0,_react.useState)(()=>_zustandStateStore.zustandStateStore.getStores()),[r,n]=(0,_react.useState)({}),[o,u]=(0,_react.useState)(()=>_zustandStateStore.zustandStateStore.getEnabled());(0,_react.useEffect)(()=>{const t=_zustandStateStore.zustandStateStore.subscribe(t=>{e(t)}),a=_zustandStateStore.zustandStateStore.subscribeToStores(t=>{s(t)});return()=>{t(),a()}},[]);const S=(0,_react.useMemo)(()=>{let e=t;if(r.searchText){const t=r.searchText.toLowerCase();e=e.filter(e=>e.storeName.toLowerCase().includes(t)||e.partialPreview.toLowerCase().includes(t)||e.changedKeys.some(e=>e.toLowerCase().includes(t)))}return r.storeNames&&r.storeNames.length>0&&(e=e.filter(t=>r.storeNames.includes(t.storeName))),r.onlyWithChanges&&(e=e.filter(t=>t.hasStateChange)),e},[t,r]),c=(0,_react.useMemo)(()=>{const e=t.length,s=t.filter(t=>t.hasStateChange).length;return{totalChanges:e,changesWithStateChange:s,changesWithoutStateChange:e-s,storeCount:a.length,averageDuration:0}},[t,a]),d=(0,_react.useMemo)(()=>_zustandStateStore.zustandStateStore.getUniqueStoreNames(),[a]),l=(0,_react.useCallback)(()=>{_zustandStateStore.zustandStateStore.clearStateChanges()},[]),g=(0,_react.useCallback)(()=>{const t=!o;_zustandStateStore.zustandStateStore.setEnabled(t),u(t)},[o]),h=(0,_react.useCallback)(t=>_zustandStateStore.zustandStateStore.getStateChangeById(t),[]);return{stateChanges:t,filteredChanges:S,filter:r,setFilter:n,stats:c,stores:a,clearChanges:l,isEnabled:o,toggleCapture:g,storeNames:d,getChangeById:h}}

package/lib/commonjs/zustand/index.js

@@ -1,99 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ZUSTAND_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _ZustandIcon.ZUSTAND_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "ZustandActionButton", {
-  enumerable: true,
-  get: function () {
-    return _ZustandActionButton.ZustandActionButton;
-  }
-});
-Object.defineProperty(exports, "ZustandDetailViewToggle", {
-  enumerable: true,
-  get: function () {
-    return _ZustandDetailViewToggle.ZustandDetailViewToggle;
-  }
-});
-Object.defineProperty(exports, "ZustandIcon", {
-  enumerable: true,
-  get: function () {
-    return _ZustandIcon.ZustandIcon;
-  }
-});
-Object.defineProperty(exports, "ZustandModal", {
-  enumerable: true,
-  get: function () {
-    return _ZustandModal.ZustandModal;
-  }
-});
-Object.defineProperty(exports, "ZustandStateChangeItem", {
-  enumerable: true,
-  get: function () {
-    return _ZustandStateChangeItem.ZustandStateChangeItem;
-  }
-});
-Object.defineProperty(exports, "ZustandStateDetailContent", {
-  enumerable: true,
-  get: function () {
-    return _ZustandStateDetailContent.ZustandStateDetailContent;
-  }
-});
-Object.defineProperty(exports, "ZustandStateDetailFooter", {
-  enumerable: true,
-  get: function () {
-    return _ZustandStateDetailContent.ZustandStateDetailFooter;
-  }
-});
-Object.defineProperty(exports, "ZustandStateInfoView", {
-  enumerable: true,
-  get: function () {
-    return _ZustandStateInfoView.ZustandStateInfoView;
-  }
-});
-Object.defineProperty(exports, "buoyDevTools", {
-  enumerable: true,
-  get: function () {
-    return _buoyZustandMiddleware.buoyDevTools;
-  }
-});
-Object.defineProperty(exports, "isStoreInstrumented", {
-  enumerable: true,
-  get: function () {
-    return _buoyZustandMiddleware.isStoreInstrumented;
-  }
-});
-Object.defineProperty(exports, "useZustandStateChanges", {
-  enumerable: true,
-  get: function () {
-    return _useZustandStateChanges.useZustandStateChanges;
-  }
-});
-Object.defineProperty(exports, "watchStores", {
-  enumerable: true,
-  get: function () {
-    return _buoyZustandMiddleware.watchStores;
-  }
-});
-Object.defineProperty(exports, "zustandStateStore", {
-  enumerable: true,
-  get: function () {
-    return _zustandStateStore.zustandStateStore;
-  }
-});
-var _ZustandModal = require("./components/ZustandModal");
-var _ZustandIcon = require("./components/ZustandIcon");
-var _ZustandStateChangeItem = require("./components/ZustandStateChangeItem");
-var _ZustandStateDetailContent = require("./components/ZustandStateDetailContent");
-var _ZustandStateInfoView = require("./components/ZustandStateInfoView");
-var _ZustandDetailViewToggle = require("./components/ZustandDetailViewToggle");
-var _ZustandActionButton = require("./components/ZustandActionButton");
-var _zustandStateStore = require("./utils/zustandStateStore");
-var _buoyZustandMiddleware = require("./utils/buoyZustandMiddleware");
-var _useZustandStateChanges = require("./hooks/useZustandStateChanges");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ZUSTAND_ICON_COLOR",{enumerable:!0,get:function(){return _ZustandIcon.ZUSTAND_ICON_COLOR}}),Object.defineProperty(exports,"ZustandActionButton",{enumerable:!0,get:function(){return _ZustandActionButton.ZustandActionButton}}),Object.defineProperty(exports,"ZustandDetailViewToggle",{enumerable:!0,get:function(){return _ZustandDetailViewToggle.ZustandDetailViewToggle}}),Object.defineProperty(exports,"ZustandIcon",{enumerable:!0,get:function(){return _ZustandIcon.ZustandIcon}}),Object.defineProperty(exports,"ZustandModal",{enumerable:!0,get:function(){return _ZustandModal.ZustandModal}}),Object.defineProperty(exports,"ZustandStateChangeItem",{enumerable:!0,get:function(){return _ZustandStateChangeItem.ZustandStateChangeItem}}),Object.defineProperty(exports,"ZustandStateDetailContent",{enumerable:!0,get:function(){return _ZustandStateDetailContent.ZustandStateDetailContent}}),Object.defineProperty(exports,"ZustandStateDetailFooter",{enumerable:!0,get:function(){return _ZustandStateDetailContent.ZustandStateDetailFooter}}),Object.defineProperty(exports,"ZustandStateInfoView",{enumerable:!0,get:function(){return _ZustandStateInfoView.ZustandStateInfoView}}),Object.defineProperty(exports,"buoyDevTools",{enumerable:!0,get:function(){return _buoyZustandMiddleware.buoyDevTools}}),Object.defineProperty(exports,"isStoreInstrumented",{enumerable:!0,get:function(){return _buoyZustandMiddleware.isStoreInstrumented}}),Object.defineProperty(exports,"useZustandStateChanges",{enumerable:!0,get:function(){return _useZustandStateChanges.useZustandStateChanges}}),Object.defineProperty(exports,"watchStores",{enumerable:!0,get:function(){return _buoyZustandMiddleware.watchStores}}),Object.defineProperty(exports,"zustandStateStore",{enumerable:!0,get:function(){return _zustandStateStore.zustandStateStore}});var _ZustandModal=require("./components/ZustandModal"),_ZustandIcon=require("./components/ZustandIcon"),_ZustandStateChangeItem=require("./components/ZustandStateChangeItem"),_ZustandStateDetailContent=require("./components/ZustandStateDetailContent"),_ZustandStateInfoView=require("./components/ZustandStateInfoView"),_ZustandDetailViewToggle=require("./components/ZustandDetailViewToggle"),_ZustandActionButton=require("./components/ZustandActionButton"),_zustandStateStore=require("./utils/zustandStateStore"),_buoyZustandMiddleware=require("./utils/buoyZustandMiddleware"),_useZustandStateChanges=require("./hooks/useZustandStateChanges");