@buoy-gg/zustand 7.0.38 → 7.0.40

package/lib/commonjs/index.js

@@ -1 +1,105 @@
-"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");
+"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");

package/lib/commonjs/preset.js

@@ -1 +1,102 @@
-"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}}}
+"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
+    }
+  };
+}

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

@@ -1 +1,118 @@
-"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}});
+"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
+  }
+});

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

@@ -1 +1,48 @@
-"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"})});
+"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"
+  });
+});

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

@@ -1 +1,43 @@
-"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})}
+"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
+  });
+}

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

@@ -1 +1,18 @@
-"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");
+"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");