@buoy-gg/zustand 7.0.35 → 7.0.38

package/README.md

@@ -2,9 +2,9 @@
 
 [![npm version](https://img.shields.io/npm/v/@buoy-gg/zustand?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/zustand) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/zustand?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/zustand)
 
-**Zustand devtools on the device — state diffs, jump-to-state, and one-tap store reset with no middleware.**
+Inspect the Zustand stores you register with Buoy. Review changes, edit state, and restore retained snapshots.
 
-Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside your React Native app. Install it and it auto-appears in the floating menu from [`@buoy-gg/core`](https://www.npmjs.com/package/@buoy-gg/core).
+Part of [Buoy](https://github.com/Buoy-gg/buoy). Install the package, complete account setup, and follow the integration steps below.
 
 ## Install
 
@@ -12,6 +12,24 @@ Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside yo
 npm install @buoy-gg/core @buoy-gg/zustand
 ```
 
+## Before you start
+
+Use a development build with `@buoy-gg/core` and a Free or Pro Buoy account key. From your app’s directory, sign in:
+
+```bash
+npx --package=@buoy-gg/core buoy login
+```
+
+For Expo, initialize Buoy before rendering the menu:
+
+```tsx
+import { Buoy } from "@buoy-gg/core";
+
+Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
+```
+
+The login command writes the Expo key to `.env.local`. For React Native CLI, pass the key from your app’s environment configuration; React Native does not load `.env.local` automatically. Mount `FloatingDevTools` inside the same providers as your screens and restart the development server after installation. The [Quick Start](https://buoy.gg/buoy/latest/docs/quick-start) shows the complete root component setup.
+
 ## Quick start
 
 Pass your stores to `FloatingDevTools` via the `zustandStores` prop — a named map of your store hooks. No middleware, no store changes; observation is subscribe-only, so your stores stay untouched.
@@ -40,6 +58,10 @@ export default function App() {
 
 Prefer to wire it outside React? `watchStores({ counterStore: useCounterStore })` from `@buoy-gg/zustand` does the same thing at module scope.
 
+## Check the integration
+
+Change a value in a registered store through your app and find its diff in Buoy. Edits and resets change the real store; test with disposable data. Register the same store instances that your screens use.
+
 ## What you get
 
 - **Every state change, captured** — store name, update type (`setState`, `replace`, `persist`, `initial`), changed keys, and a diff summary
@@ -53,11 +75,11 @@ Prefer to wire it outside React? `watchStores({ counterStore: useCounterStore })
 
 ## Desktop & AI
 
-The same live session streams to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) (free, macOS/Windows/Linux) and to Claude Code or Cursor via the [Buoy MCP server](https://buoy.gg/buoy/latest/docs/mcp).
+To connect a React Native app to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) or MCP, install `@buoy-gg/external-sync` and follow the [Desktop connection guide](https://buoy.gg/buoy/latest/docs/desktop). Sign in to Desktop separately. [MCP setup](https://buoy.gg/buoy/latest/docs/mcp) also requires a process account and Pro access. Available remote actions depend on the tool and app integration.
 
-## Free vs Pro
+## Account and plan requirements
 
-Every tool is free. [Pro](https://buoy.gg/pricing) unlocks production builds, the MCP server, and unlimited capture. Every weekend, Pro features unlock free for anyone holding a key — including a free one (`npx buoy login`).
+Use a Free or Pro Buoy account. History limits and paid features vary by tool; see [pricing](https://buoy.gg/pricing). Production access requires Pro where supported. Development-only hooks and actions remain unavailable in release builds.
 
 ---
 

package/lib/commonjs/index.js

@@ -1,105 +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, "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, "ZustandToolView", {
-  enumerable: true,
-  get: function () {
-    return _ZustandModal.ZustandToolView;
-  }
-});
-Object.defineProperty(exports, "buoyDevTools", {
-  enumerable: true,
-  get: function () {
-    return _buoyZustandMiddleware.buoyDevTools;
-  }
-});
-Object.defineProperty(exports, "createZustandTool", {
-  enumerable: true,
-  get: function () {
-    return _preset.createZustandTool;
-  }
-});
-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;
-  }
-});
-Object.defineProperty(exports, "zustandSyncAdapter", {
-  enumerable: true,
-  get: function () {
-    return _zustandSyncAdapter.zustandSyncAdapter;
-  }
-});
-Object.defineProperty(exports, "zustandToolPreset", {
-  enumerable: true,
-  get: function () {
-    return _preset.zustandToolPreset;
-  }
-});
-require("./zustand/utils/snapshotProvider");
-var _preset = require("./preset");
-var _buoyZustandMiddleware = require("./zustand/utils/buoyZustandMiddleware");
-var _useZustandStateChanges = require("./zustand/hooks/useZustandStateChanges");
-var _ZustandModal = require("./zustand/components/ZustandModal");
-var _ZustandStateChangeItem = require("./zustand/components/ZustandStateChangeItem");
-var _ZustandStateDetailContent = require("./zustand/components/ZustandStateDetailContent");
-var _ZustandIcon = require("./zustand/components/ZustandIcon");
-var _zustandSyncAdapter = require("./zustand/sync/zustandSyncAdapter");
-var _zustandStateStore = require("./zustand/utils/zustandStateStore");
+"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,"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,"ZustandToolView",{enumerable:!0,get:function(){return _ZustandModal.ZustandToolView}}),Object.defineProperty(exports,"buoyDevTools",{enumerable:!0,get:function(){return _buoyZustandMiddleware.buoyDevTools}}),Object.defineProperty(exports,"createZustandTool",{enumerable:!0,get:function(){return _preset.createZustandTool}}),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}}),Object.defineProperty(exports,"zustandSyncAdapter",{enumerable:!0,get:function(){return _zustandSyncAdapter.zustandSyncAdapter}}),Object.defineProperty(exports,"zustandToolPreset",{enumerable:!0,get:function(){return _preset.zustandToolPreset}}),require("./zustand/utils/snapshotProvider");var _preset=require("./preset"),_buoyZustandMiddleware=require("./zustand/utils/buoyZustandMiddleware"),_useZustandStateChanges=require("./zustand/hooks/useZustandStateChanges"),_ZustandModal=require("./zustand/components/ZustandModal"),_ZustandStateChangeItem=require("./zustand/components/ZustandStateChangeItem"),_ZustandStateDetailContent=require("./zustand/components/ZustandStateDetailContent"),_ZustandIcon=require("./zustand/components/ZustandIcon"),_zustandSyncAdapter=require("./zustand/sync/zustandSyncAdapter"),_zustandStateStore=require("./zustand/utils/zustandStateStore");

package/lib/commonjs/preset.js

@@ -1,102 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createZustandTool = createZustandTool;
-exports.zustandToolPreset = void 0;
-var _ZustandModal = require("./zustand/components/ZustandModal");
-var _ZustandIcon = require("./zustand/components/ZustandIcon");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Pre-configured Zustand DevTools preset for FloatingDevTools
- *
- * ZERO-CONFIG: This preset is auto-discovered by FloatingDevTools!
- * Just install @buoy-gg/zustand and wrap your stores with buoyDevTools().
- *
- * @example Automatic (recommended)
- * ```tsx
- * import { create } from 'zustand';
- * import { buoyDevTools } from '@buoy-gg/zustand';
- *
- * const useCounterStore = create(
- *   buoyDevTools(
- *     (set) => ({ count: 0, increment: () => set((s) => ({ count: s.count + 1 })) }),
- *     { name: 'counterStore' }
- *   )
- * );
- *
- * // The Zustand tool appears automatically in FloatingDevTools!
- * <FloatingDevTools />
- * ```
- *
- * @example Manual (only for custom configuration)
- * ```tsx
- * import { createZustandTool } from '@buoy-gg/zustand';
- *
- * const customZustandTool = createZustandTool({
- *   name: "STATE",
- *   iconColor: "#463B3F",
- * });
- *
- * <FloatingDevTools apps={[customZustandTool]} />
- * ```
- */
-
-/**
- * Pre-configured Zustand DevTools preset for FloatingDevTools.
- * Includes:
- * - Live state change monitoring
- * - State inspection (JSON viewer)
- * - State diff visualization (tree + split)
- * - Filter by store name
- * - Changed keys tracking
- */
-const zustandToolPreset = exports.zustandToolPreset = {
-  id: "zustand",
-  name: "ZUSTAND",
-  description: "Zustand store & state inspector",
-  slot: "both",
-  icon: ({
-    size
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZustandIcon.ZustandIcon, {
-    size: size
-  }),
-  component: _ZustandModal.ZustandModal,
-  props: {
-    enableSharedModalDimensions: false
-  }
-};
-
-/**
- * Create a custom Zustand DevTools configuration.
- * Use this if you want to override default settings.
- *
- * @example
- * ```tsx
- * import { createZustandTool } from '@buoy-gg/zustand';
- *
- * const myZustandTool = createZustandTool({
- *   name: "STATE",
- *   iconColor: "#463B3F",
- * });
- * ```
- */
-function createZustandTool(options) {
-  return {
-    id: options?.id || "zustand",
-    name: options?.name || "ZUSTAND",
-    description: options?.description || "Zustand store & state inspector",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZustandIcon.ZustandIcon, {
-      size: size,
-      color: options?.iconColor
-    }),
-    component: _ZustandModal.ZustandModal,
-    props: {
-      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
-    }
-  };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createZustandTool=createZustandTool,exports.zustandToolPreset=void 0;var _ZustandModal=require("./zustand/components/ZustandModal"),_ZustandIcon=require("./zustand/components/ZustandIcon"),_jsxRuntime=require("react/jsx-runtime");const zustandToolPreset=exports.zustandToolPreset={id:"zustand",name:"ZUSTAND",description:"Zustand store & state inspector",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_ZustandIcon.ZustandIcon,{size:e}),component:_ZustandModal.ZustandModal,props:{enableSharedModalDimensions:!1}};function createZustandTool(e){return{id:e?.id||"zustand",name:e?.name||"ZUSTAND",description:e?.description||"Zustand store & state inspector",slot:"both",icon:({size:n})=>(0,_jsxRuntime.jsx)(_ZustandIcon.ZustandIcon,{size:n,color:e?.iconColor}),component:_ZustandModal.ZustandModal,props:{enableSharedModalDimensions:void 0!==e?.enableSharedModalDimensions&&e.enableSharedModalDimensions}}}

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

@@ -1,118 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ZustandActionButton = ZustandActionButton;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ZustandActionButton
- *
- * Generic action button for Zustand DevTools footer.
- * Mirrors ReduxActionButton.tsx
- */
-
-const buttonConfigs = {
-  copy: {
-    color: _sharedUi.night.color.accent,
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorder,
-    textColor: _sharedUi.night.color.accent
-  },
-  reset: {
-    color: _sharedUi.night.color.warning,
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    borderColor: _sharedUi.night.color.warning + "40",
-    textColor: _sharedUi.night.color.warning
-  },
-  clear: {
-    color: _sharedUi.night.color.danger,
-    backgroundColor: _sharedUi.night.color.dangerSoft,
-    borderColor: _sharedUi.night.color.danger + "40",
-    textColor: _sharedUi.night.color.danger
-  },
-  jump: {
-    color: _sharedUi.night.color.warning,
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    borderColor: _sharedUi.night.color.warning + "40",
-    textColor: _sharedUi.night.color.warning
-  }
-};
-function ZustandActionButton({
-  onPress,
-  text,
-  type,
-  disabled = false,
-  testID
-}) {
-  const config = buttonConfigs[type];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    disabled: disabled,
-    onPress: onPress,
-    style: [styles.button, {
-      backgroundColor: disabled ? _sharedUi.night.color.textTertiary + "1A" : config.backgroundColor,
-      borderColor: disabled ? _sharedUi.night.color.textTertiary + "33" : config.borderColor,
-      opacity: disabled ? 0.5 : 1
-    }],
-    activeOpacity: 0.7,
-    testID: testID,
-    accessibilityRole: "button",
-    accessibilityLabel: text,
-    accessibilityState: {
-      disabled
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.dot, {
-        backgroundColor: disabled ? _sharedUi.night.color.textTertiary : config.color
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.text, {
-        color: disabled ? _sharedUi.night.color.textTertiary : config.textColor
-      }],
-      children: text
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 6,
-    borderWidth: 1,
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    height: 25,
-    minWidth: 80,
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 2,
-    elevation: 2
-  },
-  dot: {
-    width: 5,
-    height: 5,
-    borderRadius: 3,
-    marginRight: 6,
-    shadowColor: _sharedUi.night.color.text,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.6,
-    shadowRadius: 2
-  },
-  text: {
-    fontSize: 10,
-    fontWeight: "600",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: _sharedUi.monoFont,
-    height: 12
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ZustandActionButton=ZustandActionButton;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");const buttonConfigs={copy:{color:_sharedUi.night.color.accent,backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorder,textColor:_sharedUi.night.color.accent},reset:{color:_sharedUi.night.color.warning,backgroundColor:_sharedUi.night.color.warningSoft,borderColor:_sharedUi.night.color.warning+"40",textColor:_sharedUi.night.color.warning},clear:{color:_sharedUi.night.color.danger,backgroundColor:_sharedUi.night.color.dangerSoft,borderColor:_sharedUi.night.color.danger+"40",textColor:_sharedUi.night.color.danger},jump:{color:_sharedUi.night.color.warning,backgroundColor:_sharedUi.night.color.warningSoft,borderColor:_sharedUi.night.color.warning+"40",textColor:_sharedUi.night.color.warning}};function ZustandActionButton({onPress:t,text:o,type:r,disabled:e=!1,testID:i}){const a=buttonConfigs[r];return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{disabled:e,onPress:t,style:[styles.button,{backgroundColor:e?_sharedUi.night.color.textTertiary+"1A":a.backgroundColor,borderColor:e?_sharedUi.night.color.textTertiary+"33":a.borderColor,opacity:e?.5:1}],activeOpacity:.7,testID:i,accessibilityRole:"button",accessibilityLabel:o,accessibilityState:{disabled:e},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:e?_sharedUi.night.color.textTertiary:a.color}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,{color:e?_sharedUi.night.color.textTertiary:a.textColor}],children:o})]})}const styles=_reactNative.StyleSheet.create({button:{flexDirection:"row",alignItems:"center",justifyContent:"center",borderRadius:6,borderWidth:1,paddingHorizontal:12,paddingVertical:6,height:25,minWidth:80,shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2,elevation:2},dot:{width:5,height:5,borderRadius:3,marginRight:6,shadowColor:_sharedUi.night.color.text,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:2},text:{fontSize:10,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:_sharedUi.monoFont,height:12}});

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

@@ -1,48 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ZustandDetailViewToggle = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _sharedUi = require("@buoy-gg/shared-ui");
-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); }
-/**
- * ZustandDetailViewToggle
- *
- * Three-card toggle for switching between Change, State, and Diff views.
- * The cards themselves are the shared `DetailViewToggle`; this file owns
- * the zustand view list and testID prefix.
- */
-
-const VIEWS = [{
-  key: "change",
-  label: "CHANGE",
-  description: "View change details",
-  icon: _sharedUi.FileText
-}, {
-  key: "state",
-  label: "STATE",
-  description: "View current state",
-  icon: _sharedUi.Database
-}, {
-  key: "diff",
-  label: "DIFF",
-  description: "Compare changes",
-  icon: _sharedUi.GitBranch
-}];
-const DIFF_DISABLED = ["diff"];
-const ZustandDetailViewToggle = exports.ZustandDetailViewToggle = /*#__PURE__*/(0, _react.memo)(function ZustandDetailViewToggle({
-  activeView,
-  onViewChange,
-  diffDisabled = false
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.DetailViewToggle, {
-    views: VIEWS,
-    activeView: activeView,
-    onViewChange: onViewChange,
-    disabledKeys: diffDisabled ? DIFF_DISABLED : undefined,
-    testIDPrefix: "buoy-zustand"
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ZustandDetailViewToggle=void 0;var _react=_interopRequireWildcard(require("react")),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,i){if("function"==typeof WeakMap)var t=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,i){if(!i&&e&&e.__esModule)return e;var a,n,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(a=i?r:t){if(a.has(e))return a.get(e);a.set(e,o)}for(const i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((n=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,i))&&(n.get||n.set)?a(o,i,n):o[i]=e[i]);return o})(e,i)}const VIEWS=[{key:"change",label:"CHANGE",description:"View change details",icon:_sharedUi.FileText},{key:"state",label:"STATE",description:"View current state",icon:_sharedUi.Database},{key:"diff",label:"DIFF",description:"Compare changes",icon:_sharedUi.GitBranch}],DIFF_DISABLED=["diff"],ZustandDetailViewToggle=exports.ZustandDetailViewToggle=(0,_react.memo)(function({activeView:e,onViewChange:i,diffDisabled:t=!1}){return(0,_jsxRuntime.jsx)(_sharedUi.DetailViewToggle,{views:VIEWS,activeView:e,onViewChange:i,disabledKeys:t?DIFF_DISABLED:void 0,testIDPrefix:"buoy-zustand"})});

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

@@ -1,43 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ZustandEventFilterView = ZustandEventFilterView;
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _zustandStateStore = require("../utils/zustandStateStore");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ZustandEventFilterView
- *
- * The shared `EntityFilterView` with zustand's nouns: registered stores you
- * can tap to hide, active store-name patterns, and how it works.
- */
-
-const EXAMPLES = ["• auth → hides authStore from stores & events", "• temp → hides tempStore, tempUserStore", "• cart → hides cartStore from both tabs"];
-function ZustandEventFilterView({
-  ignoredPatterns,
-  onTogglePattern,
-  onAddPattern,
-  stores
-}) {
-  const entities = (0, _react.useMemo)(() => stores.map(store => ({
-    name: store.name,
-    color: _zustandStateStore.zustandStateStore.getStoreColor(store.name)
-  })), [stores]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EntityFilterView, {
-    entities: entities,
-    ignoredPatterns: ignoredPatterns,
-    onTogglePattern: onTogglePattern,
-    onAddPattern: onAddPattern,
-    entityNoun: "STORES",
-    entitySingular: "store",
-    entityKey: "store",
-    testIDPrefix: _testIDs.ZUSTAND_TEST_ID,
-    slug: _testIDs.slugForTestID,
-    howItWorks: "Patterns hide matching stores from both the Stores tab and the Events tab. Tap a store above to quickly add it as a filter.",
-    examples: EXAMPLES
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ZustandEventFilterView=ZustandEventFilterView;var _react=require("react"),_sharedUi=require("@buoy-gg/shared-ui"),_zustandStateStore=require("../utils/zustandStateStore"),_testIDs=require("../utils/testIDs"),_jsxRuntime=require("react/jsx-runtime");const EXAMPLES=["• auth → hides authStore from stores & events","• temp → hides tempStore, tempUserStore","• cart → hides cartStore from both tabs"];function ZustandEventFilterView({ignoredPatterns:t,onTogglePattern:e,onAddPattern:r,stores:s}){const a=(0,_react.useMemo)(()=>s.map(t=>({name:t.name,color:_zustandStateStore.zustandStateStore.getStoreColor(t.name)})),[s]);return(0,_jsxRuntime.jsx)(_sharedUi.EntityFilterView,{entities:a,ignoredPatterns:t,onTogglePattern:e,onAddPattern:r,entityNoun:"STORES",entitySingular:"store",entityKey:"store",testIDPrefix:_testIDs.ZUSTAND_TEST_ID,slug:_testIDs.slugForTestID,howItWorks:"Patterns hide matching stores from both the Stores tab and the Events tab. Tap a store above to quickly add it as a filter.",examples:EXAMPLES})}

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

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ZUSTAND_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.ZUSTAND_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "ZustandIcon", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.ZustandIcon;
-  }
-});
-var _sharedUi = require("@buoy-gg/shared-ui");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ZUSTAND_ICON_COLOR",{enumerable:!0,get:function(){return _sharedUi.ZUSTAND_ICON_COLOR}}),Object.defineProperty(exports,"ZustandIcon",{enumerable:!0,get:function(){return _sharedUi.ZustandIcon}});var _sharedUi=require("@buoy-gg/shared-ui");