@buoy-gg/storage 2.1.1 → 2.1.2

package/lib/commonjs/storage/components/StorageModalWithTabs.js

@@ -577,16 +577,10 @@ function StorageModalWithTabs({
                 size: 14,
                 color: ignoredPatterns.size > 0 ? _sharedUi.macOSColors.semantic.debug : _sharedUi.macOSColors.text.secondary
               })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              onPress: handleToggleListening,
-              style: [styles.iconButton, isListening && styles.activeButton],
-              children: isListening ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Pause, {
-                size: 14,
-                color: _sharedUi.macOSColors.semantic.success
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Play, {
-                size: 14,
-                color: _sharedUi.macOSColors.semantic.success
-              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PowerToggleButton, {
+              isEnabled: isListening,
+              onToggle: handleToggleListening,
+              accessibilityLabel: "Toggle storage event monitoring"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
               onPress: handleClearEvents,
               style: styles.iconButton,
@@ -623,9 +617,6 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center"
   },
-  activeButton: {
-    backgroundColor: _sharedUi.macOSColors.semantic.successBackground
-  },
   activeFilterButton: {
     backgroundColor: _sharedUi.macOSColors.semantic.infoBackground
   },

package/lib/module/storage/components/StorageModalWithTabs.js

@@ -3,7 +3,7 @@
 import { useState, useCallback, useEffect, useRef, useMemo } from "react";
 import { Text, View, TouchableOpacity, StyleSheet, FlatList, Alert } from "react-native";
 import AsyncStorage from "@react-native-async-storage/async-storage";
-import { JsModal, ModalHeader, TabSelector, parseValue, devToolsStorageKeys, macOSColors, Database, Pause, Play, Trash2, Filter, Search, SearchBar } from "@buoy-gg/shared-ui";
+import { JsModal, ModalHeader, TabSelector, parseValue, devToolsStorageKeys, macOSColors, Database, Trash2, Filter, Search, SearchBar, PowerToggleButton } from "@buoy-gg/shared-ui";
 import { StorageBrowserMode } from "./StorageBrowserMode";
 import { clearAllAppStorage, clearAllStorageIncludingDevTools } from "../utils/clearAllStorage";
 import { ProFeatureBanner } from "@buoy-gg/shared-ui";
@@ -573,16 +573,10 @@ export function StorageModalWithTabs({
                 size: 14,
                 color: ignoredPatterns.size > 0 ? macOSColors.semantic.debug : macOSColors.text.secondary
               })
-            }), /*#__PURE__*/_jsx(TouchableOpacity, {
-              onPress: handleToggleListening,
-              style: [styles.iconButton, isListening && styles.activeButton],
-              children: isListening ? /*#__PURE__*/_jsx(Pause, {
-                size: 14,
-                color: macOSColors.semantic.success
-              }) : /*#__PURE__*/_jsx(Play, {
-                size: 14,
-                color: macOSColors.semantic.success
-              })
+            }), /*#__PURE__*/_jsx(PowerToggleButton, {
+              isEnabled: isListening,
+              onToggle: handleToggleListening,
+              accessibilityLabel: "Toggle storage event monitoring"
             }), /*#__PURE__*/_jsx(TouchableOpacity, {
               onPress: handleClearEvents,
               style: styles.iconButton,
@@ -619,9 +613,6 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "center"
   },
-  activeButton: {
-    backgroundColor: macOSColors.semantic.successBackground
-  },
   activeFilterButton: {
     backgroundColor: macOSColors.semantic.infoBackground
   },

package/lib/typescript/storage/components/StorageModalWithTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorageModalWithTabs.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/StorageModalWithTabs.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AA0B9C,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC5C;AAqBD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,mBAAwB,GACzB,EAAE,yBAAyB,sCA6sB3B"}
+{"version":3,"file":"StorageModalWithTabs.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/StorageModalWithTabs.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AA0B9C,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC5C;AAqBD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,mBAAwB,GACzB,EAAE,yBAAyB,sCAqsB3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/storage",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "storage package",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,8 +26,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "2.1.1",
-    "@buoy-gg/shared-ui": "2.1.1"
+    "@buoy-gg/floating-tools-core": "2.1.2",
+    "@buoy-gg/shared-ui": "2.1.2"
   },
   "peerDependencies": {
     "@buoy-gg/license": "*",
@@ -40,7 +40,7 @@
     "@types/react": "^19.1.0",
     "@types/react-native": "^0.73.0",
     "typescript": "~5.8.3",
-    "@buoy-gg/license": "2.1.1"
+    "@buoy-gg/license": "2.1.2"
   },
   "react-native-builder-bob": {
     "source": "src",